Loading Please Wait...

Logo Lynxsia IT Solutions

HTML Quotations

HTML Quotations

HTML Quotation elements are used to quote the reference of the author, document, page, etc.

These elements include <blockquote>, <q>, <abbr>, <address>, <cite>, and <bdo>

<blockquote> Element

As the name implies, the <blockquote> is used to quote the block/section from another source. The content inside it is usually indented.

Let's see with some example
					 
        
          <!DOCTYPE html>
          <html>
            <body>
              <p>Here is quote from Wikipedia</p>
              <blockquote cite="https://en.wikipedia.org/wiki/HTML">
                The Hyper Text Markup Language or HTML is the standard markup language for documents
                designed to be displayed in a web browser.
              </blockquote>
            </body>
          </html>
        
      
<q> Element

The <q> defines short quote and browser normally add quotation marks around the text

Let's see with some example
					 
        
          <!DOCTYPE html>
          <html>
            <body>
              <p>
                This is a long paragraph for <q>demonstrating q tag</q> for quotation.
              </p>
            </body>
          </html>
        
      
<abbr> Element

The <abbr> defines abbreviations or acronyms such as HTML, CSS, JS, etc. This element is really helpful to provide information to browser, search engine, and screen readers. Use title attribute to give definition/full form for the abbreviation.

Let's see with some example
					 
        
          <!DOCTYPE html>
          <html>
            <body>
              <p>The <abbr title="Hyper Text Markup Language">HTML</abbr> is used to design web pages.</p>
            </body>
          </html>
        
      
<address> Element

The <address> defines the contact information like phone, email, address, etc. for the author of the document. The text is displayed in italic and the browser adds a line break before and after the <address> element.

Let's see with some example
					 
        
          <!DOCTYPE html>
          <html>
            <body>
              <address>
                Kotwali Road, <br>
                Chhiptehri, <br>
                Banda, 210001, <br>
                UP, India <br>
                info@gmail.com
              </address>
            </body>
          </html>
        
      
<cite> Element

The <cite> defines the title for the document or section such as images, links, and other resources. It is displayed in italic.

Let's see with some example
					 
        
          <!DOCTYPE html>
          <html>
            <body>
              <p><cite>This website</cite> is maintained by Lynxsia IT Solutions</p>
            </body>
          </html>
        
      
<bdo> Element

The <bdo> element is used to change the direction of the text such as left-to-right (LTR) or right-to-left (RTL) and stands for Bi-Directional Override. Use dir attribute to change the direction. Helpful for showing Arabic-like language or words.

Let's see with some example
					 
        
          <!DOCTYPE html>
          <html>
            <body>
              <p>This is a paragraph in default direction</p>
              <bdo dir="rtl">This is a paragraph in rtl direction</bdo>
            </body>
          </html>
        
      

How you feel about this blog:

Share this blog on:

Report Us

If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com

Contact Us
Ads
Logo
Lynxsia IT Solutions

We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..

Kotwali Road, Chhiptehri, Banda, 210001, UP, India

Copyright © 2022, Lynxsia IT Solutions, All rights reserved