HTML phrase tags are unique purpose tags designed to use indefinite cases, even though they're implemented in the same manner as other tags are used, which you might have seen in previous chapters. So now, let's dig deep into each of its different types of phrase tags. You might have briefly read about these in the earlier chapters, but not as a subcategory of phrase tags.
Let's see what each of these does:
Emphasis Tag
Emphasis Tag emphasizes or stresses the texts within its opening and closing tags.
Example:
This is a <em>beautiful</em> language.
Output:
Marked Tag
The mark tag defines text with a highlighted yellow background that should be marked or highlighted.
Example:
Mark these <mark>words</mark>.
Output:
Strong Tag
The mark tag defines the appearance of the text as solid or bold, which should be more significant.
Example:
These examples are <strong>very important</strong>.
Output:
Abbreviation Tag
Abbreviation Tag is used to give an abbreviation to any word written within the opening and closing tag.
Example:
Do you know the nickname of <abbr title = "Rowan Atkinson">Mr. Bean</abbr>?
Output:
Acronym Tag
Acronym Tag is used to show that the text within the opening and closing tag is an acronym. This tag is Not Supported in HTML5.
Example:
You are studying <acronym>HTML</acronym>.
Output:
Special Terminology / Definition Tag
Special Terminology/Definition Tag is used when HTML developers introduce a special term and display it differently.
Example:
This can be defined as <dfn>scripting</dfn>.
Output:
Quotation Tag
Quoting Tag is used when HTML developers want to add a quote to a passage from a different source.
Example:
<blockquote>This is all about India, which is a developing country having the second largest population.</blockquote>
Output:
This is all about India, which is a developing country having the second largest population.
You can visit the HTML Blockquote Tag tutorial for more information on the Quotation tag.
Short Quote Tag
Short Quote Tag is used for adding a double quote to your statement on your web page.
Example:
This can be defined as <q>scripting</q>.
Output:
scripting.
Code Tag
Code Tag is used for making text visualization as mono-spaced font, just like most of the programming books display code text.
Example:
This is an example of code <code><?php echo "Hello World!" ?></code>
Output:
<?php echo "Hello World!" ?>
Keyboard Tag
The HTML <kbd>
tag defines text as input from a keyboard such as the Ctrl key, Enter, etc. Browsers render text within <kbd> tags in monospace font.
Example:
<p>This is an example of <kbd>scripting</kbd>.</p>
<p>Press <kbd>ctrl+c</kbd> to copy.</p>
Output:
Address Tag
The address tag is used to specify and emphasize that a set of text is an address.
Example:
He is Mr. Bean.
He lives in:
<address>ADDRESS LINE 1<br>
ADDRESS LINE 2, CITY, STATE CODE, PIN</address>