Post
Ask Question

Some tags for Phrasing in HTML 5

Some more Tags for Phrasing elements in HTML 5

 
1. <mark>:- We use this tag for giving special effects to some text such as highlighting it.
 
Syntax:
 
 <mark> text you want to highlight </mark>
 
Code:
  1. <!DOCTYPE HTML />  
  2. <html>  
  3.     <body>  
  4.         <p> I m mark tag</p>  
  5.  I m   
  6.         <mark> formatting </mark> tag  
  7.     </body>  
  8. </html>           
Output:
 
mark.gif
 
2. <q>:- We use this tag for providing double quotes to a non quoted short line. That means after using this tag, the line will contain double-quotes. This tag can be used with the cite attribute. Here, cite attribute will indicate a URL from where a line has come.
 
Syntax:

<q> Non-quoted line </q>
 
Code: 
  1. <!DOCTYPE HTML />  
  2. <html>  
  3.     <body>  
  4.         <q cite="http://www.mcnsolutions.net">  
  5. Trusted and Reliable Outsourcing Partner  
  6. </q>  
  7.     </body>  
  8. </html>  
Output:
 
q.gif
 
3. <s>:- We use this tag for cutting a text which we have provided by mistake in an HTML 5 document. After that, we can replace it with the correct text.
 
Syntax:
 
<s> a line that will contain cut mark. </s>
 
Code:
  1. <!DOCTYPE HTML>  
  2. <html>  
  3.     <body>  
  4.         <p>  
  5.             <s>I m q tag</s>  
  6.         </p>  
  7.         <p>I m s tag </p>  
  8.     </body>  
  9. </html>  
Output:      
 
s.gif
 
4. <samp>:- We use this tag to show some output text generated by the system.
 
Syntax:
 
<samp> Text generated by system</samp>
 
Code:
  1. <!DOCTYPE HTML >  
  2. <html>  
  3.     <body>  
  4.         <samp> Do you really want to delete all   
  5. files</samp>  
  6.     </body>  
  7. </html>   
Output:      
 
samp.gif
 
5. <strong>:- We use this tag to give more focus to some text than <em> tag provides.
 
Syntax:
 
<strong> A text to which we want to give focus more than <em> tag
 
Code:
  1. <DOCTYPE HTML>  
  2.     <html>  
  3.         <body>  
  4. I m   
  5.             <strong> strong </strong> tag  
  6.         </body>  
  7.     </html>  
Output:
     
strong.gif
 
6. <sub>:- We use this tag to provide a text  at below in HTML 5 document.
        
Syntax: 
 
<sub> Text which we want to provide in
subscript form </sub>
       
Code:    
  1. <!DOCTYPE HTML />  
  2. <html>  
  3.     <body>  
  4.          I m   
  5.         <sub> sub</sub> tag            
  6.     </body>  
  7.     <html>     
Output:
 
sub.gif

7. <sup>:- We use this tag to provide a text at above in HTML 5 document.
       
Syntax:
 
<sup> Text which we want to provide a text 
at above in HTML 5 document. </sup>
 
Code:      
  1. <DOCTYPE HTML>  
  2.     <html>  
  3.         <body>  
  4.          I m   
  5.             <sup> sup </sup> tag         
  6.         </body>  
  7.     </html> 
Output:
 
sup.gif

8. <time>:- We can use it to show a date or time in our document. We can also show date and time both using this tag.
       
Syntax:
       
<time> time we want to show </time>
       
Code:    
  1. <!DOCTYPE HTML>  
  2. <html>  
  3.     <body>  
  4.          I m time tag. Time is   
  5.         <time> 5:30 </time>  
  6.     </body>  
  7. </html>  
Output:
 
time.gif

9. <u>:- This tag is used to show a  text which is underlined.
 
Syntax:
     
<u> Text we want to show </u>
        
Code:     
  1. <!DOCTYPE HTML>  
  2. <html>  
  3.     <body>  
  4.         <u> I m u tag </u>  
  5.     </body>  
  6. </html>          
Output:
 
u.gif  
 
10. <var>:- We use this tag for formatting name of text which stores some value.
       
Syntax:
       
<var> variable name </var>
       
Code:     
  1. <!DOCTYPE HTML>  
  2. <html>  
  3.     <body>  
  4.         <v> I m var tag </v>  
  5.     </body>  
  6. </html>  
Output:
 
var.gif