Blog

Latest updates from Cleonix Technologies
Use of blockquote in HTML

Use the HTML < blockquote > tag to indicate long quotations (i.e. quotations spanning multiple lines). It should only contain elements at the block level and not just plain text.

How to Use Blockquote on Your Webpages:

You sometimes want to call out a block of text as a quotation when you write text on a web page and create the layout of that page. This could be a quote from somewhere else, like a testimonial to a client that accompanies a case study or success story of a project.
This may also be a treatment of design that repeats some significant text from the article or content itself. So let’s look at how to use the blockquote tag to describe lengthy quotations.

Example of Using the Blockquote Tag:
The blockquote tag is a semantic tag that tells a long quotation to the browser or user agent. You should not include text inside the blockquote tag that is not a quotation.
Just surround the text that is a quotation with the following tag pair to add the blockquote tag to your text.

Opening: <blockquote>
Closing: </blockquote>

Example:

<!DOCTYPE html>
<html>

  <head>
      <title>HTML blockquote Tag

   <body>
      <blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting 
the future of nature.
The world's leading conservation organization,
 WWF works in 100 countries and is supported by 
1.2 million members in the United States and close to 5 million globally.
</blockquote>
   </body>

Do Not Use Blockquote to Indent Text:
People used the blockquote tag for many years if they wanted to indent text on their website, even if it wasn’t a pull quote. That’s the wrong practice! For visual reasons alone, you don’t want to use blockquote semantics.


About the author


0 comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Categories
Latest Post
landing page

How to Create An Attractive Landing Page to Increase Sales

Posted on 16 May 2022

Magento or Shopify Development

Shopify or Magento Which One to Choose For Your eCommerce Development

Posted on 09 May 2022

web design and development

How Web Design and Development Can Amplify Your Business?

Posted on 31 Mar 2022

Tags
advantageofwebdesign advantageofwebdevelopment androidappdevelopment app development appdevelopment appdevelopmentforbeginners b2b seo b2c seo backlinks backlinksin2021 basics of digital marketing benefitsofwebdesignanddevelopment best web design company in saltlake best web designing company in kolkata blogging blogging tips blogging tutorial Businessdevelopment businesspromotion c++ c++ features computervirus Cross-Browser Compatibility developandroidapps digital marketing digital marketing tutorial DigitalMarketing Digitalmarketingbenefits Digitalmarketingtips E-Commerce ecommercedevelopment ecommercewebsite favicon future of information technology future of mobile apps GIF graphicdesign graphicdesignertools graphicdesignin2022 graphicdesigntips graphicdesigntutorials Graphics design guestposting guestpostingtips guestpostingtutorials howtocreatelandingpage howtodefendcomputervirus howtogethighqualitybacklinks howtoidentifycomputervirus howtooptimizeimage HTML5 htmllandingpage hybrid mobile app development hybrid mobile apps imageseo imageseotechniques Impact Of Information Technology increaseonlinereach information technology Information Technology On Modern Society internet iOS iOS app development iOS benefits IT blogs java framework java frameworks 2021 java learning java tutorial JPEG landingpagedesign laravel laravel benefits laravel development services learn blogging live streaming magento 2 magento with google shopping malware malwareprotection marketing meta tags mobile app development mobile apps mobile seo mobile seo in 2021 mobile seo tips off page seo off-page seo techniques omrsoftware omrsoftwaredevelopment omrsoftwareforschools on-page seo online marketing online payment onlinebranding onlinebusiness Onlinemarketing osCommerce pay per click payment gateway payment solution PHP PNG ppc private network professional web design progamming programming language promotebusinessonline pros and cons of information technology protectionformcomputervirus Responsive Website Design SEO seo tips SEO tips in 2020 seo types seoprocess shopify software development software tools SVG technology UI usesofomrsoftware UX video streaming virtual assistant virtual assistant monitoring Virtual private network VPN web design web design in kolkata Web Development web payment webdesign webdevelopment website Website Design Website speed whatisomrsoftware