Here's a collection of basic html tags for reference for you.  This information has been obtained from :

HTML BASICS

<BR> Used to insert line breaks. 

CLEAR="LEFT", "RIGHT", or "ALL" Allows you to skip down past floating images at the left or right margins 

<NOBR> Place these tags at the beginning and end of a passage to force it to not break.  

</NOBR>

<B> Bold text. </B>

<I> Italicized text. (Include an extra space afterwards, to compensate for word bending)</I>

 <U> Underlined text.</U>

<STRIKE>  Strikethrough text.</STRIKE>

<TT>Monospaced "typewriter" text.</TT>

<PRE>
        Preserves the spacing of a block of text.  (Try to stay away from
        using tags within this format)
</PRE>
DOCUMENT STRUCTURE

<P> Encloses any sort of paragraph. </P>

<HR SIZE="x">


Creates a horizontal rule x pixels thick.

<HR WIDTH="x%">


Creates a horizontal rule across x percent of the screen.
<HR NOSHADE> Turns the shading off, to form a solid gray horizontal line. Alters the size of letters, used mostly in headers. (x=1 through 6; smaller numbers are larger) 

ALIGN="RIGHT" or "CENTER" Use this within a formatting tag, to align the tag respectively with the command. 

<DIV ALIGN="RIGHT" or "CENTER"> Realign only certain lines, rather than the entire paragraph. (Always include a
before and after this tag to separate)
 

<CENTER>Older, and more widely accepted, centering method. </CENTER>

LISTS

<LI>

  • The tag that precedes a list item. 

    TYPE="DISC" or "CIRCLE" or "SQUARE"

     Use this attribute within a

    • tag to change the type of bullet used within the respective scopes.
        Contains the tags for an ordered list. (These items are enumerated, as opposed to bullets)
      Same as in . TYPE="A" or "a" or "I" or "i" or "1"(default) Used within the tag to change the type of enumeration used. 

</LI>

LINKS

<A HREF="URL GOES HERE">  Text that links to the URL is placed in between these two tags.    </a>

         Note: The part of the address that is the same as the current location can be omitted. A ".." before the partial path indicates that you must go up one level before the address is valid. 

TARGET Specifies a named frame to display the document in 

<A name="anchor"> Anchor text or image.  </A>

<A HREF="#anchol.html">Used to quickly reference an anchor from the source page. </A>

<A HREF="mailto:address">  Option Allows a default mail program to come up, with the "address" in the "to:" field. </A>

IMAGES

<IMG SRC="URL" ALT="ALTERNATE TEXT"> Include an image from the given URL, on the page. The alternate text is for those who cannot, or chose not to, view images. 

WIDTH="x" HEIGHT="x" Use these within the <IMG> statement to specify the width and height in pixels. 

LOWSRC="URL" This is a low-resolution file that is loaded temporarily, before the full version can load. (Include within the <IMG> statement) 

ALIGN="LEFT"(default) or "RIGHT" Use every time to insure that all browsers will wrap text around the appropriate side of the image. (Include within the <IMG> tag) (Use <CENTER></CENTER> for that alignment)

<BR CLEAR="ALL"> or "LEFT" or "RIGHT"  Moves items that follow to below an image or to the next clear margin, respectively. 

ALIGN="TOP" or "MIDDLE" or "BOTTOM" Vertically aligns object with the line or image preceding it. (Include in the <ImG> tag) 

VSPACE="x" HSPACE="x" Puts an x number of pixel space above and below and/or left and right of the image. (Include in the <img> tag) 

<A HREF="URL1"><IMG SRC="IMG1"> This provides a way for an image to serve as a link.  </A>

BORDER="x" Provides a border around an image x pixels thick. (Include in the <IMG> tag) 

Summary: <IMG SRC WIDTH HEIGHT ALT ALIGN="h" ALIGN="v" HSPACE VSPACE LOWSRC BORDER>


 DOCUMENT COLORS

BGCOLOR="#AAAAAA" Used to specify the background color of a document. 

 BACKGROUND="graphic_url" Used to specify a tiled wallpaper for the background. (Include within the <p> tag)

 TEXT="#AAAAAA" Used to specify the default text color. (Include within the <p> tag) 

LINK="#AAAAAA" ALINK="#AAAAAA" VLINK="#AAAAAA" Used to specify the color of a link that is unvisited, active, and visited. (Include in the <p>tag) 

 

FONTS

<FONT> This tag is the controller for different options that affect font attributes. (Include the following statements in the <FONT>tag)

</FONT>

 SIZE="x" Specifies the size of the font. (1-7; small to large) 

SIZE="+/-x" Specifies the relative font size. (SIZE doesn't cause an automatic line break, like headers) 

COLOR="#AAAAAA" Specifies the text color.

 FACE="fontname" Specifies the font to use. FACE="fontname1,fontname2,...." Tries several fonts, before returning to the default. Note: When adding additional font attributes, such as <B> , nest them within the<FONT> tag. 

<BASEFONT SIZE="x">Can be used once in the document. (Placed immediately after the <p>tag) 

<SPAN>Used in cascading style sheets, this is a delimiter for user-defined character styles</SPAN>

 

TABLES

<TABLE BORDER> 

    <TR> 

        <TD>text</TD> 

        <TD>text</TD> 

    </TR>

 <TR> 

        <TD>text</TD> 

        <TD>text</TD> 

    </TR>

</TABLE>

makes this:

text text
text text

</TABLE>

These tags are used to enclose the entire table.  </TABLE>
BORDER This attribute is used to show the border of the table.

<TR> Enclose each row within a table </TR>

<TD>
Encloses each cell within a given row.
</TD>

ROWSPAN="x" Spans the cell x number of rows within the table. 

COLSPAN="x" Spans the cell x number of columns within the table. 

BORDER="x" Specifies the thickness of the table border, in x pixels.

 CELLPADDING="x" Specifies the amount of space around the text of a cell, in x pixels. 

CELLSPACING="x" Specifies the thickness of the borders of the cells, in x pixels. Note: CELLSPACING overrides the BORDER settings. 

ALIGN="LEFT"(default) or "CENTER" or "RIGHT" Sets the horizontal alignment of cells. (The scope depends on what tag you include them in) 

VALIGN="TOP" or "MIDDLE"(default) or "BOTTOM" Sets the vertical alignment of cells. (The scope depends on what tag you include them in) Note: Including these tags in a more defined region overrides the settings in a broader region. 

BGCOLOR="#AAAAAA" Sets the background colors for cells. (The same scope rules apply as for alignment) WIDTH="x" or "x%" Sets the width of a table or cell, in x pixels or x% of the screen or table. Note: Tables can be nested but it is highly unadvisable. Also, text formatting must be performed on the individual cells of the table.

ROWS="50, 10%, *, 2*" Specify the height of the rows in pixels, percentage, whatever's left, or whatever's left (weighted), respectively COLS="50, 10%, *, 2*" Specify the width of the columns in pixels, percentage, whatever's left, or whatever's left (weighted), respectively FRAMEBORDER="0" or "1" Sets whether or not there is a border between the different frame cells 

FRAMESPACING (Internet Explorer) This specifies the thickness of the border between the cells (applies to the outermost FRAMESET only) 

 onFocus, onBlur These attributes designate JavaScript code to be executed when the frame gains/loses the input focus onLoad, onUnload Specifies JavaScript code to be executed when the frameset is loaded and unloaded

 SRC="" Used to specify the URL of the document to be placed in the current cell 

NAME Gives a name to the current cell 

MARGINWIDTH This attribute specifies the left and right cell margins 

MARGINHEIGHT Specifies the top and bottom cell margins 

SCROLLING="AUTO" (Netscape default), "YES" (Internet Explorer default), or "NO" The first two options create scroll bars for the frame only if the document is too large for one frame screen, and "NO" eliminates the bars in all cases 

NORESIZE This attribute disables the user from resizing the frame cells by dragging the borders

TARGET="_blank", "_top", "_parent", or "_self" 

    "_blank" causes the linked document to open in a new window 

    "_top" puts the linked document to take up the whole browser window 

    "_parent" causes the linked document to be placed in the cell occupied by the immediate FRAMESET parent of the document         (same as "_top" if there are no nested FRAMESET tags) 

    "_self" causes the linked document to go in the current cell

 

GETTING STARTED

Check here first.  Everything about how to get started on your first webpage!

GRAPHICS

TUTORIALS

FRAMES

TABLES AND MENUS

FONTS AND HEADLINES

CGI AND PERL

CARTOON DOLLS

MUSIC

OTHER NEAT STUFF

© 1998-2004 by Alexandra Thelin