HTML cheatsheet for Document Outline, Page Information, Document Structure, Links, Text Markup, List, Images, Comments, Forms, Objects, Tables, Common Character and Entities.
Document Outline
<DOCTYPE> → Version of (X)HTML
<html> → HTML Document
<head> → Page Information
<body> → Page contents
Page Information
<title> → Title
<style> → Style resources
<script> → Script resources
<link /> → Relevant resources
<base /> → Base URL
<meta /> → Meta data
Document Structure
<h(1-6)> → Heading (1–6)
<div> → Page section
<span> → Inline Section
<p> → Paragraph
<br /> → Line break
<hr /> → Horizontal rule
Links
<a href=""> → Page link
<a href="mailto:"> → E-Mail link
<a name="name"> → Anchor
<a href="#name"> → Link to anchor
Text Markup
<strong> → Strong emphasis
<em> → Emphasis
<blockquote> → Long quotation
<q> → Short quotation
<abbr> → Abbreviation
<acronym> → Acronym
<address> → Address
<pre> → Pre-formated text
<dfn> → Definition
<code> → Code
<cite> → Citation
<del> → Deleted text
<ins> → Inserted text
<sub> → Subscript
<sup> → Superscript
<bdo> → Text direction
List
<ol> → Ordered list
<ul> → Unordered list
<li> → List item
<dl> → Definition list
<dt> → Definition term
<dd> → Term description
Images
<img /> → Image
<map> → Image map
<area /> → Area of image map
Comments
<!--comment text --> Comment text
Form
<form> → Form
<fieldset> → Collection of fields
<legend> → Form legend
<label> : → Input label
<input /> → Form input
<select> → Drop-down box
<optgroup> → Group of options
<option> → Drop-down options
<textarea> → Large text input
<button> → Button
Objects
<object> → Object
<param /> → Parameter
Tables
<table> → Table
<caption> → Caption
<thead> → Table header
<tbody> → Tabel body
<tfoot> → Table footer
<colgroup> → Column group
<col /> → Column
<tr> → Table row
<th> → Header cell
<td> → Table cell
Common Character and Entities
" → " Quotational mark
& → & Ampersand
< → < Less than
> → > Greater than
@ → @ "At" symbol
€ → ∙ Small bullet
• → Non-breaking space
™ → € Euro
  → ™️ Trademark
£ → ￡ Pound
© → © Copyright symbol
#HTML #Cheatsheet #Tutorial #WebDev
Top comments (0)