HTML Cheat Sheet

This is a HTML cheat sheet for the most commonly used tags and
attributes.

Most tags have an opening and closing tag.

Basic Tags

<html></html>

Defines the html document

<head></head>

This defines the information about the html document such as the title
and meta tag information.

<body></body>

This is the main content of the document

Header Tags

<title></title>

This is the title of the document and goes between the <head>
tags.

Body Attributes

Sets the background color. Use the name or hex value of the
color.

<body text=?>

Sets the text color. Use the name or hex value of the color.

<body link=?>

Sets the color of links. Use the name or hex value of the color.

<body vlink=?>

Sets the color of followed links. Use the name or hex value of the
color.

<body alink=?>

Sets the color of links on click. Use the name or hex value of the
color.

Text Tags

<pre></pre>

Preformatted text

<h1></h1>

The largest headline

<h6></h6>

The smallest headline

<b></b>

Bold Text

<i></i>

Italic text

<tt></tt>

Teletype or typewriter-style text

<cite></cite>

Citation which is usually italic

<em></em>

Emphasizes a word

<strong></strong>

Emphasizes a word

Sets font size, from 1 to 7

Sets font color. Use the name or hex value of the color.

Links

Defines a hyperlink

Defines a mailto link

Defines a target location within a document

Links to that target location on the same page. Also referred to
as Page Jumps.

HTML Cheat Sheet for Formatting

Formatting

<p>

Defines a new paragraph

<p align=?>

Aligns a paragraph to the left, right, or center

<br>

Inserts a line break

<br /> (xhtml
version)

<blockquote></blockquote>

Indents text from both sides

<dl></dl>

Defines a definition list

<dt>

Precedes each definition term

<dd>

Precedes each definition

<ol></ol>

Defines a numbered list

<li>

Precedes each list item and adds a number

<ul></ul>

Defines a bulleted list

<li>

Precedes each list item and adds the bullet

<div align=?>

A generic tag used to format large blocks of HTML; also used for
stylesheets

HTML Cheat Sheet for Images

Image and Graphical Elements

Adds an image

Aligns an image: left, right, center, bottom, top, middle

Sets size of border around an image

<hr>

Inserts a horizontal rule

<hr size=?>

Sets size (height) of rule

<hr width=?>

Sets width of rule in percentage or absolute value

<hr noshade>

Defines a rule without a shadow

HTML Cheat Sheet for Tables and Table Attributes

Tables

<table></table>

Defines a table

<tr></tr>

Sets off each row in a table

<td></td>

Sets off each cell in a row

<th></th>

Sets off the table header (a normal cell with bold, centered text)

Table Attributes

Sets width of border around table cells

Sets amount of space between table cells

Sets amount of space between a cell’s border and its contents

Sets width of table in pixels or as a percentage of document width

Sets alignment for cell(s) (left, center, or right)

Sets vertical alignment for cell(s) (top, middle, or bottom)

<td colspan=#>

Sets number of columns a cell should span (default=1)

<td rowspan=#>

Sets number of rows a cell should span (default=1)

<td nowrap>

Prevents the lines within a cell from being broken to fit

HTML Cheat Sheet for Frames and Frame Attributes

Frames

<frameset></frameset>

Precedes the <body> tag in a frames document; can also be nested
in other framesets

Defines the rows within a frameset, using number in pixels or
percentage of width

Defines the columns within a frameset, using number in pixels or
percentage of width

<frame>

Defines a single frame within a frameset

<noframes></noframes>

Defines what will appear on browsers that don’t support frames

Frames Attributes

Specifies which HTML document should be displayed

Names the frame so it may be targeted by other frames

Defines the left and right margins for the frame; must be equal to or
greater than 1

Defines the top and bottom margins for the frame; must be equal to or
greater than 1

Sets whether the frame has a scroll bar; value may equal “yes,” “no,”
or “auto.” (The default, as in ordinary documents, is auto.)

Prevents the user from resizing a frame

HTML Cheat Sheet for Forms

Forms

For
functional forms, you’ll have to run a CGI script. The
HTML just Defines the appearance of a form.

<form></form>

Defines all forms

Defines a scrolling menu. Size sets the number of menu items visible
before you need to scroll.

<option>

Sets off each menu item

Defines a pulldown menu

<option>

Sets off each menu item

Defines a text box area – columns set the width; rows set the height.

Defines a checkbox – text follows tag.

Defines a radio button – text follows tag

Defines a one-line text area – size sets length in characters.

Defines a Submit button

Defines a Submit button using an image

Defines a Reset button