Free Java! Track Links! Vote Now! HTML Help! Free Clipart! Free Fonts! The Net3Media Network Free Sounds! Web Freebies! Fun Riddles! One-Liners! JOKES! Get Funky! History Files! Funny Pictures! Rebus Puzzles! Get Laughs! Fun Riddles!


HTML Tag Quick Reference Page

Once you have all the HTML basic's figured out you can use this page as an excellent resource when you need a quick refresher on a tag!

Please Note: This page contains most of the Tags in use today. It does not contain Tags which are considered to be 'dead' or tags which have been replaced by newer tags.

Choose A Tag

Anchor
Background Sound
Base
Base Font
Blink
Block Quote
Body
Bold
Caption
Center
Code
Comment
Definition
Division
Embed
Emphasized
Font
Form
Form Check Box
Form Input Hidden
Form Input Image
Form Input Password
Form Input Radio Button
Form Input Reset
Form Input Submit
Form Input Text
Form Select
Form Textarea
Frame
Frame Set
Head
Heading
Horizontal Rule
HTML
Image
Italics
Java Applet
Line Break
List
Map
Marquee
Meta
Multi-Column Text
No Frames
Ordered List
Paragraph
Parameters
Pre-formatted Text
Script
Table
Table Body
Table Column
Table Column Group
Table Data
Table Footer
Table Head
Table Header
Table Row
Title
Unordered List

Anchor <A> </A>

The Anchor Tag allows you to create links between two separate pages or to specific areas on a single web page.

Attributes:

  • HREF= Hypertext Reference. This attribute must be used to create a link
    e.g: <A HREF="http://www.server.com">link text</A>

  • NAME= Use this to provide an Anchor Name
    e.g: <A NAME="anchorname">topic name</A>
    Link to the Anchor Name like this:
    e.g: <A HREF="#anchorname">link text</A>

  • TARGET= allows you to specify a Frame or New Window to open a page in. The Target attribute has several values of it's own:

    • "_blank" Will cause the link to be loaded into a new blank window
    • "_top" Will cause the link to be loaded into the full body of the current window
    • "_parent" Will cause the link to be loaded into the parent of the document
    • "_self" Will cause the link to be loaded into the same window the link was in
      e.g: <A HREF="http://www.server.com" TARGET="_blank">link text</A>

    • "framename" Will let you specify which frame to load a document into
      e.g: <A HREF="http://www.server.com" TARGET="textframe">link text</A>
To Top Of Page

Background Sound <BGSOUND>

The Background Sound Tag allows you to specify .wav, .au or .mid sound files to play on your web page.

Attributes:

  • SRC= allows you to specify the filename of the sound file
    e.g: <BGSOUND SRC="example.wav:>

  • LOOP= allows you to specify how many times you want the sound file to play
    e.g: <BGSOUND LOOP="5">
To Top Of Page

Base <BASE>

The Base Tag, which is valid only in the <HEAD> section, defines the base address of an HTML document, which is used to determine the full address of relative URL's that appear in the document. The typical use for this is to move an HTML document to another site without moving all the images and related documents with it: the base URL can be set to the directory where those images and documents remain. The "default target" will become the target for all links unless specified explicitly otherwise.

Attributes:

  • HREF= allows you to define the base address to link a document to.
    e.g: <BASE HREF="base address">

  • TARGET= allows you to define the default target .
    e.g: <BASE TARGET="default target">

    The Target attribute has several values of it's own:

    • "_blank" Will cause the link to be loaded into a new blank window
    • "_top" Will cause the link to be loaded into the full body of the current window
    • "_parent" Will cause the link to be loaded into the parent of the document
    • "_self" Will cause the link to be loaded into the same window the link was in
      e.g: <BASE HREF="http://www.server.com" TARGET="_blank">
To Top Of Page

Base Font <BASEFONT>

The Base Font Tag allows you to set the font size that relative font size changes are built on. If you use this tag to set a base size of 2 on your page then you can use the relative font size of +1 to set a font size of 3, for example. Valid font sizes are 1 - 7.

Here is the Base Font tag.
<BASEFONT="2">

Now you can use the +# values in a font tag to specify font sizes throughout a document:
e.g: <FONT SIZE="+1">text here</FONT>

To Top Of Page

Blink <BLINK> </BLINK>

The Blink Tag allows you to have portions of text blink on and off. This is widely frowned upon and discouraged by most web page designers. People tend to find the blinking annoying.

Using the Blink Tag:
e.g: <BLINK>text to have blinking here</BLINK>

To Top Of Page

Block Quote <BLOCKQUOTE> </BLOCKQUOTE>

The Block Quote Tag defines text that is quoted from elsewhere. Many browsers (including Netscape) display it in an indented block surrounded by blank lines

Attributes:

  • CLEAR = allows you to position a quote after a graphic. Possible values are: LEFT, RIGHT, or ALL and specifies which margin should be clear.
    e.g: <BLOCKQUOTE CLEAR="left">

  • NOWRAP allows you to specify that text will not wrap within the tag.
    e.g: <BLOCKQUOTE NOWRAP>
To Top Of Page

Body <BODY> </BODY>

The Body Tag defines the body of the document. It should appear after the head section and occupy the remainder of the document.

Attributes:

  • ALINK= allows you to define the color your links will turn as you click on them.
    e.g: <BODY ALINK="#rrggbb">

  • BACKGROUND= allows you to specify an image to use as the background for your web page. Enter the filename or the full URL to the image.
    e.g: <BODY BACKGROUND="image.gif">

  • BGCOLOR= allows you to define the background color of your web page if you choose not to use a background image.
    e.g: <BODY BGCOLOR="#rrggbb">

  • BGPROPERTIES="FIXED" allows you to display a static background image with text that flows over the image. (IE Only)
    e.g: <BODY BGPROPERTIES="fixed">

  • LEFTMARGIN= allows you to set the default left margin size.
    e.g: <BODY LEFTMARGIN="1">

  • LINK= allows you to define the default colkor all your links will appear before they are clicked.
    e.g: <BODY LINK="#rrggbb">

  • TEXT= allows you to define the default color for all text appearing on your page.
    e.g: <BODY TEXT="#rrggbb">

  • TOPMARGIN= allows you to set the default top margin size.
    e.g: <BODY TOPMARGIN="1">

  • VLINK= allows you to define the color that your visited links will appear in after they have been clicked.
    e.g: <BODY VLINK="#rrggbb">
To Top Of Page

Bold <B> </B>

The Bold Tag allows you add boldface formatting to text.
e.g: <B> text you wish to appear bold here </B>
To Top Of Page

Caption <CAPTION> </CAPTION>

The Caption Tag works inside a table tag and lets you specify a caption for your table.

Attributes:

  • ALIGN= allows you to specify the Horizontal alignment of the caption. Possible values are: LEFT, RIGHT and CENTER.
    e.g: <CAPTION ALIGN="center">

  • VALIGN= allows you to define the Vertical alignment of the caption within a table. Possible values are: TOP and BOTTOM
    e.g: <CAPTION VALIGN="bottom">
To Top Of Page

Center <CENTER> </CENTER>

The Center Tag allows you to center page elements on the page.
e.g: <CENTER> text and images to be centered here </CENTER>
To Top Of Page

Code <CODE> </CODE>

The code tag defines text that should be shown in a fixed width font. It can be nested with other tags but some browsers will see only the innermost tag.
e.g: <CODE> text to show here </CODE>
To Top Of Page

Comment <!-- -->

The Comment Tag allows you to add comments to your source code that is NOT visible on the page. This is handy if you have a complicated set of coding and need to keep notes within the code.

Using the Comment Tag:
e.g: <!-- put your comment here -->

To Top Of Page

Definition <DFN> </DFN>

The definition tag defines text that defines a term -- many browsers will display it in italics, though others will ignore it.
e.g: <DFN> definition here </DFN>
To Top Of Page

Division <DIV> </DIV>

The Division Tag is used to divide a document up into different sections, such as chapters, sections, abstract, and appendix.

Attributes:

  • ALIGN= allows you to specify the horizontal alignment of the tag. Posibble values are: LEFT, RIGHT and CENTER.
    e.g: <DIV ALIGN="center">

  • CLASS= allows you to specify which section is which.
    e.g: <DIV CLASS="class here">

  • LANG= indicates the ISO standard language. Enter the standard abbreviation to indicate the language of the element.
    e.g: <DIV LANG="iso">

  • NOWRAP allows you to specify that text will not wrap within the space defined by the tag.
    e.g: <DIV NOWRAP>
To Top Of Page

Embed <EMBED> </EMBED>

The Embed Tag allows you to embed objects such as sound files into your web page.

Attributes:

  • AUTOSTART= allows you to tell the browser to play a sound automatically by entering "TRUE" as the Value. The sound will NOT start automatically if you enter "FALSE" as the Value.
    e.g: <EMBED AUTOSTART="true">

  • HEIGHT= This specifies the height of the object, according to the UNITS attribute.
    e.g: <EMBED HEIGHT="10">

  • LOOP= In Netscape, you can tell the browser to play the sound over and over in an endless Loop by entering "TRUE" as the Value. You can tell the browser to play the sound ONCE by entering "FALSE" as the Value. Internet Explorer does not recognize this attribute. Use PLAYCOUNT= as shown below for IE.
    e.g: <EMBED LOOP="true">

  • NAME= This indicates the name used by other objects or elements to refer to this object. e.g: <EMBED NAME="name here">

  • PALETTE="#RRGGBB|#RRGGBB" Sets the foreground or background color. The first colour is the foreground.
    e.g: <EMBED PALETTE="#FFFFFF|#000000"> would set white text on a black background

  • PLAYCOUNT= Entering a number ("2" or "5" etc.) will tell Internet Explorer how many times to play the sound. Netscape does not recognize this attribute.
    e.g: <EMBED PLAYCOUNT="5">

  • SRC= allows you to specify the URL or filename of the object
    e.g: <EMBED SRC="http://www.server.com/example.mid">

  • UNITS= Here units is one of pixels, meaning the width and height are measured in pixels, or en, meaning the width and height are measured in en spaces.
    e.g: <EMBED UNITS="pixels">

  • WIDTH= This specifies the width of the object, according to the UNITS attribute.
    e.g: <EMBED WIDTH="10">
To Top Of Page

Emphasized <EM> </EM>

The emphasized tag defines text that should be emphasized -- most browsers will display it in italics.
e.g: <EM> text to be emphasized here </EM>
To Top Of Page

Font <FONT> </FONT>

The Font Tag allows you to format text on your web page.

Attributes:

  • COLOR= allows you to specify the color you wish a particular block of text to appear in.
    e.g: <FONT COLOR="#rrggbb">

  • FACE= allows you to define the font you wish your text to appear in. This will only work if the desired font is installed in the visitor's system.
    e.g: <FONT FACE="arial,verdana">

  • SIZE= allows you to define the displayed size of a block of text. Possible values are: -1, -2, -3, +1, +2, +3, 1, 2, 3, 4, 5, 6, 7.
    e.g: <FONT SIZE="3">
To Top Of Page

Form <FORM> </FORM>

The Form Tag allows you to set up an online form that visitors can fill out and send you information. The information is sent to you in email, usually, or can be used to add data to an online database, and so forth.

Attributes:

  • ACTION= allows you to specify the action that your form will do. This is usually the URL to a script which will then handle the information visitors enter into your form.
    e.g:<FORM ACTION="http://www.server.com/script.pl">

  • METHOD= allows you to tell the form whether you want to GET or POST data. GET specifies that you want to pull information from a server database. POST specifies that you want to send information to a server database. (most online forms use the POST value)
    e.g: <FORM METHOD="POST" or "GET">

Forms use several different INPUT tags to specify the type of information you want, and the way it is displayed:
To Top Of Page

Form Check Box <INPUT TYPE="CHECKBOX">

The Check Box allows you to place a small box in your form that can be checked on or off. Check Boxes allow you to specify several possible answers to a question.

Attributes:

  • ALIGN= allows you to specify the position of the field. Possible values are: TOP, BOTTOM, MIDDLE, LEFT or RIGHT.
    e.g: <INPUT TYPE="CHECKBOX" ALIGN="bottom">

  • CHECKED allows you to specify a box or boxes which are pre-checked by default.
    e.g: <INPUT TYPE="CHECKBOX" CHECKED>

  • DISABLED allows you to display a field but the visitor will not be allowed to enter information into the field.
    e.g: <INPUT TYPE="CHECKBOX" DISABLED>

  • ERROR= allows you to specify an error message for each individual field.
    e.g: <INPUT TYPE="CHECKBOX" ERROR="Enter two characters for your state only">

  • NAME= allows you to specify the name of the form.
    e.g: <INPUT TYPE="CHECKBOX" NAME="my form">

  • VALUE= allows you to specify which value is returned if the box is checked.
    e.g <INPUT TYPE="CHECKBOX" VALUE="Yes">

To Top Of Page

Form Input Hidden <INPUT TYPE="HIDDEN">

The Hidden Type Input Tag specifies a hard coded name-value pair within the form. This field is not displayed to the user. Both NAME and VALUE are required attributes.
e.g: <INPUT TYPE="Hidden" NAME="name here" VALUE="value here">
To Top Of Page

Form Input Image <INPUT TYPE="IMAGE">

The Input Image Tag allows you to specify and image that your visitor can use to click on to submit the information in the form to you.

Attributes:

  • ALIGN= allows you to align images and text in the same manner as you would with the <IMG> Tag. Possible values are: TOP, BOTTOM, MIDDLE, LEFT or RIGHT
    e.g: <INPUT TYPE="IMAGE" ALIGN="bottom">

  • NAME= allows you to specify a form name.
    e.g: <INPUT TYPE="IMAGE" NAME="name here">

  • SRC= allows you to define the full URL to an image you wish to display or specify an image filename.
    e.g: <INPUT TYPE="IMAGE" SRC="mypicture.gif">
To Top Of Page

Form Input Password <INPUT TYPE="PASSWORD">

The Input Password Tag specifies an entry field that you can use to have visitors enter a password in order for the form to be submitted. The password will be obscured as it is entered (usually by replacing the characters with asterisks) The NAME attribute is required in this tag.

Attributes:

  • ALIGN= allows you to align your entry field. Possible values are: TOP, BOTTOM, MIDDLE, LEFT or RIGHT
    e.g: <INPUT TYPE="PASSWORD" ALIGN="bottom">

  • DISABLED allows you to display a field but the visitor will not be allowed to enter information into the field.
    e.g: <INPUT TYPE="PASSWORD" DISABLED>

  • ERROR= allows you to specify an error message for this field.
    e.g: <INPUT TYPE="PASSWORD" ERROR="no less than 4 characters">

  • MAXLENGTH= allows you to specify the maximum number of characters that can be entered into this field. If you do not specify a value here there will be no limit to the number of characters visitors can enter.
    e.g: <INPUT TYPE="PASSWORD" MAXLENGTH="80">

  • NAME= allows you to specify the name of the form. You must have this attribute set in the password input tag.
    e.g: <INPUT TYPE="PASSWORD" NAME="name here">

  • SIZE= allows you to specify how wide the entry field is displayed in the visitors browser. The default entry field size varies from browser to browser.
    e.g: <INPUT TYPE="PASSWORD" SIZE="20">
To Top Of Page

Form Input Radio Button <INPUT TYPE="RADIO">

The Radio Button allows you to ask visitors to choose ONE option of several. You cannot select more than one radio button. Use the Check Box if you have more than one possible option for visitors to choose.

Attributes:

  • ALIGN= allows you to align your button. Possible values are: TOP, BOTTOM, MIDDLE, LEFT or RIGHT
    e.g: <INPUT TYPE="RADIO" ALIGN="bottom">

  • CHECKED allows you to set a radio button as a pre-selected default choice. Only one button should ever have this option
    e.g: <INPUT TYPE="RADIO" CHECKED>

  • DISABLED allows you to display a field but the visitor will not be allowed to enter information into the field.
    e.g: <INPUT TYPE="RADIO" DISABLED>

  • ERROR= allows you to specify an error message for this field.
    e.g: <INPUT TYPE="RADIO" ERROR="error message here">

  • NAME= allows you to specify the name of the form and is required for the radio button to work properly.
    e.g: <INPUT TYPE="RADIO" NAME="name here">

  • VALUE= allows you to specify what the value for the radio button is.
    e.g: <INPUT TYPE="RADIO" VALUE="Yes">
To Top Of Page

Form Input Reset <INPUT TYPE="RESET">

The Input Reset Tag allows you to create a button in your form that visitors can use to click on and clear all the fields in that particular form.
e.g: <INPUT TYPE="RESET">
To Top Of Page

Form Input Submit <INPUT TYPE="SUBMIT:>

The Input Submit tag allows you to create button in your form that visitors can use to click on and submit the form information to you.

Attributes:

  • ALIGN= allows you to align your button. Possible values are: TOP, BOTTOM, MIDDLE, LEFT or RIGHT
    e.g: <INPUT TYPE="SUBMIT" ALIGN="bottom">

  • DISABLED allows you to display a field but the visitor will not be allowed to enter information into the field.
    e.g: <INPUT TYPE="SUBMIT" DISABLED>

  • ERROR= allows you to specify an error message for this field.
    e.g: <INPUT TYPE="SUBMIT" ERROR="error message here">

  • NAME= allows you to specify a name for the form.
    e.g: <INPUT TYPE="SUBMIT" NAME="name here">

  • VALUE= allows to specify the text that appears on the button that is created.
    e.g: <INPUT TYPE="SUBMIT" VALUE="Submit Your Info Now">
To Top Of Page

Form Input Text <INPUT TYPE="TEXT">

The text type input tag specifies a single line text entry field within the form that contains it. The NAME attribute is a required field and is used to identify the data for the field.

Attributes:

  • ALIGN= allows you to align your button. Possible values are: TOP, BOTTOM, MIDDLE, LEFT or RIGHT
    e.g: <INPUT TYPE="TEXT" ALIGN="bottom">

  • DISABLED allows you to display a field but the visitor will not be allowed to enter information into the field.
    e.g: <INPUT TYPE="TEXT" DISABLED>

  • ERROR= allows you to specify an error message for this field.
    e.g: <INPUT TYPE="TEXT" ERROR="error message here">

  • NAME= aloows you to specify a name for the form.
    e.g: <INPUT TYPE="TEXT" NAME="name here">

  • MAXLENGTH= allows you to specify the maximum number of characters a visitor can enter into the field. If you do not set this value there will be no limit to the amount of characters a visitor can enter.
    e.g: <INPUT TYPE="TEXT" MAXLENGTH="80">

  • SIZE= allows you to set the width of the field that is displayed to the visitor.
    e.g: <INPUT TYPE="TEXT" SIZE="20">

  • VALUE= allows you to specify the value associated with this field.
    e. g: <INPUT TYPE="TEXT" VALUE="value here">
To Top Of Page

Form Select <SELECT> </SELECT>

The Form Select Tags allows you to create drop-down boxes with different options listed. This tag works in conjunction with the <OPTION> Tag to define the individual choices you want in the drop down box.

Attributes:

  • ALIGN= allows you to align your button. Possible values are: TOP, BOTTOM, MIDDLE, LEFT or RIGHT
    e.g: <SELECT ALIGN="bottom">

  • DISABLED allows you to display an option field but the visitor will not be allowed to select it.
    e.g: <SELECT DISABLED>

  • ERROR= allows you to specify an error message for this field.
    e.g: <SELECT ERROR="error message here">

  • MULTIPLE allows you to specify that a visitor can choose multiple options.
    e.g: <SELECT NAME="name here" MULTIPLE>

  • NAME= allows you to specify a name for the field.
    e.g: <SELECT NAME="name here">

  • SELECTED allows you to specify which option item will be displayed to the visitor as the default choice.
    e.g:
    <SELECT>
    <OPTION SELECTED>Item 1
    <OPTION> Item 2
    </SELECT>

  • SIZE= allows you to specify how many lines of options will be displayed. Default is 1.
    e.g: <SELECT SIZE="5">

Here is how the <SELECT> Tag works with the <OPTION> Tag:

<SELECT>
<OPTION> Item 1
<OPTION> Item 2
<OPTION> Item 3
<OPTION> Item 4
<OPTION> Item 5
</SELECT>

To Top Of Page

Form Textarea <TEXTAREA></TEXTAREA>

The Textarea Tag allows you to define a multiple line text entry field that visitors can type large amounts of information into.

Attributes:

  • ALIGN= allows you to align your text area box. Possible values are: TOP, BOTTOM, MIDDLE, LEFT or RIGHT
    e.g: <TEXTAREA ALIGN="bottom">

  • COLS= allows you to specify the width in characters of the text area
    e.g: <TEXTAREA COLS="40">

  • DISABLED allows you to display an option field but the visitor will not be allowed to select it.
    e.g: <TEXTAREA DISABLED>

  • ERROR= allows you to specify an error message for this field.
    e.g: <TEXTAREA ERROR="error message here">

  • ROWS= allows you to specify the number of lines the text area contains.
    e.g: <TEXTAREA ROWS="4">

  • WRAP= allows you to define how the words that the visitors enter will be wrapped in the box, or let you disable wrapping altogether. Possible Values are: OFF, SOFT, HARD, PHYSICAL and VIRTUAL.
    e.g: <TEXTAREA WRAP="virtual">
To Top Of Page

Frame <FRAME>

The Frame Tag is entered inside the <FRAMESET> Tag and allows you to define your individual frame information.

Attributes:

  • ALIGN= allows you to specify the alignment of objects in a frame. Possible values are: LEFT, RIGHT, TOP, TEXTTOP, MIDDLE, ABSMIDDLE, BASELINE, BOTTOM, or ABSBOTTOM.
    e.g: <FRAME ALIGN="absbottom">

  • FRAMEBORDER= allows you to specify with a value of YES or NO if a border should be displayed around a frame.
    e.g: <FRAME FRAMEBORDER="Yes">

  • FRAMESPACING= allows you to specify the number of pixels displayed between each frame.
    e.g: <FRAME FRAMESPACING="5">

  • MARGINHEIGHT= allows you to specify the top and bottom margin height in pixels.
    e.g: <FRAME MARGINHEIGHT="5">

  • MARGINWIDTH= allows you to specify the width of the left and right margin in pixels.
    e.g: <FRAME MARGINWIDTH="5">

  • NAME= allows you to define a specific name for the frame. Use the TARGET attribute in your link code with this name to open a link in this frame.
    e.g: <FRAME NAME="text.html">

  • NORESIZE allows you to decide if a visitor can resize the frame with their mouse.
    e.g: <FRAME NORESIZE>

  • SCROLLING= allows you specify if a frame will display a scrollbar with a value of YES, NO or AUTO. (AUTO is the default setting)
    e.g: <FRAME SCROLLING="Yes">

  • SRC= allows you to define a webpage to be loaded into the frame.
    e.g: <FRAME SRC="page.html">
To Top Of Page

Frame Set <FRAMESET> </FRAMESET>

The Frame Set Tag allows you to split the displayed browser screen into several smaller windows. Each window can contain a separate web page. You define the behaviour of each smaller window using the <FRAME> tag.

Attributes:

  • ROWS= allows you to specify how many and what dimensions the rows in your frames should be. Enter the height size , in pixels, of each row.
    e.g: <FRAMESET ROWS="25,25,400"

    In the example above you would have three rows. The first is 25 pixels high, the second is also 25 pixels and the final row is 400 pixels high. You can also use the percentage method to specify row size. Your percentages should always add up to 100%.
    e.g: <FRAMESET ROWS="20%,20%,60%">

    Finally, you can use the 'wildcard' method to specify row size with an asterisk (*) used to define 'the rest of the page'.
    e.g: <FRAMESET ROWS="100,100,*">

    In this example the first row is 100 pixels high, the second is 100 pixels high and the last row indicated by the asterisk takes up 'the rest of the page'.

  • COLS= allows you to specify how many columns your frames should contain the same way you set up your rows.
    e.g: <FRAMESET COLS="25,25,400">

    Setting your columns works exactly the same as setting up your rows. You can define percentages, pixel widths or the wildcard system to define the dimensions of your columns.

To Top Of Page

Head <HEAD> </HEAD>

The Head Tag allows you to place elements on your page that are not displayed such as the Title and various Meta Tag entries and Script Tags.
e.g: <HEAD> other page elements here </HEAD>
To Top Of Page

Heading <H#> </H#>

The Heading Tag allows you to define the size of a block of text and Bold it in one step. Possible values are H1, H2, H3, H4, H5, H6, H7. H1 is the largest and H7 is the smallest.
e.g: <H1> header text here </H1>
To Top Of Page

Horizontal Rule <HR>

The Horizontal Rule Tag is a one-sided tag which allows you to place a Horizontal Line on your page.

Attributes:

  • ALIGN= allows you to specify the horizontal alignment of the line on your page. Possible values are: LEFT, RIGHT and CENTER.
    e.g: <HR ALIGN="center">

  • COLOR= allows you to specify the color of the horizontal line.
    e.g: <HR COLOR="#rrggbb">

  • NOSHADE allows you to turn off the shading that give the defualt Horizontal Rule it's three dimensional appearance.
    e.g: <HR NOSHADE>

  • SIZE= allows you to specify the height, in pixels, of the horizontal line.
    e.g: <HR SIZE="5">

  • SRC= allows you to specify an image to be used as your horizontal line.
    e.g: <HR SRC="image.gif">

  • WIDTH= allows you to define how wide the horizontal line should appear on your page. You can use a percentage of the page ("50%") or the exact number of pixels ("200").
    e.g: <HR WIDTH="50%" or "200">
To Top Of Page

HTML <HTML> </HTML>

The HTML tag defines an HTML document. The <HTML> tag should be the first in the entire document, and the </HTML> tag should be the last.
e.g: <HTML> rest of the document here </HTML>
To Top Of Page

Image <IMG>

The Image Tag allows you to embed images and image objects, such as .avi files, into your web page. This is a one-sided tag and does not require a closing tag. Please note: The <IMG> Tag requires you always use the SRC= attribute.

Attributes:

  • ALIGN= this allows you to specify how the text next to the image should be aligned in relation to the image. Possible values for this attribute are LEFT, RIGHT, TOP, TEXTTOP, MIDDLE, ABSMIDDLE, BASELINE, BOTTOM, or ABSBOTTOM.
    e.g: <IMG ALIGN="bottom">

  • ALT= allows you to provide text which will be displayed in browsers that do not display images. The visitor will see the text appear when they pass their mouse over the space where the image should be. The text will also display in browsers able to display images and this can be used to provide more detail about the image or the image function.
    e.g: <IMG ALT="text you wish to display here">

  • BORDER= allows you to set the width of the border in the number of pixels. Using a border value of 0 will remove the border around the image.
    e.g: <IMG BORDER="0">

  • CONTROLS allows you to insert display controls when you are embedding an AVI file in your web page.
    e.g: <IMG CONTROLS>

  • DYNSRC= Specifies an AVI resource to be played, or a VRML world. Always include a still image as well with the SRC attribute, for use by browsers that do not display inline video or VRML.
    e.g: <IMG DYNSRC="example.avi">

  • HEIGHT= This specifies the height of the image, according to the UNITS attribute.
    e.g: <IMG HEIGHT="250">

  • HSPACE= allows you to specify the amount of Horizontal space, in pixels, on each side of the image.
    e.g: <IMG HSPACE="5">

  • ISMAP= allows you to specify the URL of a server side image map.
    e.g: <IMG ISMAP="http://www.server.com/imagemap.gif">

  • LOOP= allows you to specify how many times your image resource (AVI files, etc) will play.
    e.g: <IMG LOOP="5">

    Using the value "INFINITE" will cause the file to played over and over endlessly as long as the visitor has the page open in their browser.
    e.g: <IMG LOOP="infinite">

  • LOWSRC= allows you to specify that a secondary image be loaded while the original, or primary, image is loading. This is useful when you are using image files that have very large filesizes. You can preview a smaller less graphically intense image while the visitor waits for the original image to load.
    e.g: <IMG LOWSRC="example.gif">

  • SRC= allows you to define a static image file you wish to display on your page. You can enter the URL to the file, or just the filename.
    e.g: <IMG SRC="example.gif">

  • START= The START attribute specifies when the browser should start to play the resource specified with the DYNSRC attribute. START=FILEOPEN instructs the browser to play the resource only when the file is opened. START=MOUSEOVER instructs the browser to play the resource each time the user moves the mouse cursor over it. START=FILEOPEN,MOUSEOVER does both.
    e.g: <IMG START="fileopen">

  • UNITS= allows you to define the Units used by some of the attributes in this tag. You can use PIXELS or EN (to indicate En spaces)
    e.g: <IMG UNITS="pixels">

  • VSPACE= allows you to specify the amount of Vertical space, in pixels, above and below the image.
    e.g: <IMG VSPACE="5">

  • WIDTH= allows you to specify the width of the image, according to the UNITS attribute.
    e.g: <IMG WIDTH="250">
To Top Of Page

Italics <I> </I>

The Italic Tag allows you add italic formatting to text.
e.g: <I> text you wish to appear bold here </I>
To Top Of Page

Java Applet <APPLET> </APPLET>

The Java Applet Tag allows you to embed Java Applets on your page for visitors to see or use. Java Applets consist of one or more .class files, and you can usually set some or all of the applet's parameters for use on your site.

Attributes:

  • ALIGN= allows you to set the alignment of the applet, as it will appear on your page. Possible values are: LEFT, RIGHT, TOP, MIDDLE, or BOTTOM.
    e.g: <APPLET ALIGN="bottom">

  • ALT= allows you to define a message to be displayed for browsers that do not support applets.
    e.g: <APPLET ALT="Sorry your browser does not support JAVA">

  • CODE= allows you to specify what the URL of the applet is that you wish to run.
    e.g: <APPLET CODE="http://www.server.com/example.class">

  • DOWNLOAD= allows you to specify the order in which various elements of the applet are downloaded.
    e.g: <APPLET DOWNLOAD="1">

  • HEIGHT= allow you to define the height of the applet diplay area in pixels.
    e.g: <APPLET HEIGHT="200">

  • HSPACE= allows you to specify how much Horizontal space should be left to the left and right of the applet display area.
    e.g: <APPLET HSPACE="5">

  • VSPACE= allows you to specify how much Vertical space should be left above and below the applet display area.
    e.g: <APPLET VSPACE="5">

  • WIDTH= allows you to define the width of the applet display area in pixels.
    e.g: <APPLET WIDTH="200">

To Top Of Page

Line Break <BR>

The Line Break Tag tells a line of text to stop displaying on the current line and drops the cursor to the beginning of the next line.
e.g: text on one line <BR> text on the next line
To Top Of Page

List <LI>

The List Tag let you define List items to be added to an Ordered List or Unordered list. It no longer requires a closing tag.

Attributes

  • TYPE= allows you to specify how specific 'bullets' or 'numbers' will appear on the list. Possible values are SQUARE, DISC, CIRCLE for Unordered Lists, and A, a, I, i, 1 for Ordered Lists as shown below:

      Unordered List
    • TYPE="circle"
    • TYPE="square"
    • TYPE="disc"

      Ordered List
    • TYPE="A" (Upper Case Letters... ie, A,B,C etc.)
    • TYPE="a" (lower case letters... ie, a,b,c etc.)
    • TYPE="I" (Upper Case Roman Numerals... ie,II,III,IV etc.)
    • TYPE="i" (lower case roman numerals... ie,ii,iii,iv etc.)
    • TYPE="1" (Standard numbers... ie, 1,2,3 etc.)

      e.g: <LI> 1 cup of sugar

To Top Of Page

Map <MAP> </MAP>

The Map Tag defines a client side image map. It gives a name to a collection of AREA tags that are superimposed over an inline image to connect user clicks with URLs.
e.g: <MAP NAME="name here"> Area Tags here</MAP>

To Top Of Page

Marquee <MARQUEE> </MARQUEE>

The Marquee Tag gives you the ability to set up blocks of text or objects that move around on the page when the visitor views the page.

Attributes:

  • ALIGN= this attribute works like the ALIGN attribute in the IMG tag, setting the location of the surrounding text. Possible values can be: TOP, BOTTOM, or MIDDLE.
    e.g: <MARQUEE ALIGN="bottom">

  • BEHAVIOR= this allows you to define how the text in the Marquee behaves. Possible values are: SCROLL, SLIDE and ALTERNATE.
    e.g: <MARQUEE BEHAVIOR="scroll">

  • BGCOLOR= allows you to set the background color of the Marquee text area. Use the Hexadecimal Color Code or the Color Name.
    e.g: <MARQUEE BGCOLOR="#000000">

  • DIRECTION= allows you to specify which direction the text will move. Possible values are: LEFT and RIGHT.
    e.g: <MARQUEE DIRECTION="left">

  • HEIGHT= allows you to specify the height of the Marquee text area. Use absolute pixel size or a percentage of the height of the page.
    e.g: <MARQUEE HEIGHT="50%"> or <MARQUEE HEIGHT="200">

  • LOOP= allows you to define how many times the text should move across the screen.
    e.g: <MARQUEE LOOP="10">

    Using the value "INFINITE" will move the text continuously as long as the page is open.
    e.g: <MARQUEE LOOP="infinite">

  • SCROLLAMOUNT= allows you to define the amount, in pixels, to move the scrolling text by each time it is drawn.
    e.g: <MARQUEE SCROLLAMOUNT="3">

  • SCROLLDELAY= allows you to define the delay, in milliseconds, between drawings.
    e.g: <MARQUEE SCROLLDELAY="20">

  • WIDTH= allows you to specify the width of the Marquee text area. Use absolute pixel size or a percentage of the width of the page.
    e.g: <MARQUEE WIDTH="200"> or <MARQUEE WIDTH="50%">
To Top Of Page

Meta <META>

The Meta Tag is entered inbetween the <HEAD> and </HEAD> Tag and contains information pulled by search engine spiders, for example. Nothing in the <META> Tag is displayed on your page.

Attributes:

  • CONTENT= allows you to define the content to be associated with the Name you have defined in the NAME= attribute.
    e.g: <META CONTENT="content here">

  • HTTP-EQUIV= allows you to define actions that can be made to occur on the visitors browser, such as page re-directions and so forth. This replaces the Name attribute.
    e.g: &<META HTTP-EQUIV="action here">

  • NAME= allows you to define the name to be associated with the Content you have defined in the CONTENT= attribute.
    e.g: <META NAME="name here">

Click here to view more information about Meta Tags

To Top Of Page

Multi-Column Text <MULTICOL>

The Multi Column Text Tag is a container, used to split the display into columns without using frames or tables.

Attributes:

  • COLS= allows you to specify how many columns the display will be split into. This attribute is mandatory.
    e.g: <MULTICOL COL="3">

  • GUTTER=" allows you to specify how many pixels of space will be between columns. It defaults to a value of 10.
    e.g: <MULTICOL GUTTER="20">

  • WIDTH= allows you to control the width of an individual column.
    e.g: <MULTICOL WIDTH="20">
To Top Of Page

No Frames <NOFRAMES> </NOFRAMES>

The No Frames Tag lets you add content for browsers that cannot resolve the <FRAME> Tag. However, browsers that can display Frames will ignore this tag.
e.g: <NOFRAMES>Sorry, your browser does not support Frames</NOFRAMES>
To Top Of Page

Ordered List <OL> </OL>

The Ordered List Tag allows you to create numbered lists on your page.

Attributes:

  • TYPE= allows you to specify how the 'bullets' will appear on the list. Possible values are:
    • TYPE="A" (Upper Case Letters... ie, A,B,C etc.)
    • TYPE="a" (lower case letters... ie, a,b,c etc.)
    • TYPE="I" (Upper Case Roman Numerals... ie,II,III,IV etc.)
    • TYPE="i" (lower case roman numerals... ie,ii,iii,iv etc.)
    • TYPE="1" (Standard numbers... ie, 1,2,3 etc.)

      e.g: <OL TYPE="A">

  • START= allows you to define the starting number for your list.
    e.g: <OL START="100">
In order to successfully create a list you must include list items defined with a <LI> Tag between the opening and closing Ordered List tags, like this:

<OL>
<LI> 1 egg white
<LI> 1 cup of milk
<LI> 2 cups of flour
<LI> 1 tablespoon of sugar
</OL>

To Top Of Page

Paragraph <P>

The Paragraph Tag will allow you to separate text blocks. It tells the text to stop displaying on the current line and drops the cursor down two lines to begin the next line. (Unlike the line break tag <BR> which drops the text down one line)
e.g: text one first line <P> text that starts two lines down.

Attributes:

  • ALIGN= allows you to specify how your paragraph should be aligned on the page. Possible values are: LEFT, RIGHT and CENTER.
    e.g: <P ALIGN="center">
To Top Of Page

Parameters <PARAM>

The Parameters Tag is used in Java Applets to define the various options and parameters used by the applet.
e.g: <PARAM NAME="option name here" VALUE="option value">
To Top Of Page

Pre-formatted Text <PRE> </PRE>

The preformatted text tag defines text that should be shown in a fixed width font with the line breaks and other whitespace specified by the page author. There is no need to use <BR> tags to indicate line breaks -- line breaks in the source will be displayed by the browser. In addition multiple spaces will be displayed as multiple spaces. Typically used for several lines of program code or for poetry.

Attributes:

  • WIDTH= allows you to specify the maximum number of characters per line.
    e.g: <PRE WIDTH="40"> text here </PRE>
To Top Of Page

Script <SCRIPT> </SCRIPT>

The Script Tag identifies script code. The statements are usually but not required to be enclosed in the comment tag, so that browsers that do not support scripting do not render the code as text. Functions used by the document are usually defined in the HEAD tag so that they are loaded and available before the user could do anything that might call them.

Using the <SCRIPT> Tag:
e.g: <SCRIPT LANGUAGE="language"><!-- script hidden in comment --></SCRIPT>

To Top Of Page

Table <TABLE> </TABLE>

The Table tag allows you to create tables containing virtually any HTML element you wish within its rows and cells.

Attributes:

  • ALIGN= allows you to Horizontally align the table on the page in a number of ways. Possible values are:

    • LEFT: To the left text margin
    • CENTER: In the centre of the page (Turns on NOFLOW.)
    • RIGHT: To the right text margin
    • BLEEDRIGHT: To the rightmost edge of the window
    • BLEEDLEFT: To the leftmost edge of the window
    • JUSTIFY: To both text margins (The table size is adjusted. Turns on NOFLOW.)

    Note: This does not affect the alignment of the table entries.
    e.g: <TABLE ALIGN="center">

  • BORDER= allows you to specify that you want a border around the table, and how many pixels wide it should be.
    e.g: <TABLE BORDER="3">

  • CELLPADDING= allows you to separate the cell borders and the text with a padding of number pixels.
    e.g: <TABLE CELLPADDING="5">

  • CELLSPACING= allows you to separate cells with a number of pixels between each cell.
    e.g: <TABLE CELLSPACING="5">

  • BGCOLOR= allows you to specify the color that you want the entire table's background to be.
    e.g: <TABLE BGCOLOR"#rrggbb"> or <TABLE BGCOLOR="colorname">

  • BORDERCOLOR= allows you to specify the color of the border for the entire table. This works slightly differently In Internet Explorer and Netscape.
    e.g: <TABLE BORDERCOLOR="#rrggbb">

  • BORDERCOLORLIGHT= allows you to set the highlight color of the border. (IE Only)
    e.g: <TABLE BORDERCOLORLIGHT="#rrggbb">

  • BORDERCOLORDARK= allows you to specify the border shadow color.(IE Only)
    e.g: <TABLE BORDERCOLORDARK="#rrggbb">

  • CLEAR= allows you to specify which margin should be clear. Possible values are: LEFT, RIGHT or ALL.
    e.g: <TABLE CLEAR="left">

  • NOFLOW allows you to prevent text flow around the table.
    e.g: <TABLE NOFLOW>

  • NOWRAP allows you to prevent word wrap within table entries.
    e.g: <TABLE NOWRAP>
  • WIDTH= allows you to specify the width of the table by percentage of the page or by exact number of pixels.
    e.g: <TABLE WIDTH="200">

  • VALIGN= allows you to set the vertical alignment for the entire table. Possible values are: TOP and BOTTOM.
    e.g: <TABLE VALIGN="bottom">
To Top Of Page

Table Body <TBODY> </TBODY>

The Table Body Tag can be used to group together a number of rows within a table.

Attributes:

  • CLASS= indicates the class that the element belongs to.
    e.g: <TBODY CLASS="class here">

  • ID= specifies a unique value for the element over the docuement.
    e.g: <TBODY ID="ID value here">

  • STYLE= specifies the style information (for Cascading Style Sheet use)
    e.g: <TBODY STYLE="style info here">
To Top Of Page

Table Column <COL> </COL>

The Table Column Tag sets the properties of one table column at a time.

Attributes:

  • ALIGN= allows you to specify the text alignment in the cells within the columns. Possible values are: LEFT, MIDDLE and RIGHT and the default is MIDDLE.
    e.g: <COL ALIGN="middle">

  • SPAN= allows you to to specify how many columns to span.
    e.g: <COL SPAN="2">
To Top Of Page

Table Column Group <COLGROUP> </COLGROUP>

The Table Column Group Tag allows you to set the properties of one or more table columns.

Attributes

  • HALIGN= specifies the horizontal alignment of text in the cells for the column group. Possible values are: LEFT, RIGHT and CENTER
    e.g: <COLGROUP HALIGN="center">

  • SPAN= sets the number of consecutive columns for the group.
    e.g: <COLGROUP SPAN="3">

  • VALIGN= sets the vertical alignment for the column. Possible values are: TOP, MIDDLE and BOTTOM.
    e.g: <COLGROUP VALIGN="bottom">

  • WIDTH= specifies the width of each column in the column group.
    e.g: <COLGROUP WIDTH="100">
To Top Of Page

Table Data <TD> </TD>

The Table Data Tag allows you to define each table cell. You must put the Table Data cells inside a Table Row Tag (<TR> </TR>)

Attributes:

  • ALIGN= allows you to set the alignment of the text within the table cell. Possible values are: LEFT, RIGHT and CENTER.
    e.g: <TD ALIGN="center">

  • BGCOLOR= allows you to specify the color of the individual table cell.
    e.g: <TD BGCOLOR="#rrggbb">

  • BORDERCOLOR= allows you to specify the border color for the individual cell.
    e.g: <TD BORDERCOLOR="#rrggbb">

  • BORDERCOLORLIGHT= allows you to define the border highlight color for the individual cell.(IE only)
    e.g: <TD BORDERCOLORLIGHT="#rrggbb">

  • BORDERCOLORDARK= allows you to set the border shadow color fo the individual cell. (IE only)
    e.g: <TD BORDERCOLORDARK="#rrggbb">

  • COLSPAN= allows you to define the number of columns this cell occupies.
    e.g: <TD COLSPAN="4">

  • NOWRAP this allows you to prevent word wrap within the individual cell.
    e.g: <TD NOWRAP>

  • ROWSPAN= allows you to define the number of rows this cell occupies.
    e.g: <TD ROWSPAN="3">

  • VALIGN= allows you to define the alignment of the text within the individual cell. Possible values are: TOP, MIDDLE or BOTTOM.
    e.g: <TD VALIGN="bottom">
To Top Of Page

Table Footer <TFOOT>

The Table Footer Tag defines the table footer. The footer tag is used to group all footers.

Attributes:

  • CLASS= Use this attribute to indicate the class that the element belongs too.
    e.g: <TFOOT CLASS="class type">

  • ID= Use this attribute to specify a unique value for the element over the document.
    e.g: <TFOOT ID="ID value">

  • STYLE= Use this attribute to specify the Cascading Style Sheet properties
    e.g: <TFOOT STYLE="css properties here">
To Top Of Page

Table Head <THEAD>

The Table Head Tag defines the table heading. It is used to group all headers together.

Attributes:

  • ALIGN= specifies the alignment of the text in the heading. Possible values are LEFT, RIGHT, CENTER and JUSTIFY.
    e.g: <THEAD ALIGN="center">

  • CLASS= allows you to indicate the class that the element belongs too.
    e.g: <THEAD CLASS="class here">

  • ID= allows you to specify a unique value for the element over the document.
    e.g: <THEAD ID="ID here">

  • STYLE= allows you to specify the Cascading Style Sheet information.
    e.g: <THEAD STYLE="css properties">

  • VALIGN= allows you to specify the Vertical alignment of the table head. Possible values are: TOP, MIDDLE or BOTTOM.
    e.g: <THEAD VALIGN="bottom">
To Top Of Page

Table Header <TH> </TH>

The Table Header Tag defines a header cell within a Table.

Attributes:

  • ALIGN= allows you to specify the alignment of the text within the table cell. Possible values are: LEFT, RIGHT or CENTER.
    e.g: <TH ALIGN="center">

  • BGCOLOR= allows you to specify the background color of the header cell.
    e.g: <TH BGCOLOR="#rrggbb">

  • BORDERCOLOR= allows you to specify the border color of the header cell.
    e.g: <TH BORDERCOLOR="#rrggbb">

  • BORDERCOLORLIGHT= allows you to specify the border highlight color of the header cell. (IE Only)
    e.g: <TH BORDERCOLORLIGHT="#rrggbb">

  • BORDERCOLORDARK= allows you to specify the border shadow color of the header cell. (IE Only)
    e.g: <TH BORDERCOLORDARK="#rrggbb">

  • COLSPAN= lets you specify the number of columns this header occupies.
    e.g: <TH COLSPAN="3">

  • NOWRAP allows you to prevent word wrap within the cell.
    e.g: <TH NOWRAP>

  • ROWSPAN= allows you to specify the number of rows this header occupies.
    e.g: <TH ROWSPAN="3">

  • VALIGN= allows you to define the alignment of the text within the table cell. Possible values can be TOP, MIDDLE, BOTTOM, or BASELINE.
    e.g: <TH VALIGN="bottom">
To Top Of Page

Table Row <TR> </TR>

The Table Row Tag defines a row of cells that are defined with Table Data (<TD>) tags.

Attributes:

  • ALIGN= lets you set the alignment of the text within the table cell. Possible values are: LEFT, RIGHT or CENTER.
    e.g: <TR ALIGN="center">

  • BGCOLOR= allows you to define the background color of the row.
    e.g: <TR BGCOLOR="#rrggbb">

  • BORDERCOLOR= allows you to define the border color of the row.
    e.g: <TR BORDERCOLOR="#rrggbb">

  • BORDERCOLORLIGHT= allows you to define the border highlight color of the row. (IE Only)
    e.g: <TR BORDERCOLORLIGHT="#rrggbb">

  • BORDERCOLORDARK= allows you to define the border shadow color of the row. (IE Only)
    e.g: <TR BORDERCOLORDARK="#rrggbb">

  • CLASS= allows you to set the class as one of Header, Body, or Footer and allows the browser to arrange for header or footer rows to be displayed as the user scrolls through the document.
    e.g: <TR CLASS="class here">
  • VALIGN= lets you set the alignment of the text within the table cell. Possible values are: TOP, MIDDLE, BOTTOM, or BASELINE.
    e.g: <TR VALIGN="bottom">
To Top Of Page

Title <TITLE> </TITLE>

The Title Tag allows you to define the title of the HTML document within the <HEAD> Tag. This is not displayed as part of the web page. It is displayed in the browsers Title Bar just above the Tool Bar.
e.g: <TITLE> Put a descriptive title here </TITLE>
To Top Of Page

Unordered List <UL> </UL>

The Unordered List Tag allows you to create bulleted lists on your page.

Attributes:

  • COMPACT allows you to display your list in a more compacted manner on the page.
    e.g: <UL COMPACT>
  • DINGBAT= allows you to define an iconic entity for the list.
    e.g: <UL DINGBAT="entity name here">
  • PLAIN allows you to specify that no bullet is used in the list.
    e.g: <UL PLAIN>
  • SRC= allows you to define a graphic image to use for your bullet.
    e.g: <UL SRC="image.gif">
  • TYPE= allows you to specify how the 'bullets' will appear on the list. Possible values are: SQUARE, CIRCLE, DISC.
    e.g: <UL TYPE="square">
  • WRAP= allows you to have lists of data wrap either vertically or horizontally. Possible values are: VERT or HORIZ.
    e.g: <UL WRAP="vert">
In order to successfully create a list you must include list items defined with a <LI> Tag between the opening and closing Unordered List tags, like this:

<UL>
<LI> 1 egg white
<LI> 1 cup of milk
<LI> 2 cups of flour
<LI> 1 tablespoon of sugar
</UL>

To Top Of Page






All contents copyright ©1998-2010 Net3Media / HTMLclinic.com   Contact Us:    Privacy Policy