HTML5 Complete Tag Reference
Document & Metadata
Tag Purpose Example
<html> Root element of the HTML <html> ... </html>
page
<head> Container for metadata <head> ... </head>
<title> Page title in browser tab <title>My Page</title>
<base> Base URL for relative links <base
href="[Link]
/">
<link> Link external resources <link rel="stylesheet"
href="[Link]">
<meta> Metadata info <meta charset="UTF-8">
<style> Internal CSS styles <style>p
{color:red;}</style>
<body> Main visible content <body>Content</body>
Text & Headings
Tag Purpose Example
<h1>–<h6> Headings (largest to <h1>Main Title</h1>
smallest)
<p> Paragraph <p>Hello World</p>
<br> Line break Hello<br>World
<hr> Horizontal line <hr>
<pre> Preformatted text <pre>Code block</pre>
<b> Bold text <b>Bold</b>
<i> Italic text <i>Italic</i>
<u> Underline text <u>Underline</u>
<strong> Important text <strong>Important</
strong>
<em> Emphasized text <em>Note</em>
<mark> Highlighted text <mark>Highlight</mark>
<small> Small text <small>Fine print</small>
<sub> Subscript H<sub>2</sub>O
<sup> Superscript x<sup>2</sup>
Lists
Tag Purpose Example
<ul> Unordered list <ul><li>Item</li></ul>
<ol> Ordered list <ol><li>Item</li></ol>
<li> List item <li>Apple</li>
<dl> Definition list <dl>...</dl>
<dt> Definition term <dt>HTML</dt>
<dd> Definition description <dd>Markup
Language</dd>
Links & Navigation
Tag Purpose Example
<a> Hyperlink <a
href="[Link]
Google</a>
<nav> Navigation links <nav><a
href='#'>Home</a></nav>
Media & Images
Tag Purpose Example
<img> Image <img src="[Link]"
alt="Photo">
<figure> Image with caption <figure>...</figure>
<figcaption> Figure caption <figcaption>My
Image</figcaption>
<audio> Audio player <audio controls>...</audio>
<video> Video player <video controls>...</video>
Tables
Tag Purpose Example
<table> Table <table>...</table>
<tr> Table row <tr>...</tr>
<td> Table data cell <td>Data</td>
<th> Table header cell <th>Heading</th>
<caption> Table caption <caption>Title</caption>
Forms & Input
Tag Purpose Example
<form> Form container <form>...</form>
<input> Input field <input type="text">
<textarea> Multi-line input <textarea>...</textarea>
<button> Clickable button <button>Click</button>
<select> Dropdown menu <select><option>1</
option></select>
<option> Dropdown option <option>Choice</option>
<label> Form label <label>Name</label>
Semantic Structure
Tag Purpose Example
<header> Header section <header>...</header>
<footer> Footer section <footer>...</footer>
<main> Main content <main>...</main>
<section> Page section <section>...</section>
<article> Article block <article>...</article>
<aside> Sidebar <aside>...</aside>
Containers
Tag Purpose Example
<div> Block-level container <div>Section</div>
<span> Inline container <span>Word</span>
Embedding
Tag Purpose Example
<iframe> Embed another webpage <iframe
src="[Link]"></iframe>
<canvas> Graphics with JS <canvas
id='draw'></canvas>
<svg> Vector graphics <svg>...</svg>
Scripting
Tag Purpose Example
<script> JavaScript code <script>alert('Hi')</script>
<noscript> Fallback if JS disabled <noscript>Enable
JS</noscript>
<template> Reusable hidden content <template>...</template>