Show Menu
Cheatography
  1. Home >
  2. Programming >

HTML Cheat Sheet (DRAFT) by

A simple element HTML

This is a draft cheat sheet. It is a work in progress and is not finished yet.

HTML Document Outline

<!D­­OC­T­Y­PE>
Version of (X)HTML
<ht­­ml>
HTML document
<he­­ad>
Page inform­­ation
<bo­dy>
Page contents

HTML Comments

<!-- Comment Text -->

HTML Page Inform­­ation

<me­­ta>
Meta data
<ti­­tl­e>
Title
<li­nk>
Relevant resource
<sc­rip­t>
Script resource
<st­yle>
Style sheet
<link rel="st­yle­she­et" href="s­tyl­es.c­ss­">
<script src="my­scr­ipt­s.j­s"><­/sc­rip­t>

HTML Semantic Elements

<he­ade­r>
<fo­ote­r>
<ma­in>
<ar­tic­le>
<se­cti­on>
<as­ide>
<na­v>

HTML Core Attributes

class
Style
id
Title
1) class and id can be used to style elements
2) id can be used to retrieve input value

HTML Document Structure

<h1> to <h6>
Headings
<di­v>
Page section
<sp­­an>
Inline section
<p>
Paragraph
<br>
Line break
<hr>
Horizontal line

HTML Text

<em>
Emphasis
<bl­ock­quo­te>
Long quotation
<q>
Short quotation
<ab­br>
Abbrev­iation
<pr­e>
Pre-fo­rmatted text
<df­n>
Definition
<co­de>
Code
<ci­te>
Citation
<de­l>
Deleted text
<in­s>
Inserted text
<su­b>
subscript
<su­p>
supers­cript
<st­ron­g>
bold
<i>
italic
 

HTML Tables

<ta­­bl­e>
Table
<th­ead>
Table header
<tb­­od­y>
Table body
<co­­lg­r­o­up>
Column group
<co­­l>
Column
<tr>
Table row
<th>
Header cell
<td>
Table cell

HTML Lists

<ol>
Ordered list
<ul>
Unordered list
<li>
List item

HTML Images

<im­g>
Image
<img src="ic­on.j­pg­" alt="my­ico­n" width=­"­500­" height­="60­0">
 

HTML Links

<a href="u­rl">­Click Here</­a>
Link to external or internal pages of a website
<a href="m­ail­to:­abc­@gm­ail.co­m">Click Here</­a>
Link to an email address
<a href="n­ame­"­>Click Here</­a>
Link to a document element
<a href="#­nam­e">Click Here</­a>
Link to specific div element

HTML Forms

<fo­rm>
Form
<la­bel>
Input label
<in­put>
Form input
<se­lec­t>
Drop down
<op­tio­n>
Drop down option
<ou­tgr­oup>
Group of option
<te­xta­rea>
Large text input
<bu­tto­n>
Button

HTML Events

Window Events
onload
onunload
Form Events
onchange
onselect
onfocus
Keyboard Events
onkeydown
onkeyup
onkeypress
Mouse Events
onclick
onmouseout
ondblclick
onmouseup
onmous­­emove
onmous­­emove