This is a draft cheat sheet. It is a work in progress and is not finished yet.
Document Outline
<!DOCTYPE> |
Version of HTML |
<html> |
HTML document |
<head> |
Page information |
<body> |
Page contents |
Page Information
<meta/> |
charset or viewport |
<title> |
Title of site |
<link/> |
rel="stylesheet" href="style.css"
|
<style> |
CSS content |
<script> |
JS content |
Document Structure
<h[1-6]> |
Heading |
<div> |
Page section |
<span> |
Inline section |
<p> |
Paragraph |
<br /> |
Line break |
<hr /> |
Horizontal rule |
<nav> |
Navigation bar |
<header> |
Header section |
<footer> |
Footer section |
<aside> |
<article> |
<section> |
<figure> |
<figcaption> |
Links
<a href=""> |
Page link |
<a href="mailto:"> |
Email link |
<a name="name"> |
Anchor |
<a href="#name"> |
Link to anchor |
|
|
Lists
<ol> |
Ordered list |
<ul> |
Unordered list |
<li> |
List item |
<dl> |
Definition list |
<dt> |
Definition term |
<dd> |
Term description |
Forms
<form> |
action="link" method="post"
|
<fieldset> |
Collection of fields |
<Legend> |
Form legend |
<label> |
|
<input/> |
type="" name="" id="" value=""
|
<select> |
Drop-down box |
<optgroup> |
Group of options |
<option> |
Drop-down options |
<textarea> |
Large text input |
<button> |
|
Tables
<table> |
Table |
<caption> |
Caption |
<thead> |
Table header |
<tbody> |
Table body |
<tfoot> |
Table footer |
<colgroup> |
Column group |
<col/> |
Column |
<tr> |
Table row |
<th> |
Header cell |
<td> |
Table cell |
Images and Image Maps
<img /> |
Image |
<map> |
Image Map |
<area /> |
Area of Image Map |
|
|
|
