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
