A Few Simple Tags in HTML5

A Few Simple Tags in HTML5 

 

<b> tag

 
This <b> tag is used to display text in bold font style.
 
Syntax
  1. <b  
  2. class="class name(s)"  
  3. dir="ltr | rtl"  
  4. id="unique alphanumeric identifier"  
  5. lang="language code"  
  6. style="style information"  
  7. title="advisory text"></b>  
Example
  1. <p> My name is   
  2.     <b>Valon Ademi</b>. I am living in your   
  3.     <b> heart</b>.  
  4. </p>  
Attributes Introduced by HTML5
  1. accesskey="spaced list of accelerator key(s)"  
  2. contenteditable="true | false | inherit"  
  3. contextmenu="id of menu"  
  4. data-X="user-defined data"  
  5. draggable="true | false | auto"  
  6. hidden="hidden"  
  7. itemid="microdata id in URL format"  
  8. itemprop="microdata value"  
  9. itemref="space-separated list of IDs that may contain microdata"  
  10. itemscope="itemscope"  
  11. itemtype="microdata type in URL format"  
  12. spellcheck="true | false"  
  13. tabindex="number"  

<br> tag

 
This <br> tag is used for a line break and it is an empty tag; as some other tags are, it has no end tag.
 
If you use </br> as an end tag, you will get an error.
 
Syntax
  1. <br  
  2. class="class name(s)"  
  3. clear="all | left | none | right" (transitional only)  
  4. id="unique alphanumeric identifier"  
  5. style="style information"  
  6. title="advisory text">  
Example
  1. <p> My name is   
  2.     <b>Valon Ademi</b>.  
  3.     <br> I am living in your   
  4.         <b> heart</b>.  
  5.     </p>  
Attributes Introduced by HTML5
  1. accesskey="spaced list of accelerator key(s)"  
  2. contenteditable="true | false | inherit"  
  3. contextmenu="id of menu"  
  4. data-X="user-defined data"  
  5. draggable="true | false | auto"  
  6. hidden="hidden"  
  7. itemid="microdata id in URL format"  
  8. itemprop="microdata value"  
  9. itemref="space-separated list of IDs that may contain microdata"  
  10. itemscope="itemscope"  
  11. itemtype="microdata type in URL format"  
  12. spellcheck="true | false"  
  13. tabindex="number"  

<s> tag

 
This <s> tag is used to represent (strike-through) text that is no longer correct and exact. This tag renders the enclosed text with a line drawn through it.
 
Syntax
  1. <s  
  2. class="class name(s)"  
  3. dir="ltr | rtl"  
  4. id="unique alphanumeric identifier"  
  5. lang="language code"  
  6. style="style information"  
  7. title="advisory text"></s>  
Example
  1. <p>  
  2.     <s>My name is   
  3.         <b>Valon Ademi</b>  
  4.     </s>.I am living in your   
  5.     <b> heart</b>.  
  6. </p>  
Attributes Defined by Internet Explorer
  1. accesskey="key" (5.5)  
  2. contenteditable="false | true | inherit" (5.5)  
  3. disabled="false | true" (5.5)  
  4. hidefocus="true | false" (5.5)  
  5. language="javascript | jscript | vbs | vbscript" (4)  
  6. tabindex="number" (5.5)  
  7. unselectable="off | on" (5.5)  

<i> tag

 
This <i> tag used to display text in italic font style.
 
Syntax
  1. <i  
  2. class="class name(s)"  
  3. dir="ltr | rtl"  
  4. id="unique alphanumeric identifier"  
  5. lang="language code"  
  6. style="style information"  
  7. title="advisory text"></i>  
Example
  1. <p>My name is   
  2.     <b>Valon Ademi</b>.  
  3.     <i> I am living in your   
  4.         <b> heart</b>  
  5.     </i>.  
  6. </p>  
Attributes Introduced by HTML5
  1. accesskey="spaced list of accelerator key(s)"  
  2. contenteditable="true | false | inherit"  
  3. contextmenu="id of menu"  
  4. data-X="user-defined data"  
  5. draggable="true | false | auto"  
  6. hidden="hidden"  
  7. itemid="microdata id in URL format"  
  8. itemprop="microdata value"  
  9. itemref="space-separated list of IDs that may contain microdata"  
  10. itemscope="itemscope"  
  11. itemtype="microdata type in URL format"  
  12. spellcheck="true | false"  
  13. tabindex="number"  
Code :
  1. <!DOCTYPE HTML>  
  2. <html >  
  3.     <head>  
  4.         <title></title>  
  5.     </head>  
  6.     <body>  
  7.         <p> My name is   
  8.             <b>Valon Ademi</b>. I am living in your   
  9.             <b> heart</b>.  
  10.         </p>  
  11.         <p> My name is   
  12.             <b>Valon Ademi</b>.  
  13.             <br> I am living in your   
  14.                 <b> heart</b>.  
  15.             </p>  
  16.             <p>  
  17.                 <s>My name is   
  18.                     <b>Valon Ademi</b>  
  19.                 </s>.I am living in your   
  20.                 <b> heart</b>.  
  21.             </p>  
  22.             <p>My name is   
  23.                 <b>Valon Ademi</b>.  
  24.                 <i> I am living in your   
  25.                     <b> heart</b>  
  26.                 </i>.  
  27.             </p>  
  28.         </body>  
  29.     </html>  
Output
 
IE 9
 
Internet Explorer 9.gif
 
Safari
 
safari.gif
 
Chrome
 
Chrome.gif
 
FireFox
 
FireFox.gif


Similar Articles