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.
<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,
<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> tag defines the contact information about the author of the content. The content is written between
</address> tags, then it will be displayed in italic font. see the example at last,
<bdo>...</bdo> element stands for Bi-Directional Override and it is used to override the current text direction. see the example at last,
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> </code> element is used to display the part of computer code. It will display the content in monospaced font.
For Program Output
<samp> element is used to define sample output from a computer program. The content inside is displayed in the browser’s default monospace font.
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