HTML cheat sheet

text tags

<em></em> emphasize with italics
<strong></strong> emphasize with bold
<h1></h1> largest headline
<h2></h2> second largest headline
<h6></h6> smallest headline
<font size=”?”> numbers 1-7 to determine size
<font color=”?”> set font color w/ name or hex code
 subscripts1
 superscripts1
<del></del> strikethrough
<code></code> insert codes

section tags

<p></p> paragraphs
<p align=”?”> set the alignment of a paragraph
<br/> insert line break; no closing tag
<blockquote>
</blockquote>
create a blockquote
<ol></ol> numbered list
<ul></ul> bulleted list
<il></il> individual items in a list
<div align=”?”> set the alignment of a section

link tags

<a href=”URL”></a> create a link
“mailto:?” link to an email address
target=”_blank” open a link in a new window
rel=”nofollow” tell search engines to ignore a link
title=”?” name a link
<a name=”?”></a> create a bookmark within a page
<a href=”#?”></a> link to a bookmark

image tags

<img src=”URL”> embed an image
title=”?” name an image
alt=”?” an alternate name for an image

table tags

<table></table> create a table
<th></th> create a header row
<tr></tr> create a row
<td></td> create a cell
<table border=”?”> sets the table border
<table cellspacing=”?”> sets the spacing around cells
<tfoot></tfoot> create a footer row
rowspan=”?” a cell that spans multiple rows
colspan=”?” a cell that spans multiple columns

special characters*

&#34; ” quotation mark
&#38; & ampersand
&#60; < less than
&#62; > greater than
&#64; @ “at” symbol
&#128; € euro
&#149; • small bullet
&#153; ™ trademark
&#163; £ pound
&#160; non-breaking space
&#169; © copyright symbol

*these number codes are preferred to the more traditional &copy;
because they’re more reliably read by all browsers