HTML Phrase tags: Phrase tags in HTML - HTML Tutorial

HTML Phrase tags:

The HTML phrase tags are special purpose tags, which defines the structural meaning of a block of text or semantics of text. Following is the list of phrase tags, some of which we have already discussed in HTML formatting;

• Abbreviation tag: <abbr>

• Acronym tag: <acronym> (Not supported in HTML5)

• Marked tag: <mark>

• Strang tag: <strong>

• Emphasized tag <em>

• Definition tag: <dfn>

• Quoting tag; <blockquote>

• Short quote tag: <q>

• Code tag: <code>

• Keyboard tag: <kbd>

• Address tag: <address>

1. ABBRIVIATION TAG:

This tag is used to abbreviate a text. To abbreviate a text, write text between <abbr> and </abbr> tag.

Example:

<p>An <"abbr title="Hyper text Markup language">HTML</abbr>language is used to crate web pages.</p>

Output:

2. MARKED TAG:

The content written between <mark> and </mark> tag will show as yellow mark on browser. This tag is used to highlight a particular text.

Example:

<p> This tag will <mark> highlight</mark> the text.</p>

Output:

3. STRONG TEXT:

This tag is used to display the important text of the content. The text written <strong> and </strong> will be displayed as important text.

Example:

<p>In HTML it is recommended to use <strong> lower case</strong>, while writing a cade.</p> 

Output:

4. EMPHASIZED TEXT:

This tag is used to emphasize the text, and displayed  the text in italic form. The text written between <em> and </em> tag will italicized the text.

Example:

<p>HTML is an <em>easy</em> to learn language.</p>

Output:

5. DEFINITION TAG:

When you used the <dfn> and </dfn> tags it allow to specify the keyword of the content.

Example:

<p><dfn>HTML</dfn>is a markup language.</p>

Output:

6. QUOTING TEXT:

The HTML <blockquote> element shows that the enclosed content is quoted from another source. The Source URL can be given using the cite attribute and text representation of source can display using <cite>------</cite>element.

Example:

<blockquote  cite="https://www.keepinspiring/famous-quotes/"><p>The first step toward success is taken when you refuse to be a captive of the environment which you first find yourself;?</p></blockquote>

<cite>-Mar Cain</cite>

Output:

7. SHORT QUOTATIONS:

An HTML <q>-----</q> element defines a short quotation. If you will put any content between <q> and</q> then it will enclose the text in double quotes.

Example:

<p>Steve Jobs said :<q>It You Are Working On Something That You Really Care Abut You Don't Have To Be Pushed. The Vision Pulls You.</q>?</p>

Output:

8. CODE TAGES:

The HTML <code> </code> element is used to display the part of computer code. It will display the content in monospaced font

Example:

<p>First Java program</p>

<p><code>class Simple{public static void main(String args[]){System.out.printIn("Hello Java");}}</code></p>

Output:

9. KEYBOARD TAG:

In HTML the keyboard  tag <kbd> indicates that a section of content is a user input from keyboard.

Example:

<p>Please   press  <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd> t </kbd>to restore the page of chrome..</p>

Output:

10. ADDRESS TAG:

An HTML <address> tag defines the contact in formation about the author of the content. The content written between <address> and </address> tag then it will be displayed in italic font.

Example:

<address>You can ask your queries by contact us on  <a href="">example@newdomain.com</a>

<br> You can also visit at: <br>58S. Garfield Street. Villa Rica GA 30187

</address>

Output: