Skip to content
Related Articles

Related Articles

Improve Article

Most commonly used tags in HTML

  • Difficulty Level : Medium
  • Last Updated : 29 Jul, 2021

HTML contains lots of predefined tag. Some of them are described below:
 

Document structure tag: 

  • HTML tag: It is the root of the html document which is used to specify that the document is html.
    Syntax: 
     
<html> Statements... </html>
  • Code: 
     

html




     
<html>
    <head> 
        <title>Title of your web page</title> 
    </head> 
    <body>HTML web page contents </body> 
</html>
  • Head tag: Head tag is used to contain all the head element in the html file. It contains the title, style, meta, … etc tag.
    Syntax: 
     
<head> Statements... </head>
  • Code: 
     
html



<head>Contains elements describing the document</head>
  • Body tag: It is used to define the body of html document. It contains image, tables, lists, … etc.
    Syntax: 
     
<body> Statements... </body>
  • Code: 
     
html



<body>The content of your HTML page</body>
  • Title tag: It is used to define the title of html document.
Syntax: 
<title> Statements... </title>
Code: 
html



<title>tab name</title>
Content container tag: 


Heading tag: It is used to define the heading of html document.
 
Syntax: 
<h1> Statements... </h>
<h2> Statements... </h2>
<h3> Statements... </h3>
<h4> Statements... </h4>
<h5> Statements... </h5>
<h6> Statements... </h6>
Code: 
html



<h1>Heading 1 </h1>  
<h2>Heading 2 </h2>
<h3>Heading 3 </h3> 
<h4>Heading 4 </h4> 
<h5>Heading 5 </h5> 
<h6>Heading 6 </h6>
  • Paragraph tag: It is used to define paragraph content in html document.
    Syntax: 
     
<p> Statements... </p>
  • Code: 
     
html



<p>GeeksforGeeks: Computer science portal</p>
  • Emphasis tag: It is used to renders as emphasized text.
    Syntax: 
     
<em> Statements... </em>
  • Code: 
     
html



<em>GeeksforGeeks</em>
  • Bold tag: It is used to specify bold content in html document.
    Syntax: 
     
<b> Statements... </b>
  • Code: 
     
html



<b>Bold word</b>
  • Italic tag: It is used to write the content in italic format.
    Syntax: 
     
<i> Statements... </i>
  • Code: 
     
html



<i>GeeksforGeeks</i>
  • Small (text) tag: It is used to set the small font size of the content.
    Syntax: 
     
<small> Statements... </small>
  • Code: 
     
html



<small>Example</small>
  • Underline tag: It is used to set the content underline.
    Syntax: 
     
<u> Statements... </u>
  • Code: 
     
html



<u>GeeksforGeeks</u>
  • Deleted text tag: It is used to represent as deleted text. It cross the text content.
    Syntax: 
     
<strike> Statements... </strike>
  • Code: 
     
html



<strike>GeeksforGeeks</strike>
  • Anchor tag: It is used to link one page to another page.
    Syntax: 
     
<a href="..."> Statements... </a>
  • Code: 
     
html



<a href="https://www.geeksforgeeks.org/">
GeeksforGeeks</a>
  • List tag: It is used to list the content.
    Syntax: 
     
<li> Statements... </li>
  • Code: 
     
html



<li>List item 1</li> 
<li>List item 2</li>
  • Ordered List tag: It is used to list the content in a particular order.
    Syntax: 
     
<ol> Statements... </ol>
  • Code: 
     
html



<ol> 
     <li>List item 1</li> 
     <li>List item 2</li>
     <li>List item 3</li> 
     <li>List item 4</li> 
</ol> 
  • Unordered List tag: It is used to list the content without order.
    Syntax: 
     
<ul> Statements... </ul>
  • Code: 
     
html



<ul> 
     <li>List item 1</li> 
     <li>List item 2</li>
     <li>List item 3</li> 
     <li>List item 4</li> 
</ul> 
  • Comment tag: It is used to set the comment in html document. It is not visible on the browser.
    Syntax: 
     
<!-- Statements... -->
  • Code: 
     
html



<!--Comment section-->
  • Scrolling Text tag: It is used to scroll the text or image content.
Syntax: 
<marquee> Statements... </marquee>
  • Code: 
     
html



<marquee bgcolor="#cccccc" loop="-1"
scrollamount="2" width="100%">
Example Marquee</marquee>
  • Center tag: It is used to set the content into the center.
    Syntax: 
     
<center> Statements... </center>
  • Code: 
     
html



<center>GeeksforGeeks</center>
  • Font tag: It is used to specify the font size, font color and font-family in html document.
    Syntax: 
     
<font> Statements ... </font>
  • Code: 
     
html



<font face="Times New Roman">Example</font> 
Empty (Non-Container) Tags: 
 
  • Line break tag: It is used to break the line.
Syntax: 
<br>
  • Code: 
     
html



GeeksforGeeks<br>A computer science portal
  • Image tag: It is used to add image element in html document.
     
Syntax: 
<img>
  • Code: 
     
html



<img src="gfg.jpg" width="40"
height="40" border="0">
  • Link tag: It is used to link the content from external source.
    Syntax: 
     
<link>
  • Code: 
     
html



<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
  • Horizontal rule tag: It is used to display the horizontal line in html document.
    Syntax: 
     
<hr/>
  • Code: 
     
html



<hr width="50%" size="3" /> 
  • Meta tag: It is used to specify the page description. For example: last modifier, authors, … etc.
    Syntax: 
     
<meta> Statements ... <meta>
  • Code: 
     
html



<meta name="Description"
    content="Description of your site"> 
<meta name="keywords"
    content="keywords describing your site">
Tables Tags: Table tag is used to create a table in html document. 
 
  • Table tag: 
    Syntax: 
     
<table> Statements... </table>
  • Code: 
     
html



<table border="4" cellpadding="2" cellspacing="2" width="100%"> 
<tr> <td>Column 1</td>
<td>Column 2</td> </tr> </table>
  • Tr tag: It is used to define row of html table.
    Syntax: 
     
<tr> Statements... </tr>
  • Code: 
     
html



<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
  • Th tag: It defines the header cell in a table. By default it set the content with bold and center property.
    Syntax: 
     
<th> Statements ... </th>
  • Code: 
     
html



<table>
 <tr>
   <th>Month</th>
   <th>Savings</th>
 </tr>
 <tr>
   <td>January</td>
   <td>$100</td>
 </tr>
</table>
  • Td tag: It defines the standard cell in html document.
    Syntax: 
     
<td> Statements ... </td>
  • Code: 
     
html



<table>
  <tr>
    <td>Cell A</td>
    <td>Cell B</td>
  </tr>
</table>
Input Tags: 
 
  • Form tag: It is used to create html form for user.
    Syntax: 
     
<form> Statements ... </form>
  • Code: 
     
html



<form action="mailto:you@yourdomain.com ">
  Name: <input name="Name" value="" size="80"><br>
  Email: <input name="Email" value="" size="80"><br> 
  <br><center><input type="submit"></center>
</form>
  • Submit input tag: It is used to take the input from the user.
    Syntax: 
     
<input>
  • Code: 
     
html



<form method=post action="/cgibin/example.cgi">
<input type="text" style="color: #ffffff;
 font-family: Verdana; font-weight: bold;
 fontsize: 12px; background-color: #72a4d2;" 
 size="10" maxlength="30"> 
<input type="Submit" value="Submit"> 
</form>
  • Dropdown option tag: It is used to select an option from a drop-down list.
    Syntax: 
     
<option> Statements ... </option>
  • Code: 
     
html



<form method=post action="/cgibin/example.cgi"> 
<center> Select an option:<select>
<option>option 1</option>
<option selected>option 2</option>
<option>option 3</option> 
</form> 
  • Radio button tag: It is used to select only one option from the given options.
    Syntax: 
     
<input>
  • Code: 
     
html



<form method=post action="/cgibin/example.cgi"> 
Select an option:<br> 
<input type="radio" name="option"> Option 1
<input type="radio" name="option" checked> Option 2
<input type="radio" name="option"> Option 3 
 
Supported Browsers:
  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari
HTML is the foundation of webpages, is used for webpage development by structuring websites and web apps.You can learn HTML from the ground up by following this HTML Tutorial and HTML Examples.
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
Next

Difference Between HTML and ASP
Recommended Articles
Page :
Insert tags or strings immediately before and after specified tags using BeautifulSoup
02, Mar 21
8 Most Used Data Science Tools
16, Jul 20
Essential HTML Tags
28, May 21
HTML | Deprecated Tags
06, Sep 18
How to display HTML tags as plain text using PHP
28, Nov 18
How to remove HTML tags with RegExp in JavaScript?
06, Sep 19
Tags vs Elements vs Attributes in HTML
30, Dec 19
How to strip out HTML tags from a string using JavaScript ?
16, Mar 20
Use of blockquote, q and cite tags in HTML
22, May 20
How to add a parent to several tags in HTML ?
31, May 20
Physical and Logical Tags in HTML
11, Feb 21
Remove all style, scripts, and HTML tags using BeautifulSoup
23, Feb 21
Get all HTML tags with BeautifulSoup
23, Feb 21
What are logical tags in HTML ?
15, Mar 21
What are physical tags in HTML?
22, Mar 21
Container and Empty Tags in HTML
01, Jun 21
HTML | Subscript and Superscript Tags
07, Nov 17
HTML | Tags Complete Reference
18, Jun 19
Commonly asked JavaScript Interview Questions | Set 1
17, Aug 18
Why “chucknorris” is used as a color in HTML ?
30, Dec 19
Elements that are used in head section of HTML page
13, Oct 20
Using Tags in Git
05, Jun 20
Golang Program to Use Field Tags in the Definition of Struct Type
30, Jun 20
Show text inside the tags using BeautifulSoup
23, Feb 21
Article Contributed By :
https://media.geeksforgeeks.org/auth/avatar.png
Sabya_Samadder
@Sabya_Samadder
Vote for difficulty
Current difficulty :
Medium





Improved By :
Article Tags :
Practice Tags :
Report Issue

We use cookies to ensure you have the best browsing experience on our website. By using our site, you
acknowledge that you have read and understood our
Cookie Policy &
        Privacy Policy

Lightbox