30 HTML Tags and their functions

🙋🏻‍♂️ Hey in this article we are going to see 30 Amazing HTML Tags and their functions. Before that, we will take a basic introduction to HTML document and then we will the list of these HTML tags 🔥🚀

HTML Structure

<!DOCTYPE html>
<html lang="en">
<head>
    <title> Basic HTML Structure </title>
</head>
<body>
    
</body>
</html>

Now, let's see these 30 HTML Tags list with examples:

1). HTML Head Tag

HTML <head> tag is used to define the head portion of the HTML document which contains information related to the document. And it is a container element for metadata (data about data).

<head> </head>

2). HTML Title Tag

The title tag is used to define the title of an HTML document.

<title> Title of HTML Document </title>

3). HTML Body Tag

The body tag in an HTML document is used to define the body content.

<body> </body>

4). HTML Heading Tags

HTML heading tags are used to create heading in HTML documents. There are 6 headings available in HTML.

<h1> This is heading 1 </h1>
<h2> This is heading 2 </h2>
<h3> This is heading 3 </h3>
<h4> This is heading 4 </h4>
<h5> This is heading 5 </h5>
<h6> This is heading 6 </h6>

5). HTML Paragraph Tag

As the name suggests the paragraph tag is used to define the paragraph in HTML.

<p> This is a paragraph </p>

6). HTML Table Tags

HTML Table Tag is used to define the table.

<table>
        
</table>

Table Body

The table body tag is used to define the body of a table in an HTML document.

<tbody></tbody>

Table Head

HTML Table Head <th> is used to define the head of the table.

<th> </th>

Table Row Tag

In tables <tr> tag is used to create a row in HTML tables.

<tr> </tr>

Table Data Tag

<td> tag is used to define the column or a cell in an HTML table.

<td> </td>

7). HTML Anchor Tag

An anchor tag is used to define any text as hypertext in an HTML document. It converts simple text into hyperlinked text.

<a href="https://www.geekshelp.in"> Geeks Help </a>

8). HTML Image Tag

HTML <img> tag is used to insert an image in an HTML document.

<img src="userImage.png" alt="website user image">

9). HTML Aside Tag

HTML <aside > tag is used to define content aside from the page content.

<aside> </aside>

10). HTML ol and ul Tags

HTML ol tag:

<ol> tag is used to create ordered lists in HTML.

<ol>

</ol>

HTML ul tag:

<ul> tag is used to create unordered lists in HTML.

<ul>
        
</ul>

11). HTML List Tag

<li> tag is used to create a list item in HTML.

<li> List Item </li>

12). HTML Horizontal Tag

<hr> tag is used to create a horizontal line in an HTML document.

<hr>

13). HTML Button Tag

As the name suggests button, the button tag is used to create buttons in an HTML document.

<button> Follow Now </button>

14). HTML Nav Tag

This HTML Tag is used to create a navigation bar in HTML.

<nav> </nav>

15). HTML Main Tag

This HTML Tag is used to create the main section.

<main> </main>

16). HTML Div Tag

HTML <div> tag is used to create divisions.

<div> </div>

17). HTML Section Tag

<section> tag is used to create separate sections in an HTML document.

<section> </section>

18). HTML Article Tag

This HTML tag is used to define independent self-contained content in a document. The article tag content makes sense on its own.

<article> </article>

19). HTML Form Tag

HTML <form> tag is used to create forms in HTML webpage.

<form action=""> </form>

20). HTML Input Tag

An input tag in HTML is used to create an input field.

<input type="text">

21). HTML Header Tag

The Header tag in HTML is used to define a header section.

<header> </header>

22). HTML Footer Tag

It is used to define a footer.

<footer> </footer>

23). HTML Bold Tag

This HTML tag is used to define any text as bold text.

<b> </b>

24). HTML Italic Tag

This HTML tag is used to define any text as italic text.

<i> </i>

25). HTML Underline Tag

This HTML tag is used to define any text with underlined text.

<u> </u>

26). HTML Strong Tag

This HTML is used to define a text as bold text but it gives strong importance to the text.

<strong> </strong>

27). HTML Span Tag

The <span> tag is used to mark up a part of a text in an HTML document.

<span> </span>

28). HTML Center Tag

The <center> tag in HTML is used to set the alignment of text into the center.

<center> </center>

29). HTML Textarea Tag

The HTML <textarea> tag is used to define an input field with multi-line input.

<textarea name="textaera" id="inputTextArea" cols="30" rows="10"></textarea>

30). HTML Line Break Tag

The <br> tag in HTML is used to insert a line break in an HTML document or web page.

<br>