/    /  HTML Phrase tag

HTML Phrase tag

 

HTML phrase tags are used as special-purpose tags, and which provide the structural meaning of a block of text or semantics of text. Following is the list of phrase tags,

  • Abbreviation tag : <abbr>
  • Acronym tag: <acronym> (not supported in HTML5)
  • Marked tag: <mark>
  • Strong tag: <strong>
  • Emphasized tag : <em>
  • Definition tag: <dfn>
  • Quoting tag: <blockquote>
  • Short quote tag : <q>
  • Code tag: <code>
  • Keyboard tag: <kbd>
  • Address tag: <address>

 

Text Abbreviation tag:

 

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

 

Example:

 

<!DOCTYPE html>
<html>
<head>
     </head>
 <body>
  <h2> Text Abbreviation tag </h2>
   <p>An <abbr title = "Text Abbreviation tag">HTML </abbr>language is used to create web pages or website.
  </p>
 </body>
</html>

 

OUTPUT:

 

HTML Phrase tag

 

Marked tag:

 

This tag is used to highlight a particular text.

 

Example:

 

<!DOCTYPE html>
<html>
<head>
     </head>
 <body>
  <h2>Example of mark tag</h2>
  <p>This tag will <mark>highlight</mark> the text.</p>
 </body>
</html>

 

OUTPUT:

 

HTML Phrase tag

 

Strong text:

 

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

 

Example:

 

<!DOCTYPE html>
<html>
<head>
     </head>
 <body>
  <h2>strong tag</h2>
  <p>In HTML, you can  use <strong>lower-case</strong>, while writing a code. 
</p>
 </body>
</html>

 

OUTPUT:

 

HTML Phrase tag

 

Emphasized text:

 

This tag is used to emphasize the text, and the text will be displayed in the italic form.

 

Example:


<!DOCTYPE html>
<html>
<head>
     </head>
 <body>
  <h2>emphasized tag</h2>
  <p>HTML is an <em>easy </em>to learn programming language.</p>
 </body>
</html>

 

OUTPUT:

 

HTML Phrase tag

 

Definition tag:

 

It allow to specify the keyword of the content.

 

Example:

 

<!DOCTYPE html>
<html>
<head>
     </head>
 <body>
  <h2>definition element</h2>
  <p><dfn>HTML </dfn> is a markup language. </p>
 </body>
</html>

 

OUTPUT:

 

HTML Phrase tag

 

Quoting text:

 

The HTML <blockquote> element used the enclosed content is quoted from another src(source). The src(Source) URL can be given using the cite attribute, and text representation of source can display using <cite> ….. </cite>element.

 

Example:

 

<!DOCTYPE html>
<html>
<head>
     </head>
 <body>
  <h2>blockquote element</h2>
   <blockquote cite="https:"><p>"element used the enclosed content is quoted from another src(source). "</p></blockquote>
   <cite>-i2 tutorials</cite>
 </body>
</html>

 

OUTPUT:

 

HTML Phrase tag

 

Short Quotations:

 

The HTML <q> ……. </q> element defines a short quotation.

 

Example:

 

<!DOCTYPE html>
<html>
<head>
     </head>
 <body>
  <p>Short Quotations</p>
   <p>Steve Jobs said: <q>The HTML <q> ....... </q> element defines a short quotation.</q>?</p>
 </body>
</html>

 

OUTPUT:

 

HTML Phrase tag

 

Code tags:

 

An HTML <code> </code> element is used to display the part of computer code.

 

Example:

 

<!DOCTYPE html>
<html>
<head>
     </head>
 <body>
  <p>Code tags</p>
   <p><code>class Simple{ public static void main(String args[]){
   System.out.println("Hello Java"); }} </code>
  </p>
 </body>
</html>

 

OUTPUT:

 

HTML Phrase tag

 

Keyboard Tag:

 

The keyboard tag is, <kbd>, and it indicates that a section of content is a user input from the keyboard.

 

Example:

 

<!DOCTYPE html>
<html>
<head>
     </head>
 <body>
  <p>Keyboard input. </p>
  <p>Please press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + t<kbd></kbd> to restore page on chrome.</p>
 </body>
</html>

 

OUTPUT:

 

HTML Phrase tag

 

Address tag:

 

The <address> tag provides the contact information about the author of the content.

 

Example:

 

<!DOCTYPE html>
<html>
<head>
     </head>
 <body>
  <p>Address Tag</p>
  <address> You can ask your queries by contact us on <a href=" ">i2tutorials@gamil.com</a>
  <br> visit at: <br>hyderabd - 300038.
  </address>
 </body>
</html>

 

OUTPUT:

 

HTML Phrase tag