HTML Document Tags

<html>...</html> The HTML tag signifies to web browsers that this is an HTML document. The opening and closing tags must be present for the page to work correctly. This tag is required.
<head>...</head> The head tag gives the browser information about the document and contains information that is not seen by viewers such as JavaScript or frame information. This tag is required.
<title>...</title> The title tag places the title into the title bar of the web browser. This is the page name for when the page is bookmarked. This tag is highly recommended.
<body>...</body> The body tag contains all the information that will be visible to visitors and is required.
background="..." The background body tag attribute specifies an image (jpg or gif file type ONLY) that will be used as page wallpaper. This attribute can also be used within tables.
bgcolor="..." The bgcolor body tag attribute specifies the background color for the entire page, using either one of the sixteen names colors or an RGB color code. This attribute can also be used within tables.
text="..." The text body tag attribute specifies the text color.
link="..." The link body tag attribute specifies the hyperlink color.
vlink="..." The vlink body tag attribute specifies the color of visited links.
alink="..." The alink body tag attribute specifies the color of active links.

Line Breaks and Rules

<p> The Paragraph break tag places space between paragraphs. Using this tag is like hitting the enter key twice in a word processing document.
<p align="...">...</p> This special paragraph break tag causes all text between the tags to aligned. Modifiers: left, right, center, justify.
<br> The Line Break tag ends a sentence or places a blank line(s) between images, tables, etc. Akin to hitting the enter key once in a word processing document.
<br clear="all"> This special line break ends alignment. Modifiers: left, right, center.
<nobr>...</nobr> The No Break tag keeps a line of text from ending and forces to browser window to use scroll bars. Use this tag with caution.
<hr> The Horizontal Rule tag places a horizontal line in the page.
size="#" This attribute of the Horizontal Rule gives the line thickness.
width="#" This attribute of the Horizontal Rule gives the line width, in pixels or as a percentage.
align="..." This attribute of the Horizontal Rule designates the alignment of the line. Modifiers: left, right, center.

Formatting Text

<h#>...</h#> The Heading Tags create text that is bold and set apart from preceeding and following text/images/tables. Heading One is large, Heading Six is tiny, and Heading 4 is the same size as the default text.
align="..." This attribute of the heading tag designates the alignment of the heading. Modifiers: left, right, center.
<b>...</b> Bold tag
<i>...</i> Italic tag
<u>...</u> Underline tag
<sub>...</sub> Subscript tag
<sup>...</sup> Superscript tag
<s>...</s> Strikethrough tag
<em>...</em> Emphasis tag. This typically creates italicized text.
<strong>...</strong> Strong Emphasis tag. This typically creates bold text.
<big>...</big> Makes text larger.
<small>...</small> Makes text smaller.
<tt>...</tt> Displays text in a monospace font.
<blink>...</blink> Creates blinking text. USE WITH CAUTION.
<font>...</font> The Font tag formats all text between the tags.
face="..." This Font attribute designates the font.
size="#" This Font attribute gives the text size.
color="..." This Font attribute gives the text color.
<!-- ... --> The comment tag hides code from web browsers. Comment tags are also used to hide JavaScript from older web browsers.
&nbsp A non-breaking space allows you to use multiple space at one time. It can also be used to create blank cells in tables.

Lists

<ol>...</ol> The Ordered List tag makes a numbered list.
type="..." This attribute in the Ordered List tag (and the List Item tag) creates sub-items within the list. Modifiers: A, a, I, i.
<ul>...</ul> The Unordered List tag makes a bulleted list.
type="..." This attribute in the Unordered List tag designates the type of bullet to be used. Modifiers: disc, circle, square.
<li> The List Item tag designates a new number or bullet in an ordered or unordered list.
<dl>...</dl> The Definition List tag creates a bibliographic or dictionary list.
<dt> The Definition Term tag creates terms or headings within a Definition List.
<dd> The Indented Definition tag creates individual items in a Definition List.

Images

<img src="..."> The Image Source tag designates the image to be inserted.
alt="..." The alternate text attribute gives a description of the image to text based browsers
height="#" The height attribute designates the vertical dimensions of the image, in pixels or as a percentage.
width="#" The width attribute designates the horizontal dimensions of the image, in pixels or as a percentage.
border="#" The border attribute determines the thickness, in pixels, of the border around an image.
hspace="..." The horizontal space attribute places space between the image and any surrounding text, to the top and the bottom of the image.
vspace="..." The vertical space attribute places space between the image and any surrounding text, to the left and the right of the image.

Alignment

align="..." The align attribute can be used within different tags to modify the horizontial alignment. Modifiers are: left, right, center.
<center>...</center> The center tag places elements horizontally in the middle of the page.
<div align="...">...</div> The Division Alignment tag is used to align text. Modifiers are: left, right and center.
<blockquote></blockquote> The Blockquote tag sets apart entire sections of text.

Hyperlinks

<a href="...">...</a> The Hyperlink reference anchor tag creates hyperlinks.
target="..." The target attribute of the hyperlink reference anchor tag is most frequently used with frames, and directs the browser to open the hyperlink in a specific manner or area. The modifiers attributes are the frame name as given in the frame source tag, and _blank, which opens the hyperlink in a new browser window, and _top, which opens the hyperlink in the same window without frames.
<basetarget="..."> The base target tag, placed within the head of the document, tells the browser that by default, all hyperlinks are to be opened as designated.
<a href="#target>...</a>(Hyperlink)
<a name="target>...</a>(Anchor) 		The Local Hyperlink tags create internal hyperlinks from one section of a page to another section of the page.
<a href="mailto:name@address.com">...</a> The E-mail Hyperlink reference tag creates a hyperlink that open the default mail browser.
?subject here This modifier of the E-mail hyperlink, placed immediately following the address, allows you to create an automatic subject for messages.
&ccname@address.com This modifier of the e-mail hyperlink, placed after the subject, allows another address to be carbon copied the message.

Tables

<table>...</table> The table tag designates where table formatting begins and ends.
cellpadding="#" This attribute of the table tag, is the amount of space, in pixels, between the contents of the cell and the wall of the cell.
cellspacing="#" This attribute of the table tag, is the amount of space, in pixels, determining the width of the inner cell walls.
border="#" This attribute of the image and table tags, determines the thickness of the surrounding border.
bordercolor="..." The border color attribute sets the color for the table border.
<tr>...</tr> The table row tag designates a row within a table.
<td>...</td> The table data tag designates a single cell within a table.
rowspan="#" This attribute of the table data tag allows one cell to span down multiple rows.
colspan="#" This attribute of the table data tag allows one cell to span across multiple columns.
align="..." The align attribute of the table data tag, determines the horizontal alignment of the cell contents. Modifiers: left, right, center.
valign="..." The vertical alignment attribute of the table data tag determines the vertical alignment of the cell contents. Modifiers: top, middle, bottom.
width="#" This can be an attribute of the table tag, the table row tag, or the table data tag and designates the width of a table, row or cell, and can be given in pixels or as a percentage.
background="..." The background attribute within the table, table row, or table data tag designates a background image for the table, row or cell.
bgcolor="..." The background color attribute within the table, table row, or table data tag creates a background color for the table, row, or cell.
nowrap Creates text within a cell with no line breaks. USE WITH CAUTION.
<caption>...</caption> The table caption tag centers selected text above the table.
<th>...</th> The table header tag creates centered bold headers.

Frames

<frameset>...</frameset> The frame set tags are used instead of the body tags, to create a webpage with frames. Frames are created in either rows or columns.
rows="N,*,N" The rows attribute of the frame set tag designates the width of the frames.
cols="N,*,N" The columns attribute of the frame set tag designates the height of the frames.
border="#" The border attribute within the frame set tag determines the width of the border.
bordercolor="..." The border color attribute within the frameset tag sets a color for the frame border.
<frame src="..."> The frame source tag gives the URL for each page to be used in creating the frames.
scrolling="..." The scrolling attribute within the the frame source tag adds or removes scrollbars from the frames. Options: yes, no.
name="..." The name attribute is used within the frame source tag to help create targeted frames.
marginheight="#" The margin height attribute used within the frame source tag determines the size of the margin between frames in rows.
marginwidth="#" The marginwidth attribute used within the frame source tag determines the size of the margin between two frames in columns.
noresize This frame attribute keeps the user from resizing the frame.
<noframes>...</noframes> The no frames tag designates content that will appear if the viewer happens to use an older browser incapable of properly viewing frames.

Forms

<form>…</form> The form tag marks the beginning and end of a form, and has two required attributes.
action="URL" This attribute of the form tag tells the web browser the location of the CGI script used to process the form.
method This attribute of the form tag tells the browser how to process the form information. The method is either get, or post, with post being the most common attribute; "get" sends the information in one long string and will not work with some scripts, while post sends the information in separate packets, and is the most common way to send information.
<textarea>…</textarea> This creates a text area within a form. The text area can be limited with three attributes: rows="#", cols="#" and wrap. The rows attribute determines with height of the text area, the cols attribute determines with width of the text area, and the wrap attribute allows the text within the box the wrap to a new line, instead of creating one long string.
<select>…</select> The select tag creates a dropdown list within a form.
name The name attribute assigns a name to be associated with the element.
size The size attribute defines the number of options displayed.
multiple This option allows more than one option to be selected.
selected The selected attribute simply creates a default choice.
<input> The input tag creates a regulated user input field, and requires the type and name attributes.
type="…" The type attribute tells the browser what type of input is to be used.
text This modifier of the type attribute creates a small text box, and also requires the size attribute.
password This modifier of the type attribute creates a small password text box where the text is hidden by asterisks, and also requires the size attribute.
checkbox This modifier creates a checkbox, and requires a value attribute.
radio The radio modifier creates radio buttons and requires a value attribute.
submit This modifier creates a button to send the form, and requires the value attribute.
reset This modifier creates a button to reset the form, and requires the value attribute.
name="…" The name attribute is simply a title that will be associated with the element.
file The file attribute used with the input tag allows users to upload files to the server and requires the enctype attribute.