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 🔥🚀

30 html tags and their functions pdf, raju webdev, geeks help


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>


🔥List of HTML Tags and their Functions PDF: Download Now

🔥 Learn HTML for Free: Click Here

Post a Comment

5 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Top Post Ad

Below Post Ad