Skip to Main Content

Web Design Research Guide

Cheat Sheets

Document Outline Lists Objects
<!DOCTYPE> Version of (X)HTML <ol> Ordered list <object> Object
<html> HTML document <ul> Unordered list <param /> Parameter
<head> Page information <li> List item  
<body> Page contents <dl> Definition list  
  <dt> Definition term  
  <dd> Term description  
Comments Images and Image Maps Empty Elements
<!--Comment Text--> <img /> Image <area /> <img />
  <map> Image Map <base /> <input />
  <area /> Area of Image Map <br /> <link />
    <col /> <meta />
    <hr /> <param />
Page Information Document Structure Links
<base /> Base URL <h[1-6]> Heading <a href=""> Page link
<meta /> Meta data <div> Page section <a href="mailto:"> Email link
<title> Title <spn> Inline section <a href="name"> Anchor
<link /> Relevant resource <p> Paragraph <a href="#name"> Link to anchor
<style> Style resource <br /> Line break  
<script> Script resource <hr /> Horizontal rule  
Text Markup Forms Tables
<strong> Strong Emphasis <form> Form <table> Table
<em> Emphasis <fieldset> Collection of fields <caption> Caption
<blockquote> Long quotation <legend> Form legend <thead> Table header
<q> Short quotation <label> Input label tbody Table body
<abbr> Abbreviation <input /> Form input <tfoot> Table footer
<acronym> Acronym <select> Drop-down box <colgroup> Column group
<address> Address <optgroup> Group of options <col /> Column
<pre> Pre-formatted text <option> Drop-down options <tr> Table row
<dfn> Definition >textarea< Large text input <th> Header cell
<code> Code <button> Button <td> Table cell
<cite> Citation    
<del> Deleted text    
<ins> Inserted text    
<sub> Subscript    
<sup> Superscript    
<bdo> Text direction    
Core Attributes Language Attributes Keyboard Attributes
class style dir lang accesskey tabindex
id title Note: Language Attributes may not be used in base, br, frame, frameset, hr, iframe, param or script elements.  
Note: Core attributes may not be used in base, head, html, meta, param, script, style or title elements.    
Window Events Form Events Keyboard Events
onLoad onUnload onBlur onReset onKeydown onKeyup
  onChange onSelect onKeypress  
  onFocus onSubmit  
Mouse Events Empty Elements Common Character Entities
onClick onMouseout <area /> <img /> &#34; " Quotation mark
onDblclick onMouseover <base /> <input /> &#38; & Ampersand
onMousedown onMouseup <br /> <link /> &#60; < Less than
onMousemove   <col /> <meta /> &#62; > Greater than
  <hr /> <param /> &#64; @ "at" symbol
    &#128; Euro
    &#149; Small bullet
    &#153; Trademark
    &#163; £ Pound
    &#160;   Non-breaking space
    &#169; © Copyright symbol
Characters Characters Characters Characters
&#32;   Space &#81; Q Upper case Q &#160;   Non-breaking space &#207; Ï I with umlaut
&#33; ! Exclamation mark &#82; R Upper case R &#161;   Inverted exclamation mark &#208; Ð ETH
&#34; " Quotation mark &#83; S Upper case S &#162; ¢ Cent symbol &#209; Ñ N with tilde
&#35; # Pound symbol &#84; T Upper case T &#163; £ Pound symbol &#210; Ò O with grave
&#36; $ Dollar sign &#85; U Upper case U &#164; ¤ Currency symbol &#211; Ó O with acute
&#37; % Percent sign &#86; V Upper case V &#165; ¥ Yen symbol &#212; Ô O with circumflex
&#38; & Ampersand &#87; W Upper case W &#166; ¦ Broken vertical bar &#213; Õ O with tilde
&#39; ' Apostrophe &#88; X Upper case X &#167; § Section symbol &#214; Ö O with umlaut
&#40; ( Opening bracket &#89; Y Upper case Y &#168; ¨ Umlaut &#215; × Multiply symbol
&#41; ) Closing bracket &#90; Z Upper case Z &#169; © Copyright &#216; Ø O with slash
&#42; * Asterisk &#91; [ Opening square bracket &#170; ª Feminine ordinal &#217; Ù U with grave
&#43; + Plus &#92; \ Backslash &#171; « Double-left arrow &#218; Ú U with acute
&#44; , Comma &#93; ] Closing square bracket &#172; ¬ "Not" symbol &#218; Ú U with acute
&#45; - Hyphen &#94; ^ Caret &#173; ­ Soft hyphen &#219; Û U with circumflex
&#46; . Period &#95; _ Underscore &#174; ® Registered &#220; Ü U with umlaut
&#47; / Forward slash &#96; ' Single quote &#175; ¯ Overline &#221; Ý Y with acute
&#48; 0 Zero &#97; a Lower case a &#176; ° Degree symbol &#222; Þ THORN
&#49; 1 One &#98; b Lower case b &#177; ± Plus-or-minus &#223; ß Sharp S
&#50; 2 Two &#99; c Lower case c &#178; ² Squared &#224; à A with grave
&#51; 3 Three &#100; d Lower case d &#179; ³ Cubed &#225; á A with acute
&#52; 4 Four &#101; e Lower case e &#180; ´ Acute accent &#226; â A with circumflex
&#53; 5 Five &#102; f Lower case f &#181; µ Micro symbol &#227; ã A with tilde
&#54; 6 Six &#103; g Lower case g &#182; Paragraph symbol &#228; ä A with umlaut
&#55; 7 Seven &#104; h Lower case h &#183; · Middle dot &#229; å A with ring
&#56; 8 Eight &#105; i Lower case i &#184; ¸ Cedilla &#230; æ AE
&#57; 9 Nine &#106; j Lower case j &#185; ¹ Superscript "1" &#231; ç C with cedilla
&#58; : Colon &#107; k Lower case k &#186; º Masculine ordinal &#232; è E with grave
&#59; ; Semicolon &#108; l Lower case l &#187; » Double-right arrow &#233; é E with acute
&#60; < Less than &#109; m Lower case m &#188; ¼ One quarter &#234; ê E with circumflex
&#61; = Equals sign &#110; n Lower case n &#189; ½ One half &#235; ë E with umlaut
&#62; > Greater than &#111; o Lower case o &#190; ¾ Three quarters &#236; ì I with grave
&#63; ? Question mark &#112; p Lower case p &#191; ¿ Inverted question mark &#237; í I with acute
&#64; @ "At" symbol &#113; q Lower case q &#192; À A with grave &#238; î I with circumflex
&#65; A Upper case A &#114; r Lower case r &#193; Á A with acute &#239; ï I with umlaut
&#66; B Upper case B &#115; s Lower case s &#194; Â A with circumflex &#240; ð ETH
&#67; C Upper case C &#116; t Lower case t &#195; Ã A with tilde &#241; ñ N with tilde
&#68; D Upper case D &#117; u Lower case u &#196; Ä A with umlaut &#242; ò O with grave
&#69; E Upper case E &#118; v Lower case v &#197; Å A with ring &#243; ó O with acute
&#70; F Upper case F &#119; w Lower case w &#198; Æ AE &#244; ô O with circumflex
&#71; G Upper case G &#120; x Lower case x &#199; Ç C with cedilla &#245; õ O with tilde
&#72; H Upper case H &#121; y Lower case y &#200; È E with grave &#246; ö O with umlaut
&#73; I Upper case I &#122; z Lower case z &#201; É E with acute &#247; ÷ Divide symbol
&#74; J Upper case J &#123; { Opening curly brace &#202; Ê E with circumflex &#248; ø O with slash
&#75; K Upper case K &#124; | Vertical line &#203; Ë E with umlaut &#249; ù U with grave
&#76; L Upper case L &#125; } Closing curly brace &#204; Ì I with grave &#250; ú U with acute
&#77; M Upper case M &#126; ~ Tilde &#205; Í I with acute &#251; û U with circumflex
&#78; N Upper case N &#127;   Delete &#206; Î I with circumflex &#252; ü U with umlaut
&#79; O Upper case O     &#253; ý Y with acute
&#80; P Upper case P     &#254; þ THORN
      &#255; ÿ Y with umlaut