HTML Phrase Tags

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.

HTML phrase tags list:
  • Emphasized Tag
  • Marked Tag
  • Strong Tag
  • Abbreviation Tag
  • Acronym Tag
  • Special Terminology / Definition Tag
  • Quoting Tag
  • Short Quote Tag
  • Code Tag
  • Keyboard Tag
  • Address Tag

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> mall.
Output:
This is a beautiful mall.

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:
Mark these words.

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:
These examples are very important.

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:
Do you know the nickname of Mr. Bean?

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:
You are studying HTML.

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:
This can be defined as scripting.

Quoting 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.

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:
This can be defined as 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:
This is an example of code <?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:

This is an example of scripting.

Press ctrl+c to copy.

Address Tag

The address tag is used to specify and emphasize that a set of text is an address.

Example:
He is Mr. Bean <address>He lives in Boston.</address>
Output:

He is Mr. Bean

He lives in Boston.