Simple HTML Cheat Sheet

You are here: Main Page » Learn Basic HTML & CSS » Simple HTML Cheat Sheet
Simple HTML Cheat Sheet
You will see the HTML code on the left, and the result on the right.
Tag Code Result
Bold some <b>bold</b> text some bold text
Strong strong is <strong>identical</strong> to bold strong is identical to bold
Italic <i>this code</i> is italic this code is italic
Emphasize <em>emphasized!</em> emphasized!
Underline underline <u>this</u> underline this
Big this text is <big>larger</big> this text is larger
Small this text is <small>littler</small> this text is littler
SuperScript this is <sup>superscript</sup> text this is superscript text
SubScript this is <sub>subscript</sub> text this is subscript text
Marqueet <marquee>scroll me, i dare you!</marquee> scroll me, i dare you!
Headings <h1>heading 1</h1>
<h2>heading 2</h2>
<h3>heading 3</h3>
<h4>heading 4</h4>
<h5>heading 5</h5>
<h6>heading 6</h6>

heading 1


heading 2


heading 3


heading 4


heading 5

heading 6
Line Break this is line one. <br> and this is line two. <br> and this is line three. this is line one.
and this is line two.
and this is line three.
Paragraph <p>paragraph one. paragraph one. paragraph one.</p>
<p>paragraph two. paragraph two. paragraph two.</p>

paragraph one. paragraph one. paragraph one.

paragraph two. paragraph two. paragraph two.
Ordered Lists <ol>
<li> List Item One
<li> List Item Two
<li> List Item Three
</ol>
  1. List Item One
  2. List Item Two
  3. List Item Three
Unordered Lists <ul>
<li> List Item One
<li> List Item Two
<li> List Item Three
</ul>
  • List Item One
  • List Item Two
  • List Item Three
Strike <strike>strike through this</strike> strike through this
Center <center>in the middle</center>
in the middle
Font Size <font size="6">text here</font>
<font size="5">text here</font>
<font size="4">text here</font>
<font size="3">text here</font>
<font size="2">text here</font>
<font size="1">text here</font>		 text here
text here
text here
text here
text here
text here
Font Color <font color="red">red text</font>
<font color="green">green text</font>
<font color="blue">blue text</font>
<font color="pink">pink text</font>
<font color="orange">orange text</font>		 red text
green text
blue text
pink text
orange text
Font Face <font face="Comic Sans MS">comic sans ms text</font>
<font face="Georgia">georgia text</font>
<font face="Times New Roman">times new roman text</font>		 comic sans ms text
georgia text
times new roman text
Typewriter Text <tt>this is typewriter text!</tt> this is typewriter text!
Image <img src="http://www.ebaygen.com/images/button.gif">
Anchor (link) <a href="http://www.ebaygen.com">go to ebaygen.com!</a> go to ebaygen.com!
Page: Simple HTML Cheat Sheet Views: 195
Category: Learn Basic HTML & CSS Rating: 5 out of 5