Skip to content
Related Articles

Related Articles

Improve Article

HTML Phrase Tag

  • Difficulty Level : Basic
  • Last Updated : 06 Jul, 2021

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

<em> Text Content </em>

Example: 
 

HTML




<!DOCTYPE html>
<html>
    <body>
       
        <h1>GeeksforGeeks</h1>
         <!-- em tag is used in below paragraph-->
         
<p><em>GeeksforGeeks</em> emphasized tag</p>
 
 
    </body>
</html>                   

Output: 
 

Text Abbreviation: To abbreviate a text in HTML use abbr tag. Abbreviation of text written within opening and closing abbr tag. 
Syntax: 
 



<abbr title = "GeeksforGeeks">GFG</abbr>

Example: 
 

html




<!DOCTYPE html>
<html>
    <body>
       
        <h1>GeeksforGeeks</h1>
         <!-- abbr tag is used in below paragraph-->
         
<p><abbr title = "GeeksforGeeks">GFG</abbr>
                               abbreviation tag</p>
 
                                
    </body>
</html>                   

Output: 
 

Acronym Element This tag is used to indicate that the content is written inside the opening and closing acronym tag is an acronym. 
Syntax: 
 

<acronym> Text Content </acronym>

Example: 
 

html




<!DOCTYPE html>
<html>
    <body>
       
        <h1>GeeksforGeeks</h1>
         <!-- acronym tag is used in below paragraph-->
          
<p><acronym>GeeksforGeeks</acronym> acronym tag</p>
 
 
    </body>
</html>                   

Output: 
 

Text Direction: The bdo tag stands for Bi-directional Override. It is used to override the current text direction. Default text direction is from left to right. But it can override by using bdo tag. 
 



  • ltr: specifies text direction from left to right.
  • rtl: specifies text direction from right to left.
  • auto: In this tag, the browser figures out the text direction, based on the content (only recommended if the text direction is unknown).

Syntax: 
 

<bdo dir = "ltr/rtl/auto"> Text Content </bdo>

Example: 
 

HTML




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

Output: 
 

Short Quotations: To add double quotes within a sentence use q tag. The content is written inside the opening and closing q tag will be printed in quotes. 
Syntax: 
 

<q> Text Content </q>

Example: 

html




<!DOCTYPE html>
<html>
    <body>
       
        <h1>GeeksforGeeks</h1>
         
         <!-- q tag is used in below paragraph-->
         
<p><q>GeeksforGeeks</q> quotation tag</p>
 
         
    </body>
</html>                   

Output: 
 

Marked Text: The content written within the open and close mark tag will display as a yellow mark. Basically, it works like a highlighter and it is used to highlight some words in a sentence. 
Syntax: 
<mark> Text Content </mark> 
Example: 
 

html




<!DOCTYPE html>
<html>
    <body>
       
        <h1>GeeksforGeeks</h1>
         
         <!-- mark tag is used in below paragraph-->
          
<p><mark>GeeksforGeeks</mark> mark tag</p>
 
         
    </body>
</html>                   

Output: 
 



Strong Text: The strong tag is used to show important words in a sentence. The content written within open and close strong tag will display as important word. 
Syntax: 
 

<strong> Text Content </strong>

Example: 

html




<!DOCTYPE html>
<html>
    <body>
       
        <h1>GeeksforGeeks</h1>
         
         <!-- strong tag is used in below paragraph-->
          
<p><strong>GeeksforGeeks</strong> strong tag</p>
 
         
    </body>
</html>                   

Output: 
 

Quoting Text: The blockquote tag is used in quotation sentence. It means the content written in between open and close blockquote tag will be considered as a quoting text. 
Syntax: 
 

<blockquote> Text Content </blockquote>

Example: 

html




<!DOCTYPE html>
<html>
    <body>
       
        <h1>GeeksforGeeks</h1>
         
         <!-- blockquote tag is used here-->
         <blockquote>GeeksforGeeks is a computer science
        portal where you can learn programming. It contains
        well written, well thought and well explained
        computer science and programming articles, quizzes
        and ...</blockquote>
         
         
    </body>
</html>                   

Output: 
 

Programming Code: To represent programming code in html code tag is used. The content written within opening and closing code tag is considered as programming code. 
Syntax: 
 



<code> Text Content </code>

Example: 

html




<!DOCTYPE html>
<html>
    <body>
       
        <h1>GeeksforGeeks</h1>
         
         <!-- code tag is used in below paragraph-->
          
<p><code>GeeksforGeeks Programming</code> code tag</p>
 
 
    </body>
</html>                   

Output: 
 

Program Output: The output of program written in samp tag. The content written within opening and closing samp tag will print the sample output. 
Syntax: 
 

<samp> Text Content </samp>

Example: 
 

html




<!DOCTYPE html>
<html>
    <body>
       
        <h1>GeeksforGeeks</h1>
         
         <!-- samp tag is used in below paragraph-->
          
<p><samp>GeeksforGeeks</samp> program output tag</p>
 
 
    </body>
</html>                   

Output: 
 

Address Text: The address tag is used to display the address in web browser. The content written within opening and closing address tag is considered as an address in HTML. 
Syntax: 
 

<address> Text Content </address>

Example: 

html




<!DOCTYPE html>
<html>
    <body>
       
        <h1>GeeksforGeeks</h1>
         
         <!-- html address tag is used here-->
         <address>GeeksforGeeks office,
                 sector-142, Noida,
                 India</address>
 
    </body>
</html>                   

Output: 
 

Supported Browsers: 

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

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :