Show Menu
Cheatography
  1. Home >
  2. Programming >

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
 

Metadata

  • Languages:
  • Published: 13th December, 2015
  • Last Updated: 12th May, 2016
  • Rated: 5 out of 5 stars based on 3 ratings

Favourited By

Rudrashankar charaf ess 24G zayalh14 shinotenshi vinceswann

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.