HTML Cheat Sheet
Published: Jan 08, 2009
HTML is an abbreviation for HyperText Markup Language and it's something that many of us use on a daily basis - may it be work or for fun. It's very easy to work with HTML as long as you don't forget all the different tags that there is. We can highly recommend you to bookmark this page as it can come to be quite useful for you when creating websites. Simply copy the codes and get started!
Here is our HTML Cheat Sheet
Text Tags
| <h1></h1> |
The largest headline |
| <h6></h6> |
The smallest headline |
| <b></b> | Bold text |
| <i></i> | Italicized text |
| <u></u> | Underlined text |
| <tt></tt> | Typewriter style |
| <del></del> | Deleted text |
| <ins></ins> | Inserted text |
| <strong></strong> | Strong emphasis |
| <q></q> | Quoted text |
| <big></big> | Big text |
| <small></small> | Small text |
| <cite></cite> | Citation text |
| <dfn></dfn> | Definition text |
| <credit></credit> | Credit text |
| <blink></blink> | Blinking text |
| <sub></sub> | Subscript text |
| <var></var> | Variable text |
| <code></code> | Code text |
| <strike></strike> | Striked out text |
| <s></s> | Striked out text. Stronger than "strike". |
| <abbr></abbr> | Defines abbreviation |
| <font size="5"></font size="5"> | Set size - Ranges from 1-7 with 7 being the largest. |
| <font color="blue"></font color="blue"> | Sets color. Blue in this case. |
| <blockquote></blockquote> |
Enclose larger quotations from other text on the site |
| <body></body> | The body of your website document |
| <title></title> | Specify the title of the document |
Formatting
| <p></p> | New paragraph |
| <br></br> | Single line break |
| <ul></ul> | Bulleted list |
| <ol></ol> | Numbered list |
| <dl></dl> | Definition list |
| <dir></dir> | Directory list |
| <li></li> | Number/Symbol before list item |
| <samp></samp> | Sample format |
| <button></button> | Creates a button that the visitor can click |
| <center></center> | Centers everything inside the element |
| <col></col> | Sets the attribute values for one or more columns |
| <iframe></iframe> | Create an inline or floating frame |
| <kbd></kbd> | Identify text a user is supposed to enter |
| <applet></applet> | Embed a Java applet to your website |
| <object></object> | Embed an object. Replaces the applet element |
| <area></area> | Implement a client-side image map |
| <menu></menu> | Container for a list of menu items |
| <option></option> | Option in a listbox |
| <select></select> | Create listbox as an input field on a form |
| <wbr></wbr> | Word break |
| <tr></tr> | Classify row inside a table |
Deprecated HTML Tags
As the Internet is a constantly evolving machine, even though it behaves more and more like a living thing, changes are inevitable. This goes for HTML tags as well and the reason is spelled CSS styling. Many tags don't serve a purpose anymore and are therefore to be phased out and many can now be handled by, as mentioned, style sheets. Here are some of the tags and attributes that are deprecated and/or no longer needed.
HTML Tags
| <font></font> |
| <dir></dir> |
| <menu></menu> |
| <i></i> |
| <u></u> |
| <b></b> |
| <center></center> |
| <basefont></basefont> |
| <strike></strike> |
HTML Attributes
| bgcolor |
| background |
| align |
| border |
| vspace |
| hspace |
| width |
| height |
Important To Notice
Please note that this is not a complete list of all the deprecated HTML tags and attributes, but only the ones that are most commonly used.
Comments
kaitlyn
16:52, September 27, 2009
this is a great page
quite useful :)
how do i publish an edited version of my website onto the internet so that it's updated with the edited HTML source code? thanks
Elune
14:30, January 4, 2010
I must admit, useful tips for HTML web design