Beginning of course
Beginning HTML - reference to common tags and attributes.

This is a quick reference to the most common HTML tags and attributes. It's far from comprehensive, but should be able to help you with most tags. All tags require a closing tag unless otherwise stated.

Element Description Attributes
A Creates a link or anchor.

href - the URL of the link, or javascript function/code. E.g. <a href="http://www.google.com">

  name - sets an 'anchor' within a document. E.g. <a name="top">
B Makes text appear bold E.g. <b>some bold text here</b>
BIG Makes text appear one size bigger. E.g. <big>some big text here</big>
BODY The main content of the page. background - specifies the background image, if any. E.g. <body background="background.gif">
  alink - the color of an active link (one that has just been clicked on) E.g. <body alink="red">
bgcolor - the background color of the page. E.g. <body bgcolor="red">
link - the color of links on the page. E.g. <body link="blue">
text - the color of text on the page. E.g. <body text="green">
vlink - the color of links that have been visited/clicked on. E.g. <body vlink="purple">
BR Forces a line break No end tag. E.g. <br>
CENTER Displays content on the page centered. E.g. <center>This text is centered</center>
DIV Creates a division on the page align - how the contents will align (left, right or center) E.g. <div align"right">
EM Makes text appear emphasised, or in italics. E.g. <em>emphasised text</em>
FONT Controls the font of the text. color - the color of the text, either as in RGB hexadecimal (e.g. FF00FF), or a word. E.g. <font color="red">
  face - the font of the text. E.g. <font face="courier">
size - the size of the text, from 1 to 7 (7 being the largest), or + or - a number. E.g. <font size="2"> or <font size="+2">
FORM Creates a form object action - the URL the forms contents will be sent to when the user submits the form. E.g. <form action="http://www.mysite.com/cgi-bin/emailform.cgi">
  method - the form can be sent/submitted, using either get or post. E.g. <form action="http://www.mysite.com/cgi-bin/emailform.cgi" method="post">
name - the form can be assigned a name for later referencing using Javascript. E.g. <form name="contentForm">
FRAME Creates a frame window. No end tag. bordercolor - the color of the border (if a border exists). Either in RGB code, or as a color. E.g. <frame bordercolor="red">
  frameborder - tells the browser whether or not to display a border. Either yes or no. E.g. <frame frameborder="no">
noresize - include this word if you don't wish the user to be able to resize the frame. E.g. <frame noresize>
scrolling - can be set to either yes or no, depending if you want scrollbars to appear as necessary. E.g. <frame bordercolor="blue" scrolling="no">
src - sets the URL of the file to be loaded into the frame. E.g. <frame src="main.html">
FRAMESET

Creates the layout for a frames page

border - sets the width of the border, in pixels. E.g. <frameset border="2">
  bordercolor - sets the color of the border, either as an RGB code, like #00FF00, or as a color, like 'red'. E.g. <frameset bordercolor="red">
frameborder - allows you to choose if all of the frames in the frameset have a border. You can choose either yes or no. E.g. <frameset frameborder="no">
rows - lets you choose either the size, or relative amounts of the rows set out in a frameset. You can either do this using a specific pixel amount, (e.g. frameset rows="200,400"), a percentage of the page's height (e.g. frameset rows="75%,25%"), or as a percentage and a *, which means the rest of the height. E.g. 'frameset rows="25%,*" ' would give the first frame 25% of the space, and the second frame the remainding space. E.g. <frameset row="200,400". The cols attribute works in the same way, but with columns.
H1; H2; H3; H4; H5; H6; Creates headers - H1 being the largest size and most important. align - sets the alignment of the tags content - center, left or right. E.g. <h1 align="right">
HEAD Specifies the header section of the document. E.g. <head>....</head>
HR Draws a horizontal rule/line. No end tag. align - The alignment of the rule - center, left or right. E.g. <hr align="center">
  color (EXPLORER ONLY) - the color of the rule. E.g. <hr color="blue">
noshade - include this word if you wish the rule to be drawn flat, rather than 3-D. E.g. <hr noshade>
width - the width of the rule, in either pixels, or as a percentage. E.g. <hr width="50%>
size - sets the thickness of the rule in pixels. E.g. <hr size="3">
HTML Defines the start and end of the HTML document. E.g. <html>......</html>
I Makes a section of text italicized. E.g. <i>Some italic text</i>
IMG Inserts an image into the document.No end tag. src - you need this attribute to include the source, or URL of the image. E.g. <img src="logo.gif">
  align - the alignment of the image as it relates to the content around it. The choices are absbottom, absmiddle, baseline, bottom, left, middle, right, texttop and top. E.g. <img src="mylogo.gif" align="right">
alt - The 'alternative' to the image. This is displayed as text in place of the image if the browser can not display the image and often as a 'tooltip' if the mouse is hovered over the image. E.g. <img src="mylogo.gif" alt="This is the logo">
border - the size of the border in pixels. Set this attribute to 0 if you wish to use the image a as a link. E.g. <img src="mylogo.gif" border="0">
height - the height of the image in pixels. E.g. <img src='"mylogo.gif" height="100">
width - the width of the image in pixels. E.g. <img src="mylogo.gif" height="100" width="200"
name - used to identify the image, perhaps with Javascript, to create 'rollover' effects. E.g. <img src="mylogo.gif" width="200" width="100" name="logo">
INPUT Creates an input form object for the user. No end tag. checked - if you're inserting a radio box or checkbox, sets whether or not the object is already ticked, or checked by default. E.g. <input type="checkbox" checked>
  maxlength - if you're using a text input box, you might want to set a maximum amount of characters that the user can enter. E.g. - <input type="text" maxlength="40">
name - you can give the input object a unique name so that you can read or control it with scripting. E.g. <input type="text" name="firstName">
size - use this attribute with the text input box, to set the width (in characters) of the box. This doesn't affect how many characters the user can enter - use maxlength for this instead. E.g. <input type="text" size="25">
type - tells the browser what type of input object you want, the choices being - button, checkbox, file, hidden, image, password, radio, reset, submit and text. E.g. <input type="radio">
value - gives a value to the contents of the input, so that the contents can be dealt with when submitted to the server. E.g. <input type="text" value="name">
LI Creates a list item, within an ordered or unordered list. Ending tag is optional. type - allows you to control how the punctuation of the list item appears. If the list is unordered, you can choose between disc, circle and square. If the list is ordered, you can choose between A (uppercase letters), a (lowercase letters), I (uppercase Roman numerals), i (lowercase Roman numerals), and 1(numbers). E.g. <li type="I">Item
META Inserts 'hidden' information or content into the head section. No end tag. name - the type of information entered. Common ones include description, keywords, author and generator.
  http-equiv - used mainly for refreshing pages.E g. <meta http-equiv="refresh" content="1;http://www.google.com">
content - the value of the contents. E.g. <meta name="keywords" content="HTML, Javascript">
OL Creates an ordered, or numbered list. type - sets the way the list is punctuated. Choose between A (uppercase letters), a (lowercase letters), I (uppercase Roman numerals), i (lowercase Roman numerals), and 1 (numbers). E.g. <ol type="a">....</ol>
OPTION Creates an option within a select drop-down menu. End tag is optionall. selected - makes the option item selected by default (i.e. before the user changes it). E.g. <option value="one" selected>Option one</option>
  value - the value of the option, for submitting to the server or for use with scripting. E.g. <option value="one">Option one</option>
P Makes a paragraph. End tag is optional, but good practice. align - sets the alignment of the paragraph's content. Choices available are center, left and right. E.g. <p align="right">
PRE Creates a section of text which is displayed in a plain monospace font and retains any 'whitespace' or linebreaks. cols - lets you specify the number of characters per line. E.g. <pre cols="40">
S Makes a section of text appear as strike-through. E.g. <s>text to be strike-through here.</s>
SCRIPT Lets you insert scripts into the page. If the script is external the end tag is not needed. language - specifies which scripting language the script is, e.g. Javascript or VBScript. E.g. <script language="Javascript">
  src - if you're linking to an external file, use the src attribute to specify the URL. e.g. <script src="myscript.js">
SELECT Creates a drop-down, or select menu within a form. multiple - include this word if you wish the user to be able to select more than one option. E.g. <select multiple>
  name - a name should be given to the menu so that it can be submitted to the server with the value, or for use with scripting. E.g. <select name="colorSelect">
size - specifies the amount of rows of options that appear. If you give it a value of more than 1, the menu will display as a list box. E.g. <select size="3">
SMALL Makes a section of text appear one font size smaller. E.g. <small>smaller text here.</small>
STRONG Makes a section of text appear stronger, or bold. E.g. <strong>strong text here.</strong>
STYLE Lets you insert CSS style sheets. Used in the head section. media - lets you set the intended output device for the element. The possibilities are - all,aura,braille,handheld,print,projection,screen,tty,tv. This attribute is more geared up towards the future when a variety of devices will be used to access the net. E.g. <style type="text/css" media="print">
  type - the syntax of the style sheet. E.g. <style type="text/css">
SUB Makes a section of text appear subscript. E.g. <sub>subscript text here.</sub>
SUP Makes a section of text appear superscript. E.g. <sup>superscript goes here.</sup>
TABLE Creates a table. align - how the table aligns in relation to the document body, or another table, if nested. Can be center, left or right. E.g. <table align="right">
  background - specifies the URL of a background image, if you want t use one. E.g. <table background="logo.gif">
bgcolor - specifies the background color of the table, either as an RGB code or color. E.g. <table bgcolor="#00FF00">
border - controls the size of the border, in pixels. E.g. <table border="2">.
bordercolor - the color of the table border. E.g. <table bordercolor="red">
cellpadding - lets you control the amount of space between the table cell border and the cell's content. E.g. <table cellpadding="2">
cellspacing - the amount of space between the edges of each cell.
cols - the number of columns in the table. You don't have to specify this but it let's the browser know how to render the page before the table's contents are downloaded. E.g. <table cols="5">
height - the height of the table, either in pixels or as a percentage of the body. E.g. <table height="50%>
width - the width of the table, either in pixels or as a percentage of the body. E.g. <table width="200">
TD Inserts a table cell. align - the alignment of the cell's content. Choice of left, right and center. E.g. <table align="left">
  background - lets you specify the URL of background image, if you want one. E.g. <td background="background.gif">
bgcolor - lets you choose the background color of the cell, either as an RBG code or color. E.g. <td bgcolor="red">
bordercolor - sets the color of the cell's border. Either an RGB code or color. E.g. <td bordercolor="blue">
colspan - the number of columns the cell is to span, if more than one. E.g. <td colspan="2">
height - the height of the cell, either in pixels or as a percentage. E.g. <td height="200">
rowspan - the number of rows that the cell spans, if more than one. E.g. <td rowspan="5">
valign - the vertical alignment of the cell's contents. Either bottom, middle or top. E.g. <td valign="top">
width - the width of the table cell either in pixels or as a percentage. E.g. <td width="50%">
TEXTAREA Creates a multilinetext input within a form. cols - the width. This is measured in the number of characters, rather than pixels. E.g. <textarea cols="30">
  rows - the height. This is measured in terms of the number of rows, rather than pixels. E.g. <textarea rows="5">
TITLE Sets the title of the page, that is displayed in the title bar of the browser. Belongs in the head section. E.g. - <title>My page</title>
TR Creates a table row within a table. align - the alignment of the contents - either center, left or right. E.g. <tr align="left">
 

bgcolor - the background color of the table row, either as an RGB code or a color, e.g. <tr bgcolor="green">

bordercolor - the color of the border, again as either an RGB color code or a word to describe the color, e.g. <tr bordercolor="#00FFFF">
valign - the vertical alignment of the contents, can be top, middle or bottom. E.g. <tr valign="top">
U Makes a section of text underlined. E.g. <u>some underlined text here.</u>
UL Creates an unordered list. type - can be either disc (solid circle) or circle (empty circle). E.g. <ul type="circle">