HTML Cheat Sheet. Learning the basics of web development? Start with HTML. … </html>. The tag shows up at the beginning and end of an HTML document (known as the root element). It indicates that the webpage is written in HTML5.
Document Outline
| <!DOCTYPE> | Version of (X)HTML |
| <html>….</html> | HTML document |
| <head>….</head> | Page information |
| <body>….</body> | Page contests |
Comments
<!– Comment Test –>
Page Information HTML Cheat Sheet
| <base /> | Base URL |
| <meta /> | Meta data |
| <title>….</title> | Title |
| <link /> | Relevant resource |
| <style>….</style> | Style resource |
| <script>….</script> | Script resource |
Document Structure
| <h1>….</h1> to <h6>….</h6> | Heading |
| <div>….</div> | Page section |
| <span>….</span> | Inline section |
| <p>….</p> | Paragraph |
| <br> | Line break |
| <hr> | Horizontal rule |
Links
| <a href=””> | Page link |
| <a href=”mailto:”> | Email link |
| <a name=”name”> | Anchor |
| <a href=”#name”> | Link to anchor |
Text Markup HTML Cheat Sheet
| <strong>….</strong> | Strong emphasis |
| <em>….</em> | Emphasis |
| <blockquote>….</blockquote> | Long quotation |
| <q>….</q> | Short quotation |
| <abbr>….</abbr> | Abbreviation |
| <acronym>….</acronym> | Acronym |
| <address>….</address> | Address |
| <pre>….</pre> | Pre-formatted text |
| <dfn>….</dfn> | Definition |
| <code>….</code> | Code |
| <cite>….</cite> | Citation |
| <del>….</del> | Deleted text |
| <ins>….</ins> | Inserted text |
| <sub>….</sub> | Subscript |
| <sup>….</sup> | Superscript |
| <bdo>….</bdo> | Text direction |
List
| <ol>….</ol> | Ordered list |
| <ul>….</ul> | Unordered list |
| <li>….</li> | List item |
| <dl>….</dl> | Definition list |
| <dt>….</dt> | Definition term |
| <dd>….</dd> | Term description |
Forms HTML Cheat Sheet
| <form>….</form> | Form |
| <fieldset>….</fieldset> | Collection of fields |
| <legend>….</legend> | Form legend |
| <label>….</label> | Input label |
| <input>….</input> | Form input |
| <select>….</select> | Drop-down box |
| <optgroup>….</optgroup> | Group of options |
| <option>….</option> | Drop-down options |
| <textarea>….</textarea> | Large text input |
| <button>….</button> | Button |
Tables
| <table>….</table> | Table |
| <caption>….</caption> | Caption |
| <thead>….</thead> | Table body |
| <tbody>….</tbody> | Table body |
| <tfoot>….</tfoot> | Table footer |
| <colgroup> | Column group |
| <col /> | Column |
| <tr>….</tr> | Table row |
| <th>….</th> | Header cell |
| <td>….</td> | Table cell |
Images and Image Maps
<img />
Image
<map>….</map>
Image Map
<area />
Area of image map
Common Character Entities
" ” Quotation mark
& & Ampersand
< < Less than
> > Greater than
@ @ “At” symbol
€ € Euro
• • Small bullet
™ ™ Trademark
£ £ Pound
  Non-breaking space
© © Copyright symbol
Objects
<object>….</object>
Object
<param />
Parameter
Empty Elements
<area />
<base />
<br />
<col />
<hr />
<img />
<input />
<link />
<meta />
<param />
Core Attributes
Class: id Style: title
Note: Core attributes may not be used in base, head, html, meta, param, script, style or title elements.
Language Attributes
dir lang
Note: Language Attributes may not be used in base, br, frame, framest, hr, iframe, param or script elements.
Keyboard Attributes
accesskey tabindex
Window Events
onLoad onUnload
Form Events
onBlur onReset
onChange onSelect
onFocus onSubmit
Keyboard Events
onKeydown onKeyup
onKeypress
Mouse Events
onClick onMouseout
onDblclick onMouseover
onMousedown onMouseup
onMousemove