You are currently viewing HTML Quotation Tags  | lesson 11 HTML Tutorial
HTML Quotation Image

HTML Quotation Tags | lesson 11 HTML Tutorial

In This Lesson you will learn how to deal with quotation tags like blockquote, q, address, bdom and abbr.

All those tags are used to deal with text formatting but for different purpose.

HTML Quotation Video

HTML <q> for Short Quotations

The HTML <q> element defines a short quotation. Browsers usually insert quotation marks around the <q> element.

Example:

 <p>This Example: <q>This is the quoted text.</q></p> 

HTML <blockquote> for Quotations

The HTML <blockquote> element defines a section that is quoted from another source. Browsers usually indent <blockquote> elements.

Example:

<p><blockquote>This is a quoted text block, so you could use it to quote block text</blockquote></p>

HTML <abbr> for Abbreviations

The HTML <abbr> element defines an abbreviation or an acronym.

Also, Marking abbreviations can give useful information to browsers, translation systems and search-engines.

Example:

  <p>The <abbr title="World Wide Web">WWW</abbr> is the abbreviation for world Wide Web</p>  

HTML <address> for Contact Information

The HTML <address> element defines contact information (author/owner) of a document or an article. The <address> element is usually displayed in italic. Most browsers will add a line break before and after the element.

<address>
Written by Mofreh.<br>
Visit us at:<br>
Safhatech.com<br>
</address> 

HTML <bdo> for Bi-Directional Override

The HTML <bdo> element defines bi-directional override. T

Therefore the <bdo> element is used to override the current text direction.

For Example:

 <bdo dir="rtl">This text will be written from right to left</bdo>

Note: The previous code effect will happen because of the <bdo> tag. Otherwise if the dir attribute is in normal paragraph it will not show the same result.


This post is one of the HTML5 for deep understanding course. where we will learn every common elements from basic to the advanced element.

In addition each lesson has a video which you could visit and watch for more practicing and for deep understanding.

We hope that we could give the best for you and for the deep and easy understanding.

You could follow the series from our website SAFHATECH.com. And go to categories and then programming and then Choose the course you want then just click next post to go step by step.

Finally we hope every thing is works as you suspect.


Consequently You could follow us at :

Website URL: https://www.safhatech.com/

Youtube: https://www.youtube.com/channel/UCIVzh6iykNowNcOUT5Gfasw

Twitter: http:// https://twitter.com/safhatech

Instegram: https://www.instagram.com/safhatech

Facebook: http:// https://www.facebook.com/Safhatech-487171875443687

Phone:967772223681

Leave a Reply