HTML Cheat Sheet
HTML Structural Tags:
<!DOCTYPE> Document type declaration
<html> HTML root element
<head> Page metadata container
<body> Page visible content
<meta> Meta information tag
<title> Browser tab title
<link> External resource link
<script> JavaScript embedding
<header> Top section/header
<nav> Navigation links menu
<main> Main content area
<section> Thematic content group
<article> Independent content block
<aside> Sidebar or extra info
<footer> Bottom/footer content
<div> Page Selection
<span> Inline section
HTML Cheat Sheet
Text Markup Tags:
<strong> Bold (important)
<em> Italic (emphasis)
<blockquote> Long quotation
<b> Bold (no importance)
<abbr> Abbreviation
<acronym> Acronym
<address> address
<pre> Preformatted text
<dfn> Definition
<code> Code
<i> Italic (style only)
<del> Deleted Text
<inst> Inserted Text
<sub> Subscription
<pre> Pre-formatted text
<p> Paragraph
<h1>–<h6> Headings (h1 = largest)
<br> Line break
<u> Underline
<small> Smaller text
<mark> Highlighted text
<hr> Horizontal rule
HTML Cheat Sheet
Lists
<ol> Ordered list
<ul> Unordered list
<li> List item
<dl> Definition list
<dt> Definition term
<dd> Term Description
Tables
<table> Table
<caption> Caption
<thead> Table header
<tbody> Table body
<tfoot> Table Footer
<colspan> Merges cells
<col> column
<tr> Table row
<th> Header Cell
<td> Table data cell
<rowspan> Merges cells
HTML Cheat Sheet
Form
<form> Form
<fieldset> Colletction of fields
<legend> Form Legend
<input> Input field
<label> Label for input
<select> Dropdown menu
<optgroup> Group of Options
<option> Dropdown options
<textarea> Large text input
<button> Clickable button
<datalist> List of suggestions
HTML Cheat Sheet
HTML Form Input Types:
<input type="text"> Single-line text field
<input type="password"> Passwords
<input type="email"> Validated email input
<input type="number"> Only allows numeric input
<input type="tel"> Telephone number input
<input type="url"> Validated web URL
<input type="search"> Styled for search queries
<input type="date"> Date picker
<input type="time"> Time picker
<input type="datetime-local"> Date & time
<input type="month"> Select month and year
<input type="week"> Select week of the year
<input type="file"> File upload button
<input type="checkbox"> Toggle option
<input type="radio"> Options
<input type="range"> Range
<input type="color"> Color picker
<input type="hidden"> Hidden input field
<input type="submit"> Submits the form
<input type="reset"> Resets all fields
<input type="button"> General button