HTML Tags Guide (50+ Important Tags)

Tag Use Example
<html>Main HTML document<html></html>
<head>Page metadata<head></head>
<title>Browser title<title>My Site</title>
<body>Visible content<body>Hello</body>
<h1>Main heading<h1>Heading</h1>
<h2>Sub heading<h2>Heading</h2>
<h3>Sub heading<h3>Heading</h3>
<h4>Sub heading<h4>Heading</h4>
<h5>Sub heading<h5>Heading</h5>
<h6>Small heading<h6>Heading</h6>
<p>Paragraph<p>Text</p>
<br>Line breakLine1<br>Line2
<hr>Horizontal line<hr>
<b>Bold text<b>Bold</b>
<strong>Important text<strong>Important</strong>
<i>Italic text<i>Italic</i>
<u>Underline<u>Underline</u>
<mark>Highlight<mark>Text</mark>
<small>Small text<small>Text</small>
<a>Link<a href="#">Link</a>
<img>Image<img src="img.jpg">
<ul>Unordered list<ul><li>Item</li></ul>
<ol>Ordered list<ol><li>Item</li></ol>
<li>List item<li>Item</li>
<table>Table<table></table>
<tr>Table row<tr></tr>
<th>Table heading<th>Name</th>
<td>Table data<td>Data</td>
<form>Form<form></form>
<input>Input field<input type="text">
<textarea>Text area<textarea></textarea>
<button>Button<button>Click</button>
<label>Label<label>Name</label>
<select>Dropdown<select></select>
<option>Dropdown option<option>Item</option>
<div>Container<div>Content</div>
<span>Inline container<span>Text</span>
<header>Page header<header>Header</header>
<nav>Navigation menu<nav>Menu</nav>
<section>Section<section>Content</section>
<article>Article<article>Post</article>
<aside>Sidebar<aside>Side content</aside>
<footer>Footer<footer>Footer</footer>
<video>Video<video controls></video>
<audio>Audio<audio controls></audio>
<source>Media source<source src="file.mp4">
<iframe>Embed page<iframe src="site">
<canvas>Graphics<canvas></canvas>
<script>JavaScript<script></script>
<style>CSS<style></style>