HTML Phrase tags – Citation and Quotation

List of Phrase tags in HTML

html Description List

HTML CITATION ELEMENTS

HTML <cite> Tag

The HTML cite tag is used to denote text citations and this tag is used to give reference to another source.

<cite>…………</cite>

HTML cite Tag example

Example

    
<p><cite>Photo </cite> by Sean JOHNSTON from Pexels.</p>

HTML <blockquote> Tag

The HTML blockquote element is used to format a block of text as a long quote which is indented more than the surrounding text.

A <blockquote> text is indent by browsers. It indicates the enclosed text in an extended quotation.
It is used to define section quoted from another source.

Example

    
<blockquote cite="https://en.wikipedia.org/wiki/Blockquote_element">
The blockquote element is used to indicate the quotation of a large section of text from another source. Using the default HTML styling of most web browsers, it will indent the right and left margins both on the display and in printed form
</blockquote>

HTML Quotation ELEMENTS

What is HTML Quotes?

Quotations are used to add short quotes to Web Pages.

HTML <q> tag

The <q> tag describes short quotations in HTML document.

HTML q tag example

Example

    
<body>

Stephen King says – <q>Get busy living or get busy dying.</q>

</body>

HTML <bdi> Tag

BDI means Bi-Directional Isolation. It formats the text in a different direction.

It isolates a text or group of text from its surrounding texts.

Example

    
<li><bdi class="medalTally">United States of America</bdi>: USA  received 250 Gold Medals</li>
<li><bdi class="medalTally">המקום השני הולך לאוסטרליה</bdi>: Australia received 150 Gold Medals</li>

HTML Text Direction - <bdo> Tag

The tag specifies bi-directional override of the text.

HTML Text Direction bdo Tag

Example

    
<h4><bdo dir="rtl">welcome to html tutorial</bdo></h4>

HTML <address> Tag

You can provide contact details of page author using <address> element.

Company Name: TutorialBrain
Contact us: [email protected].
Bangalore,
Karnataka

Example

    
<address>
Company Name: TutorialBrain<br> 
Contact us: <a href="mailto:[email protected]">[email protected]</a>.<br>
Bangalore,<br>
Karnataka
</address>

HTML <abbr> Tag

The <abbr> specifies abbreviation. Various search engines render important information from this tag. Thus, this might help helps in improving the ranking of the site as well

SEO

Example

    
<p><abbr title="Search Engine Optimization">SEO</abbr></p>

HTML <Acronym> Tag

The HTML <acronym> tag specifies the acronym.

<acronym>…………..</acronym>

Example

    
<h4>The <acronym  title="World Trade Center">WTC</acronym> situated in New York City.</h4>

Interview Questions & Answer

The HTML Phrase tags are used to perform some specific operations like highlighting the text on a web page, adding quotations and citations, blockquote, etc.

The HTML cite tag is used to denote text citations and this tag is used to give reference to another source.
Tag used is <cite>…….</cite>.
Example,

<!DOCTYPE html>
<html>
<head>
<title>Example of cite tag</title>
</head>
<body>
<img src="aerial-view-bird-s-eye-view-boat-910154.jpg" width=300 alt="Photo from Pexels"/>
<p><cite>Photo </cite> by Sean JOHNSTON from Pexels.</p>
</body>
</html>

Quotations are used to add short quotes to Web Pages.
Tag used is <q>…………..</q>.
Example,

<!DOCTYPE html>
<html>
<head>
<title> HTML Quotation</title>
</head>
<body>
Stephen King says- <q>Get busy living or get busy dying.</q>
</body>
</html>

The HTML <blockquote> element is used to format a block of text as a long quote which is indented more than the surrounding text.
A <blockquote> text is indent by browsers. It indicates the enclosed text in an extended quotation.
It is used to define the section quoted from another source.
For example,

<!DOCTYPE html>
<html>
<body>

<h1>About blockquote tag</h1>
<p>The HTML blockquote element is used to format a block of text as a long quote which is indented more than the surrounding text. Blockquote text is indented by browsers. It indicates the enclosed text in an extended quotation</p>

<blockquote cite="https://en.wikipedia.org/wiki/Blockquote_element">
The blockquote element is used to indicate the quotation of a large section of text from another source. Using the default HTML styling of most web browsers, it will indent the right and left margins both on the display and in printed form
</blockquote>

</body>
</html>

BDI means Bi-Directional Isolation. It formats the text in a different direction. It isolates a text or group of text from its surrounding texts.

The <bdo> tag specifies bi-directional override of the text.

An acronym is made of the initial letters of some words (e.g.Search Engine Optimization => SEO), while an abbreviation is a shortened form of a word (e.g. abbreviation => abbr).

An abbreviation is just a short form of a word or a phrase while acronym represents each letter in a word.

We can provide contact details of page author using <address> element.

Tutorials for all brains!