HTML
Tags
This is a list of the most commonly
used HTML tags that there are and what they do.
Basic Tags
and Structure
<B></B>
- Makes the text bold
<i></i> - Makes the text italic
<tt></tt> - Makes the text look typewriter-ish
<strong></strong> - Emphasizes the text
<font size=?></font> - Adjusts the size of the font,
1-7 smallest to largest.
<font color=?></font> - Changes the color of the text,
color name or hex value.
<pre></pre> - Creates preformatted text.
Images &
rulers
<IMG SRC="imagename">
- Inserts an image
<IMG SRC="imagename" ALIGN=?> - Aligns the image,
left, center, right, top, bottom, middle.
<IMG SRC="imagename" BORDER=?> - Sets with of border
around image, 0 for none.
<HR> - Inserts a horizontal ruler.
<HR SIZE=?> - Sets height of ruler.
<HR WIDTH=?> - Sets length of ruler by exact value or percentage.
<HR noshade> - Makes the ruler have no shadow.
Links
<A HREF="URL"></A>
- Creates a link.
<A NAME="#name"></A> - Creates a target location
within a page.
<A HREF="name"></A> - Links to a target location
within the page.
<A HREF="mailto:EMAIL_ADDRESS"></A> - Creates
a mail to link.
Tables
<TABLE></TABLE>
- Creates a table.
<TH></TH> - Creates table headers (optional).
<TR></TR> - Creates a new table row.
<TD></TD> - Creates a new cell in a row.
<table WIDTH=?>
- Sets width of table in exact pixel value or percentage of page.
<table BORDER=#> - Sets width of border around table cells.
<table CELLSPACING=#> - Sets the amount of space between cells.
<table CELLPADDING=#> - Sets the amount of space from cell
border and contents.
<tr ALIGN=?>
or <td ALIGN=?> - Sets alignment for cell or row (left, center,
right).
<tr VALIGN=?> or <td VALIGN=?> - Sets alignment
for cell or row (top, middle, bottom).
<td COLSPAN=#>
- Sets the number of columns a cell should span (1 is default).
<td ROWSPAN=#> - Sets the number of rows a cell should span
(1 is default).
Forms
Note that this is just for the appearance of a form, for it to work you'll need to run a cgi script or some other program such as cold fusion.
<FORM></FORM>
- Creates the form.
<SELECT NAME="name"></SELECT> - Creates a
pull down option menu.
<OPTION> - Sets off an option for the pull down menu (before
the </select>)
<TEXTAREA NAME="name" COLS=# ROWS=#></TEXTAREA> - Creates a text box area, cols set the width, rows set the height.
<INPUT TYPE="text" SIZE=# NAME="name"> - Creates a one line text field, Size number determines the length in pixels.
<INPUT TYPE="radio" NAME="name" VALUE="what"> - Creates a radio button. Text goes after the tag for it's value. To make a radio checked by default, put "checked" at the end of its tag.
<INPUT TYPE="checkbox" NAME="name" VALUE="what"> - Creates a radio button. Text goes after the tag for it's value, in the tag, value is usually the same.
<INPUT TYPE="image" BORDER=0 NAME="submit" SRC="imagename.gif"></FORM> - Uses an image for the submit button.
<INPUT TYPE="submit"
VALUE="name"> - Creates a Submit button.
<INPUT TYPE="reset" VALUE="name"> - Creates
a Reset button.
Frames
Frames are tricky and I'm
too tired to explain them right now.... I'll add them soon.
Other
<P> - Creates
a new paragraph.
<BR> - Line Break.
<ul></ul> - Creates a bulleted list.
<ol></ol> - Creates a numbered list.
<li></li> - Before each item of a list (inserts bullet).
*Note that tags are NOT case sensitive.
You can also learning a lot by looking at other site's page source, just
don't copy it directly. :)