Technology Programming

HTML Phrase Tags

Tag HTML

There are predefined tags in HTML that are used to perform a specific operation that is similar to text format tags. There are several situations in which words can be highlighted, quotes inserted, code displayed in different structures, and so on, to highlight content on the web page in HTML. In this article, we will explain everything about HTML Phrase Tags.

What are HTML Phrase Tags?

  • <abbr> :Indicates an abbreviated form like pvt. inc. etc.
  • <em>: Indicates emphasis.
  • <strong>: Indicates stronger emphasis.
  • <acronym>: Used to highlight the text on a web page.
  • <cite>: Used give reference to the other sources.
  • <dfn>:  Indicates that this is the defining instance of the enclosed term.
  • <code>: Designates a fragment of computer code.
  • <samp>: Designates sample output from programs, scripts, etc.
  • <kbd>: Indicates text to be entered by the user.
  • <var>: Indicates an instance of a variable or program argument.

Emphasized Text

Any text within the <em>…</em> element, is displayed in the emphasized text as shown in the following example:

Output: The following word uses an emphasized typeface.

Marked Text

Any text within the <mark>…</mark> element, is displayed as marked with yellow link as shown in the following example :

m

Output: The following word has been marked with yellow

Strong Text

Any text within the <strong>…</strong> element, is displayed as important text as shown in the following example:

Output: The following word uses a strong typeface.

Text Abbreviation

Any text within the <abbr>…</abbr> tags, is displayed as abbreviated text as shown in the following example :

abbr

Output: This website is all about HTML.

Acronym Element

Any text within the <acronym>…</acronym> tags is an acronym as shown in the following example:

Output: This chapter covers marking up text in XHTML

Text Direction

Any text within the <bdo>…</bdo> element overrides the text direction as shown in the following example:

te

Output:
This text will go left to right.
This text will go right to left.

Special Terms

Any text within the <dfn>…</dfn> element signifies introducing a new keyword in the text. This element is used when introducing a keyword in the paragraph as shown in the following example:

special

Output: The following word is a special term.

Text Citations

If you are quoting a text, you can indicate the source placing it between an opening <cite> tag and closing </cite> tag

As you would expect in a print publication, the content of the <cite> element is rendered in an italicized text by default.

cite

Output: This HTML tutorial is derived from W3 Standard for HTML.

Quoting Text

Any text within the <blockquote>…</blockquote> tags is displayed as a quote from another source as shown in the following example:

blockquote

Output:

The following description of XHTML is taken from the W3C Web site:

XHTML 1.0 is the W3C’s first Recommendation for XHTML,following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.

Computer Code

Any programming code to appear on a Web page should be placed inside <code>…</code> tags. Usually the content of the <code> element is presented in a monospaced font, just like the code in most programming books.

computer code

Output: Regular text. This is the computer code. Regular text.

Address Text

The <address>…</address> element is used to contain any address.

address

Output: 75 3rd Ave, New York, NY 10003, USA

Conclusion

Phrase Tag: HTML phrase tags usually used to indicate the structural meaning of a block of text. For example, abbr tag indicates that the phrase includes the abbreviation word. Some examples of phrase tags are abbr, strong, mark, . . . etc.
Emphasized Text: The em tag usually used to emphasized the text and this tag displays the italic font in a browser. It means anything written within em tag is shown as emphasized Text.

See Also
HTML Basic Elements
Doctype HTML
HTML Attributes