HTML Reference

Text + Headings
<p>The p tag is used to create a paragraph.</p>
<h1>The h1 tag is used to create a level 1 heading.</h1>
<h2>The h2 tag is used to create a level 2 heading.</h2>
<h3>The h3 tag is used to create a level 3 heading.</h3>
<h4>The h4 tag is used to create a level 4 heading.</h4>
<h5>The h5 tag is used to create a level 5 heading.</h5>
<h6>The h6 tag is used to create a level 6 heading.</h6>
<br>The br tag is used to insert a line break. (No closing tag)
<hr>The hr tag is used to create a horizontal line. (No closing tag)
<strong>The strong tag is used to make text bold (important).</strong>
<em>The em tag is used to emphasize text (usually italic).</em>
<b>The b tag is used to make text bold (stylistic).</b>
<i>The i tag is used to make text italic (stylistic).</i>
<u>The u tag is used to underline text.</u>
<mark>The mark tag is used to highlight text.</mark>
<small>The small tag is used for smaller or fine-print text.</small>
<del>The del tag represents deleted text (usually shown with a line through).</del>
<ins>The ins tag represents inserted text (usually underlined).</ins>
<sub>The sub tag displays subscript text (example: H₂O).</sub>
<sup>The sup tag displays superscript text (example: x²).</sup>
<s>The s tag represents text that is no longer accurate or relevant.</s>
<pre>The pre tag displays preformatted text. Spaces and line breaks are preserved.</pre>
<code>The code tag is used to display code (inline).</code>
<kbd>The kbd tag represents keyboard input.</kbd>
<samp>The samp tag represents sample program output.</samp>
<var>The var tag represents a variable.</var>
Links + Media
<a href="#">The a tag is used to create a hyperlink.</a>
<img src="image.jpg" alt="Image">The img tag is used to display an image. (No closing tag)
<audio controls src="audio.mp3">The audio tag is used to embed sound content.</audio>
<video controls src="video.mp4">The video tag is used to embed video content.</video>
Lists
<ul>The ul tag is used to create an unordered (bulleted) list.</ul>
<ol>The ol tag is used to create an ordered (numbered) list.</ol>
<li>The li tag is used to create a list item.</li>
Layout + Semantic
<div>The div tag is used to group block-level elements.</div>
<span>The span tag is used to group inline elements.</span>
<section>The section tag groups related content under one topic.</section>
<article>The article tag defines independent, self-contained content.</article>
<aside>The aside tag is used for related content like sidebars.</aside>
<header>The header tag defines introductory content.</header>
<nav>The nav tag defines navigation links.</nav>
<main>The main tag defines the main content.</main>
<footer>The footer tag defines footer content.</footer>
Forms
<form>The form tag is used to create a form.</form>
<input type="text">The input tag creates input fields.</input>
<button>The button tag creates a clickable button.</button>
<label>The label tag labels form elements.</label>
<textarea>The textarea tag creates multi-line input.</textarea>