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
how to defend computer virus

How to Identify A Computer Virus And Defend Yourself

Posted on 20 Jan 2022

Impact Of Information Technology In Modern Society And Its Future

Posted on 15 Dec 2021

7 New Strategies To Get High-Quality Backlinks in 2021

Posted on 14 Dec 2021

Tags
app development b2b seo b2c seo backlinks backlinksin2021 basics of digital marketing best web design company in saltlake best web designing company in kolkata blogging blogging tips blogging tutorial businesspromotion c++ c++ features computervirus Cross-Browser Compatibility digital marketing digital marketing tutorial E-Commerce favicon future of information technology future of mobile apps GIF Graphics design howtodefendcomputervirus howtogethighqualitybacklinks howtoidentifycomputervirus HTML5 hybrid mobile app development hybrid mobile apps 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 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 on-page seo online marketing online payment onlinebranding onlinebusiness 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 software development software tools SVG technology UI UX video streaming virtual assistant virtual assistant monitoring Virtual private network VPN web design web design in kolkata Web Development web payment website Website Design Website speed