#9 HTML Phrase tags

The HTML phrase tags are special-purpose tags, which define the structural meaning of a block of text or semantics of text.

Following is the list of phrase tags.

Quoting tag

The HTML <blockquote> element defines a section that is quoted from another source. The Source URL can be given using the cite attribute, and text representation of the source can display using <cite> ..... </cite> element. see example at last,

Short Quotations

The HTML <q> tag defines a short quotation. Browsers normally insert quotation marks around the quotation. see the example at last,

Text Abbreviation tag

You can abbreviate a text by putting it inside opening <abbr> and closing </abbr> tags. If present, the title attribute must contain this full description and nothing else. see example at last,

Address Text

An HTML <address> tag defines the contact information about the author of the content. The content is written between <address> and </address> tags, then it will be displayed in italic font. see the example at last,

Bi-Directional Override

The <bdo>...</bdo> element stands for Bi-Directional Override and it is used to override the current text direction. see the example at last,

Definition tag

When you use the <dfn> ... </dfn> tags, it allows specifying the keyword of the content. Following is the example to show how to define elements. see the example at last

Code tags

The HTML <code> </code> element is used to display the part of computer code. It will display the content in monospaced font.

For Program Output

The HTML <samp> element is used to define sample output from a computer program. The content inside is displayed in the browser’s default monospace font.

Keyboard Tag

When you are talking about computers, if you want to tell a reader to enter some text, you can use the  element to indicate what should be typed. see the example

Example of all above tag

See the Pen html phrase by Arpit (@soniarpit) on CodePen.

I hope you enjoyed the tutorial.

Previous: #8 HTML Text Formatting

Next: #10 HTML Links