HTML Reference Sheet

Structure Tags

<html>...</html>
(NO PROPERTIES) This tag defines the entire webpage as an HTML document. Any HTML goes between the opening and closing tags. This tag is optional, but may be required in future versions of HTML.

<head>...</head>
(NO PROPERTIES) This is the header of the document. It contains special tags that provide information about the document.

<title>...</title>
(NO PROPERTIES) This tag goes in the document header. Any text between the opening and closing title tags are used as the title of the webpage. The title will be displayed in the browser title bar.

<body>...</body>
background="..." - Background Image
text="..." - Text Color
link="..." - Link Color
alink="..." - Active Link Color
vlink="..." - Visited Link Color Contains the content of the webpage between the opening and closing tags. This tag must follow the head. Body may be replaced with the frameset tag.

Alignment Tags

<p>
align="..." - Alignment Creates a new paragraph with space between the previous paragraph. The alignment property can be either center, left, right, or justify.

<br>
(NO PROPERTIES) Creates a new line.

<hr>
align="..." - Horizontal Alignment
color="..." - Color
size="..." - Height Size
width="..." - Width Size
Creates a horizontal line to seperate the content above and below the horizontal rule.

<blockquote>...</blockquote>
(NO PROPERTIES) Indents everything between the opening and closing tags from both sides.

<div>...</div>
align="..." - Horizontal Alignment
Used for aligning text left, right, center, or justify.

Text Style Tags

<h1>...</h1> to <h6>...</h6>
align="..." - Alignment Text between a heading tag will be bigger and bolder. The number after h determines the size of the header, 1 being the largest, 6 being the smallest.

<b>...</b>
(NO PROPERTIES) Creates bold-face text.

<i>...</i>
(NO PROPERTIES) Creates italicized text.

<u>...</u>
(NO PROPERTIES) Creates underlines text.

<s>...</s>
(NO PROPERTIES) Creates strikethrough text (crossed out).

<sub>...</sub>
(NO PROPERTIES) Creates subscript text.

<sup>...</sup>
(NO PROPERTIES) Creates superscript text.

<tt>...</tt>
(NO PROPERTIES) Creates monospace text.

<font>...</font>
size="..." - Font Size
color="..." - Font Color
face="..." - Font Face
Changes the font, size, and color of text. The size can be from 1 to 7 (7 being biggest) or -3 to +3 where it either increases or decreases the size of the text. The font face is the name of the font (i.e. Times).

Table Tags

<table>...</table>
align="..." - Alignment
bgcolor="..." - Background Color
background="..." - Background Image
width="..." - Table Width
cols="..." - Number of Columns
border="..." - Border Width
cellspacing="..." - Space Between Cells
cellpadding="..." - Space in Cells
Creates a table.

<tr>...</tr>
align="..." - Alignment
bgcolor="..." - Background Color
background="..." - Background Image
Creates a new row of cells.

<td>...</td>
align="..." - Alignment
bgcolor="..." - Background Color
background="..." - Background Image
colspan="..." - Number of Columns a Cell Uses
rowspan="..." - Number of Rows a Cell Uses
valign="..." - Vertical Alignment
Creates a new cell.

List Tags

<ul>...</ul>
type="..." - Bullet Type Creates an unordered list. The bullet type can be disc, square, or circle.

<ol>...</ol>
type="..." - Number Type Creates an ordered list. The number type can be 1, a, A, i , or I.

<li>
type="..." - Number/Bullet Type Creates a new list item. The type can be any of the types in an ordered list or and unordered list, and it overrides the list type.

Frames Tags

<frame>...</frame>
name="..." - Frame Name
src="..." - Frame Location
frameborder="..." - Frame Border (0,1)
marginwidth="..." - Horizontal Margins
amrginheight="..." - Vertical Margins
noresize - Disables Resizing
scrolling="..." - Scrollbar (yes,no,auto)
Creates a new frame in a frameset document.

<frameset>...</frameset>
rows="..." - Number of Rows
cols="..." - Number of Columns Creates a framed document. The frameset tag replaces the body tag. You can nest framesets inside framesets for advanced frame features.

Other Tags

<img>
src="..." - Image Location
border="..." - Image Border
alt="..." - Alternate Image Text
height="..." - Image Height
width="..." - Image Width Creates a new image.

<a>
href="..." - Link Location
name="..." - Anchor Name Creates a new link or anchor.

<embed>
src="..." - Sound Location
autoplay="..." - Automatically Play (true/false)
hidden="..." - Hide Control Panel (true/false)
width="..." - Control Panel Width
height="..." - Control Panel Height Creates a background sound. Can be a ".mid" file, a ".wav" file, or a ".au" file.

`<html>...</html>`
(NO PROPERTIES)	This tag defines the entire webpage as an HTML document. Any HTML goes between the opening and closing tags. This tag is optional, but may be required in future versions of HTML.

`<head>...</head>`
(NO PROPERTIES)	This is the header of the document. It contains special tags that provide information about the document.

`<title>...</title>`
(NO PROPERTIES)	This tag goes in the document header. Any text between the opening and closing title tags are used as the title of the webpage. The title will be displayed in the browser title bar.

`<body>...</body>`
`background="..."` - Background Image `text="..."` - Text Color `link="..."` - Link Color `alink="..."` - Active Link Color `vlink="..."` - Visited Link Color	Contains the content of the webpage between the opening and closing tags. This tag must follow the head. Body may be replaced with the frameset tag.

`<p>`
`align="..."` - Alignment	Creates a new paragraph with space between the previous paragraph. The alignment property can be either `center, left, right, or justify`.

`<hr>`
`align="..."` - Horizontal Alignment `color="..."` - Color `size="..."` - Height Size `width="..."` - Width Size	Creates a horizontal line to seperate the content above and below the horizontal rule.

`<blockquote>...</blockquote>`
(NO PROPERTIES)	Indents everything between the opening and closing tags from both sides.

`<div>...</div>`
`align="..."` - Horizontal Alignment	Used for aligning text left, right, center, or justify.

`<h1>...</h1> to <h6>...</h6>`
`align="..."` - Alignment	Text between a heading tag will be bigger and bolder. The number after h determines the size of the header, 1 being the largest, 6 being the smallest.

`<s>...</s>`
(NO PROPERTIES)	Creates strikethrough text (crossed out).

			DXcoders^©

`<font>...</font>`
`size="..."` - Font Size `color="..."` - Font Color `face="..."` - Font Face	Changes the font, size, and color of text. The size can be from 1 to 7 (7 being biggest) or -3 to +3 where it either increases or decreases the size of the text. The font face is the name of the font (i.e. Times).

`<table>...</table>`
`align="..."` - Alignment `bgcolor="..."` - Background Color `background="..."` - Background Image `width="..."` - Table Width `cols="..."` - Number of Columns `border="..."` - Border Width `cellspacing="..."` - Space Between Cells `cellpadding="..."` - Space in Cells	Creates a table.

`<tr>...</tr>`
`align="..."` - Alignment `bgcolor="..."` - Background Color `background="..."` - Background Image	Creates a new row of cells.

`<td>...</td>`
`align="..."` - Alignment `bgcolor="..."` - Background Color `background="..."` - Background Image `colspan="..."` - Number of Columns a Cell Uses `rowspan="..."` - Number of Rows a Cell Uses `valign="..."` - Vertical Alignment	Creates a new cell.

`<ul>...</ul>`
`type="..."` - Bullet Type	Creates an unordered list. The bullet type can be disc, square, or circle.

`<ol>...</ol>`
`type="..."` - Number Type	Creates an ordered list. The number type can be 1, a, A, i , or I.

`<li>`
`type="..."` - Number/Bullet Type	Creates a new list item. The type can be any of the types in an ordered list or and unordered list, and it overrides the list type.

`<frame>...</frame>`
`name="..."` - Frame Name `src="..."` - Frame Location `frameborder="..."` - Frame Border (0,1) `marginwidth="..."` - Horizontal Margins `amrginheight="..."` - Vertical Margins `noresize` - Disables Resizing `scrolling="..."` - Scrollbar (yes,no,auto)	Creates a new frame in a frameset document.

`<frameset>...</frameset>`
`rows="..."` - Number of Rows `cols="..."` - Number of Columns	Creates a framed document. The frameset tag replaces the body tag. You can nest framesets inside framesets for advanced frame features.

`<img>`
`src="..."` - Image Location `border="..."` - Image Border `alt="..."` - Alternate Image Text `height="..."` - Image Height `width="..."` - Image Width	Creates a new image.

`<a>`
`href="..."` - Link Location `name="..."` - Anchor Name	Creates a new link or anchor.

`<embed>`
`src="..."` - Sound Location `autoplay="..."` - Automatically Play (true/false) `hidden="..."` - Hide Control Panel (true/false) `width="..."` - Control Panel Width `height="..."` - Control Panel Height	Creates a background sound. Can be a ".mid" file, a ".wav" file, or a ".au" file.