HTML Tags Reference - Quick Guide to Every Tag and Its Purpose
This page is your quick reference for all HTML5 tags - organized by function so you can find what you need fast. Use the search box below to jump directly to any tag.
Basic Page Structure
| Tag | Description |
|---|---|
<!DOCTYPE> |
Defines the document type (in HTML5: <!DOCTYPE html>). |
<html> |
The root element of the HTML page. |
<head> |
Contains document metadata. |
<title> |
Defines the page title shown in the browser tab. |
<body> |
Contains all visible content for the user. |
Headings and Text
| Tag | Description |
|---|---|
<h1> to <h6> |
Headings from most important (h1) to least important (h6). |
<p> |
Creates a text paragraph. |
<br> |
Creates a line break. |
<hr> |
Creates a horizontal divider line. |
<strong> |
Makes text bold with semantic importance. |
<em> |
Makes text italic with semantic emphasis. |
<span> |
Inline container for text, used for styling with CSS. |
Links and Media
| Tag | Description |
|---|---|
<a> |
Creates a hyperlink. |
<img> |
Embeds an image. |
<audio> |
Embeds audio content. |
<video> |
Embeds a video. |
<source> |
Defines alternative sources for media (audio/video). |
Lists and Tables
| Tag | Description |
|---|---|
<ul> |
Creates an unordered list (bullets). |
<ol> |
Creates an ordered list (numbers/letters). |
<li> |
Represents a list item. |
<table> |
Creates a table. |
<tr> |
Represents a table row. |
<th> |
Represents a header cell. |
<td> |
Represents a data cell. |
Forms and Inputs
| Tag | Description |
|---|---|
<form> |
Creates a form to collect user input. |
<input> |
Input element (text, password, button, etc.) based on the type attribute. |
<textarea> |
Multi-line text area. |
<button> |
Clickable button. |
<select> |
Dropdown list. |
<option> |
Option inside a dropdown list. |
<label> |
Label for a specific input element. |
Semantic Elements and Containers
| Tag | Description |
|---|---|
<div> |
Generic block container used to group elements and style them. |
<header> |
Represents the header of a page or section. |
<nav> |
Contains main navigation links. |
<main> |
Defines the main, unique content of the document. |
<section> |
Represents a thematic section of the page. |
<article> |
Represents standalone content (like an article or post). |
<aside> |
Represents side content related to the main content. |
<footer> |
Represents the footer of a page or section. |