← Back to Tutorials Chapter 11

References

HTML Tag Quick Reference

Here is a comprehensive list of HTML tags organized by category:

Document Structure

<!DOCTYPE html>    <!-- Document type declaration -->
<html>             <!-- Root element -->
<head>             <!-- Meta-information -->
<title>            <!-- Page title (required) -->
<body>             <!-- Visible content -->

Text & Content

<h1>...</h6>       <!-- Headings level 1-6 -->
<p>                <!-- Paragraph -->
<br>               <!-- Line break -->
<hr>               <!-- Horizontal rule -->
<strong>           <!-- Important text (bold) -->
<em>               <!-- Emphasized text (italic) -->
<mark>             <!-- Marked/highlighted text -->
<small>            <!-- Smaller text -->
<del>              <!-- Deleted text -->
<ins>              <!-- Inserted text -->
<sub>              <!-- Subscript -->
<sup>              <!-- Superscript -->
<blockquote>       <!-- Block quotation -->
<q>                <!-- Inline quotation -->
<abbr>             <!-- Abbreviation -->
<address>          <!-- Contact information -->
<cite>             <!-- Citation -->
<code>             <!-- Code fragment -->
<pre>              <!-- Preformatted text -->

Lists

<ul>               <!-- Unordered list -->
<ol>               <!-- Ordered list -->
<li>               <!-- List item -->
<dl>               <!-- Definition list -->
<dt>               <!-- Definition term -->
<dd>               <!-- Definition description -->

Links & Images

<a href="">        <!-- Hyperlink -->
<img src="" alt=""> <!-- Image -->
<figure>           <!-- Figure container -->
<figcaption>       <!-- Figure caption -->
<map>              <!-- Image map -->
<area>             <!-- Clickable area on map -->

Tables

<table>            <!-- Table -->
<caption>          <!-- Table caption -->
<thead>            <!-- Table header group -->
<tbody>            <!-- Table body group -->
<tfoot>            <!-- Table footer group -->
<tr>               <!-- Table row -->
<th>               <!-- Table header cell -->
<td>               <!-- Table data cell -->
<colgroup>         <!-- Column group -->
<col>              <!-- Column properties -->

Forms

<form>             <!-- Form container -->
<input>            <!-- Input field -->
<textarea>         <!-- Multi-line text input -->
<select>           <!-- Dropdown list -->
<option>           <!-- Option in dropdown -->
<optgroup>         <!-- Option group -->
<label>            <!-- Input label -->
<fieldset>         <!-- Field group -->
<legend>           <!-- Fieldset caption -->
<button>           <!-- Clickable button -->
<datalist>         <!-- Autocomplete options -->
<output>           <!-- Calculation output -->

Semantic & Layout

<header>           <!-- Page/section header -->
<nav>              <!-- Navigation -->
<main>             <!-- Main content -->
<article>          <!-- Self-contained content -->
<section>          <!-- Themed section -->
<aside>            <!-- Sidebar -->
<footer>           <!-- Footer -->
<details>          <!-- Expandable details -->
<summary>          <!-- Details summary -->
<div>              <!-- Generic block container -->
<span>             <!-- Generic inline container -->

Media & Embedded

<audio>            <!-- Audio player -->
<video>            <!-- Video player -->
<source>           <!-- Media source -->
<track>            <!-- Subtitles/captions -->
<iframe>           <!-- Inline frame -->
<embed>            <!-- Embedded content -->
<object>           <!-- Embedded object -->
<param>            <!-- Object parameters -->
<canvas>           <!-- Drawing canvas -->
<svg>              <!-- SVG graphics -->

Meta & Scripting

<meta>             <!-- Metadata -->
<link>             <!-- External resource -->
<style>            <!-- Embedded CSS -->
<script>           <!-- JavaScript -->
<noscript>         <!-- Fallback for no JS -->
<base>             <!-- Base URL -->
<template>         <!-- HTML template -->
<slot>             <!-- Web component slot -->

HTML5 Input Types Summary

text        email       password    number
tel         url         date        time
datetime-local  month   week        color
range       file        checkbox    radio
hidden      search      image       submit
reset       button

Global Attributes (usable on any element)

class       id          style       title
lang        dir         hidden      tabindex
role        aria-*      data-*      draggable
contenteditable   spellcheck    translate

Useful Resources

Challenge

Build a "My HTML Cheat Sheet" page that you can reference in the future:

Keep learning! HTML is the foundation of the web. Mastering it opens the door to front-end development, full-stack engineering, and beyond.