HTML Codes
Quick Cheat Sheet, Easy for copy and paste!

<BR> Break

<P> Paragraph</p>

<B> Bold </B>

<U> Underline </U>

<I>Italics </I>

<STRIKE>Strikethrough</STRIKE>

<Center>Center Text</CENTER>

<DIV ALIGN="justify">Justified Text (Blocky, no ragged edged!)</DIV>

<DIV ALIGN="right">Right Aligned Text</DIV>

<DIV ALIGN="center">Center Aligned Text</DIV>

<CENTER>Also center aligned text</Center>

<LI>Make a Bulleted List</LI>

<OL><LI>Numbered List</LI></OL>

<FONT FACE="Verdana">Change Font Face</font>

<FONT COLOR="#000000">Change Font Color</font>

<FONT SIZE="3">Change font Size</font>

<TABLE><TR><TD>Cell 1</TD><TD>Cell 2</TD></TR><TR><TD>Row 2</TD><TD>Row 2 column 2</TD></TR></table>

<!-- This is a comment that stays in the HTML but wont display-->

<H1>Heading</H1><H2>Heading 2</h2> etc

<HR>Horizontal Line</HR>

<IMG SRC="picture.jpg"> Picture

<IMG SRC="picture.jpg" align="right"> Picture aligned right

<a href="http://www.google.com">Google</a> Link to google

<a href="http://www.google.com"><IMG SRC="linkedimage.jpg" border="0"></a> Image that goes to google when clicked

<TITLE>Bob's Painting Page</TITLE>Title's the Page

<body bgcolor="red">Changes the background color

<body text="black" link="yellow" vlink="purple" alick="blue">Changes link, visited link, and active link colors.

<PRE>Preformatted text. (usefull in ASCII art)</PRE>

<a href="mailto:bobdole@hotmail.com">Email Link</a>
If you're looking for a more in depth kind of explanation besides the quick Copy and paste chart, Look here.

(Coming Soon)

  • Heading Stuff
  • Body Stuff
  • Breaks and Paragraphs
  • Manipulating Font
  • Text Alignment
  • Lists
  • Tables
  • Images
  • Links
  • Horizontal Lines
  • Misc.
  • CSS