Phrase Tag:

In HTML, phrase tag is utilized to show the structural meaning of a block of text. For example, abbr tag shows that the phrase contained the abbreviation word. A few examples of phrase tags are abbr, strong, mark, . . . And so forth.

Phrase tags


Emphasized Text:

The em tag is utilized to emphasized the text and this tag shows the italic textual style in a browser. It essentially means to something written inside em tag is displayed as emphasized Text.

Syntax:
<em> Text Content </em>
Example:

<!DOCTYPE html>
<html>
    <body>
        <h1>Sinhacoch</h1>
</body>
   
<p><em> Sinhacoch</em> emphasized tag</p>
    </body>
</html> 
Output:

Sinhacoch

Sinhacoch emphasized tag

Text Abbreviation:

To abbreviate a text in HTML utilize abbr tag. Abbreviation of text written inside opening and closing abbr tag.

Syntax:
<abbr title = "Sinhacoch">SC</abbr>
Example:

<!DOCTYPE html>
<html>
  <body>
     <h1>Sinhacoch</h1>
    
<p>
<abbr title = "Sinhacoch">SC</abbr>
abbreviation tag</p>    
  </body>
</html>              
Output:

Sinhacoch

SC abbreviation tag

Acronym Element:

This tag is utilized to show that the content is composed within the opening and closing acronym tag is an acronym.

Syntax:
  <acronym> Text Content </acronym>
Example:

<!DOCTYPE html>
<html>
  <body>
    <h1>Sinhacoch</h1>

   

<p>
<acronym>Sinhacoch</acronym> acronym tag</p>
    </body>
</html>      
Output:

Sinhacoch


Sinhacoch acronym tag

Text Direction:

The bdo tag represents Bi-directional Override. It is utilized to override the current text direction. Default text direction is from left to right. Yet it can override by utilizing bdo tag.

  • ltr: determines text direction from left to right.
  • rtl: determines text direction from right to left.
  • auto: In this tag, the browser sorts out the text direction, in light of the content (only suggested in the event that the text direction is unknown).
Syntax:
 <bdo dir = "ltr/rtl/auto"> Text Content </bdo>
Example:

<!DOCTYPE html>
<html>
  <body>
    <h1>Sinhacoch</h1>
<p>Sinhacoch text decoration tag</p>
 <bdo dir = "rtl">
Sinhacoch text decoration tag
</bdo>    
</body>
</html>             
Output:

Sinhacoch


Sinhacoch text decoration tag

 Sinhacoch text decoration tag

Short Quotations:

To add double quotes inside a sentence utilize q tag. The content is composed within the opening and closing q tag will be printed in quotes.

Syntax:
<q> Text Content </q>
Example:

<!DOCTYPE html>
<html>
  <body>
     <h1>Sinhacoch</h1>
   
<p>
<q>Sinhacoch</q> quotation tag</p>
    </body>
</html>          
Output:

Sinhacoch

Sinhacoch quotation tag

Marked Text:

The content composed inside the open and close mark tag will show as a yellow mark. Essentially, it works like a highlighter and it is utilized to highlight a few words in a sentence. 

Syntax:
<mark>Text Content </mark>
Example:

<!DOCTYPE html<
<html>
  <body>
    <h1>Sinhacoch</h1>
  
<p>
<mark>Sinhacoch</mark> mark tag</p>
 </body>
</html>         
Output:

Sinhacoch

Sinhacoch mark tag

Strong Text:

The strong tag is utilized to display important words in a sentence. The content composed inside open and close strong tag will show as important word. 

Syntax:
  <strong> Text Content </strong>
Example:

<!DOCTYPE html>
<html>
  <body>
     <h1>Sinhacoch</h1>
     
<p>
<strong>Sinhacoch</strong> strong tag</p>
    </body>
</html>           
Output:

Sinhacoch

Sinhacoch strong tag

Quoting Text:

The blockquote tag is utilized in quotation sentence. It means the content composed in between open and close blockquote tag will be considered as a quoting text. 

Syntax:
<blockquote> Text Content </blockquote>
Example:

<!DOCTYPE html>
<html>
  <body>

  <h1>Sinhacoch</h1>
   

  <blockquote>
Sinhacoch is a computer science
portal where you can learn programming. 
It contains well composed, well thought 
and well explained computer science and
programming articles,
</blockquote>
  <body>
</html>    
Output: 

Sinhacoch

Sinhacoch is a computer science portal where you can learn programming. It contains well composed, well thought and well explained computer science and programming articles,

Programming Code:

To show programming code in html code tag is utilized. The content composed inside opening and closing code tag is considered as programming code. 

Syntax:
  <code> Text Content </code>
Example:

<!DOCTYPE html>
<html>
  <body>
   <h1>Sinhacoch</h1>
   

<p>
<code>Sinhacoch Programming</code> code tag
</p>
   </body>

</html>          
Output:

Sinhacoch

Sinhacoch Programming code tag

Program Output:

The output of program composed in samp tag. The content written inside opening and closing samp tag will print the sample outcome. 

Syntax:
  <samp> Text Content <samp>
Example:
 

<!DOCTYPE html>
<html>
  <body>
    <h1>Sinhacoch</h1>
   

<p>
<samp>Sinhacoch</samp> program output tag
</p>

    </body>

</html>                   

Output:

Sinhacoch

Sinhacoch program output tag

Address Text:

The address tag is utilized to show the address in web browser. The content composed inside opening and closing address tag is considered as an address in HTML. 

Syntax:
<address> Text Content </address>
Example:

<!DOCTYPE html>
<html>
    <body>
     h1>Sinhacoch</h1>

   

   <address>
Sinhacoch,
Kwd-491995,
India&lt
;/address>

    </body>

</html>                
Output:

Sinhacoch

Sinhacoch,
Kwd-491995,
India

Supported Browsers:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

Previous                                                                                             Next