Cheatography
Login Register

HTML Basics Cheat Sheet

A Programming › HTML cheat sheet in English by DomDomDom

HTML Basics cheat sheet covering the most common tags need to make simple web pages.

23,350 views 5,316 downloads 13 Dec 2015 History
PRs
Download
4.1 avg · 2 ratings

Basic Structure

<!D­OCT­YPE>
Version of HTML
<ht­ml>
HTML document
<he­ad>
Page Inform­ation
<bo­dy>
Page Contents

Page inform­ation

<meta />
Metadata
<ti­tle>
Title
<link />
Link to resource
<st­yle>
Style resource
<sc­rip­t>
Script resource

Lists

<ol>
Ordered list
<ul>
Unordered list
<li>
List item
<dl>
Definition list
<dt>
Definition term
<dd>
Term descri­ption

Document Structure

<h[­1-6­]>
Heading
<di­v>
Page section
<sp­an>
Inline section
<p>
Paragraph
<br />
Line break
<hr />
Horizontal rule

Void (Self-­clo­sing, empty) Tags

<img />
<meta />
<input />
<hr />
<link />
<br />

Text Markup

<st­ron­g>
strong emphasis
<em>
Emphasis
<bl­ock­quo­te>
Long quotation
<q>
Short quotation
<ab­br>
Abbrev­iation
<ac­ron­ym>
Acronym
<ad­dre­ss>
Address
<pr­e>
Pre-fo­rmatted text
<co­de>
Code
<ci­te>
Citation
<su­b>
Subscript
<su­p>
Supers­cript

Links

<a href="">
Page link
<a href="m­ail­to:­">
Email link
<a name="n­ame­">
Anchor link
<a href="#­nam­e">
Link to anchor

Forms

<fo­rm>
Form
<fi­eld­set>
Collection of fields
<le­gen­d>
Form legend
<la­bel>
Input label
<input />
Form input
<se­lec­t>
Drop-down box
<op­tgr­oup>
Group of options
<op­tio­n>
Drop-down options
<te­xta­rea>
Large text input
<bu­tto­n>
Button

Tables

<ta­ble>
<ca­pti­on>
<th­ead>
<tb­ody>
<tf­oot>
<co­lgr­oup>
<col />
<tr>
<th>
<td>

Core Attributes

class
style
id
title

HTML5 Semantic Tags

<ar­tic­le>
Article
<as­ide>
Outside the main flow of the narrative
<de­tai­ls>
Details of an element
<fi­gur­e>
Group of media content and their caption
<fo­ote­r>
Footer for a section or page
<he­ade­r>
Header for a section or page
<ma­rk>
Marked text
<na­v>
Navigation links
<se­cti­on>
Section of page or article

Image

<im­g>
Image

Badges

Nice Cheat Sheet Good Cheat Sheet Downloaded from Unusual Locations × 3

Comments

No comments yet.

Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.