#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 <kbd>…</kbd> 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

Support CodeSnail

If you appreciate my work, or if it has helped you along your journey. It would mean a lot to me if you could write a message on my wall and share a cup of coffee (or tea) with me.

Buy Me A Coffee
Your subscription could not be saved. Please try again.
Your subscription has been successful.


Subscribe to our newsletter and stay updated.

Leave a Comment