Show Menu
Cheatography

HTML Basics Cheat Sheet by

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

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
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.