 |
 |
          | |
This is a list of the most commonly used HTML tags that there are and what they do. If you have any suggestions or if I left something out that you feel I should mention, let me know.
Basic Tags and Structure
Text Tags
<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. :)
home - tips - tutorials - articles - free images - link back - contact - misc. - offers - advertising © 1997-98 APEX Studio, Co.
LinkExchange Member