HTML Basics Cheat Sheet
Basic Tags
| <html> |
Creates an HTML document |
| <head> |
Page information - Sets off the title and other information that isn't displayed on the Web page itself |
| <body> |
Page contents - Sets off the visible portion of the document |
Comments
| <!-- Comment Text --> |
Is used to insert a comment in the source code |
Page Information
| <base /> |
Base URL |
| <meta /> |
Meta data |
| <title> |
Puts the name of the document in the title bar |
| <link /> |
Relevant resource |
| <style> |
Style resource (CSS) |
| <script> |
Script resource (Javascript) |
Document Structure
| <h[1-6]> |
Heading Tags - H1 creates the largest headline, H6 creates the smallest headline |
| <div> |
Page section |
| <span> |
Inline section |
| <p> |
Creates a new paragraph |
| <br /> |
Inserts a line break |
| <hr /> |
Inserts a horizontal rule |
Links
| <a href="#"> |
Creates a page link |
| <a href="mailto:"> |
Creates a email link |
| <a name="name"> |
Anchor -
Creates a target location within a document |
| <a href="#name"> |
Link to anchor -
Links to that target location from elsewhere in the document |
Text Markup
<strong>
|
Usually makes text bold
|
| <b> |
Creates bold text
|
<em>
|
Usually makes text italic
|
| <i> |
Creates italic text |
<small>
|
decrease the text size by one |
<big>
|
increase the text size by one |
| <blockquote> |
Long quotation |
| <pre> |
Creates pre-formatted text |
| <sub> |
Subscript - lowers text and makes it smaller
|
| <sup> |
Superscript- lifts text and makes it smaller
|
| <strike> |
Strikes a line through the text |
Lists
| <ol> |
Ordered list |
| <ul> |
Unordered list |
| <li> |
List item |
| <dl> |
Definition list |
| <dt> |
Definition term |
| <dd> |
Term description |
Tables
| <table> |
Table |
| <caption> |
Caption |
| <thead> |
| <tbody> |
Table body |
| <tfoot> |
Table footer |
| <colgroup> |
Column group |
| <col /> |
Column |
| <tr> |
Table row |
| <th> |
Header cell |
| <td> |
Table cell |
Forms
| <form> |
Form |
| <fieldset> |
Collection of fields |
| <legend> |
Form legend |
| <label> |
Input label |
| <input /> |
Form input |
| <select> |
Drop-down box |
| <optgroup> |
Group of options |
| <option> |
Drop-down options |
| <textarea> |
Large text input |
| <button> |
Button |
Images and Image Maps
| <img /> |
Image |
| <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 |
Like it?, Share it
