If you’re learning web development or website design, you’ll need to learn HTML (HyperText Markup Language) first. HTML is a markup language that creates the structure of any web page. In it, we define content using tags.
- HTML tags tell the browser how to display text, images, links, tables, or forms.
- Any webpage without HTML tags will just be plain text.
In this article, we will give you HTML Tags List with Explanation which is useful for both beginners and professionals.
What are HTML Tags?
HTML Tags are keywords that are written inside Angular Brackets ( < > ).
As:
<p>This is a paragraph</p>
- Here <p> is an opening tag.
- <p> is a closing tag.
- The text written between these will appear as a paragraph in the browser.
Types of HTML Tags
HTML tags can be divided into two parts:
1. Paired Tags → Which contain both opening and closing tags.
Example: <p>…..</p>, <h1>……</h1>
2. Self-Closing Tags → Which contain only one tag.
Example: <br>, <img>, <hr>
Complete HTML Tags List with Examples
1. Basic Structure Tags
Tag | Description | Example |
---|---|---|
<!DOCTYPE html> | HTML Document Type Declaration | <!DOCTYPE html> |
<html> | Beginning of an HTML Document | <html>……</html> |
<head> | Replacing Metadata, Title, CSS, JS | <head>…….</head> |
<title> | Title of the webpage | <title> My name </title> |
<body> | Main Content of the Webpage | <body>…….</body> |
2. Text Formatting Tags
Tag | Description | Example |
---|---|---|
<h1> to <h6> | Headings (Largest to Smallest) | <h1> hello <h6> |
<p> | Paragraph | <p> This is a paragraph </p> |
<br> | Line Break | Hello<br>World |
<hr> | Horizontal Line | <hr> |
<b> | Bold Text | <b> Bold </b> |
<i> | Italic Text | <i>Italic</i> |
<u> | Underlined Text | <u> Underlined Text </u> |
<mark> | Highlighted Text | <mark> Important </mark> |
<small> | Smaller Text | <small> Note </small> |
3. Links & Images Tags
Tag | Description | Example |
---|---|---|
<a> | Hyperlink | <a href =”https://google.com”>Google</a> |
<img> | Insert Image | <img href =”image.jpg” alt=”Demo”> |
<map> | Image Map | <map name=”mapname”> |
<area> | Define Area in Image Map | <area shape=”rect” coords=”34,44,270,350″ href=”link.html”> |
4. List Tags
Tag | Description | Example |
---|---|---|
<ul> | Unordered List | <ul><li>Unordered List</li></ul> |
<ol> | Ordered List | <ol><li>Item</li></ol> |
<li> | List Item | <li>Apple</li> |
<dl> | Definition List | <dl><dt>HTML</dt><dd>Markup Language</dd></dl> |
<dt> | Definition Term | <dt> HTML </dt> |
<dd> | Definition Description | <dd>Markup Language</dd> |
5. Table Tags
Tag | Description | Example |
---|---|---|
<table> | Table Create | <table>…….</table> |
<tr> | Table Row | <tr>……</tr> |
<td> | Table Data | <td> Data </td> |
<th> | Table Heading | <title> My name </title> |
<caption> | Table Caption | <caption> Student Data </caption> |
6. Form Tags
Tag | Description | Example |
---|---|---|
<form> | Form Create | <form>…….</form> |
<input> | Input Field | <input type=”text”> |
<label> | Label for Input | <label> Name </label> |
<textarea> | Multi-line Input | <textarea> </textarea> |
<button> | Clickable Button | <button>Submit</button> |
<select> | Dropdown Menu | <select><option>One</option> </select> |
<option> | Dropdown Option | <option>Option 1</option> |
<fieldset> | Group Form Elements | <fieldset>…….</fieldset> |
<legend> | Caption for Fieldset | <legend>Personal Info</legend> |
7. Media Tags
Tag | Description | Example |
---|---|---|
<audio> | Audio File Embed | <audio controls><source src=”song.mp3″></audio> |
<video> | Video File Embed | <video controls><source src=”movie.mp4″></video> |
<source> | Media Source | <source src=”file.mp3″ type=”audio/mpeg”> |
<track> | Subtitles/Tracks | <track kind=”subtitles” src=”sub.vtt”> |
8. Semantic Tags (HTML5)
Tag | Description |
---|---|
<header> | Page/Header Section |
<footer> | Page/Footer Section |
<article> | Independent Content Block |
<section> | Section of Content |
<nav> | Navigation Links |
<aside> | Sidebar Content |
<main> | Main Content of Page |
<figure> | Image + Caption |
<figcaption> | Caption of Figure |
Conclusion
HTML tags are the backbone of any website. If you want to become an expert in web development, you’ll need to thoroughly understand the HTML tag list with examples. In this article we have given you HTML Tags List, Types and Examples. After learning this you can easily create your own webpages and projects.
FAQs
Q1. How many tags are there in HTML?
👉 HTML5 has about 100+ tags, but not all browsers support every tag.
Q2. What are the most commonly used HTML tags?
👉 <html>, <head>, <body>, <h1>, <p>, <a>, <img>, <div>, <span>, <table>
Q3. Is HTML still necessary?
👉 Yes, HTML is the foundation of every website.