HTML Tags (S-U)

Headline News

You'll find up to date news on subjects such as Late Breaking, World, International Sports, Entertainment, Music, Cricket, Formula 1 Racing, Golf, Soccer, Tennis, Track & Field, Hackers News, Lawsuits, War, Australia, France, Israel, Japan, South Africa and Great Britain.

Learning How HTML Tags (S-U) Work...

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 set in the Head tag so that they are loaded and available before the user could do anything that might call them.

How to set a Script Tag:

<SCRIPT LANGUAGE="language">

</SCRIPT>

Back 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.

How to set a Table Tag:

<TABLE ALIGN="center">

ALIGN= This allows you to horizontally alignment the table on the page in a number of ways. The attributes used within this are,

LEFT: to the left text margin
RIGHT: to the right text margin
CENTER: In the center of the page (turns on NOFLOW)
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.

<TABLE BORDER="1">

BORDER= This allows you to set the size of the border you want around the table, and how many pixels wide it should be.

<TABLE CELLPADDING="5">

CELLPADDING= This allows you to separate the cell borders and the text with a padding of number of pixels.

<TABLE CELLSPACING="5">

CELLSPACING= This allows you to separate cells with a number of pixels between each cell.

<TABLE BGCOLOR="#hexcode" or "colorname">

BGCOLOR= This allows you to set the color that you want the entire table's background to be.

<TABLE BORDERCOLOR="hexcode">

BORDERCOLOR= This allows you to set the color of the border for the entire table. This works slightly differently in Internet Explorer and Netscape.

<TABLE BORDERCOLORLIGHT="hexcode">

BORDERCOLORLIGHT= This allows you to set the highlight color of the border. (IE Only)

<TABLE BORDERCOLORDARK="hexcode">

BORDERCOLORDARK= This allows you to set the border shadow color. (IE Only)

<TABLE CLEAR="left">

CLEAR= This allows you to set which margin should be clear. The attributes used within this are, LEFT, RIGHT or ALL.

<TABLE NOFLOW>

NOFLOW This allows you to prevent text flow around the table.

<TABLE NOWRAP>

NOWRAP This allows you to prevent word wrap around the table.

<TABLE WIDTH="200">

WIDTH= This allows you to set the width of the table by percentage of the page or by the exact number of pixels.

<TABLE VALIGN="bottom">

VALIGN= This allows you to set the vertical alignment for the entire table. The attributes used within this are, TOP and BOTTOM.

Back 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.

How to set a Table Body Tag:

<TBODY CLASS="class here">

CLASS= This indicates the class that the element belongs to.

<TBODY ID="ID value here">

ID= This specifies a unique value for the element over the document.

<TBODY STYLE="style info here">

STYLE= This specifies the style information. (for Cascading Style Sheet use)

Back To Top Of Page

Table Column <COL> </COL>

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

How to set a Table Column Tag:

<COL ALIGN="left">

ALIGN= This allows you to set the text alignment in the cells within the columns. The attributes used within this are, LEFT, MIDDLE and RIGHT. (default is MIDDLE)

<COL SPAN="2">

SPAN= This allows you to set how many columns to span.

Back 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.

How to set a Table Column Group Tag:

<COLGROUP HALIGN="center">

HALIGN= This sets the horizontal alignment of text in the cells for the column group. The attributes used within this are, LEFT, RIGHT and CENTER.

<COLGROUP SPAN="3">

SPAN= This sets the number of consecutive columns for the group.

<COLGROUP VALIGN="top">

VALIGN= This sets the vertical alignment for the column. The attributes used within this are, TOP, MIDDLE and BOTTOM.

<COLGROUP WIDTH="100">

WIDTH= This sets the width of each column in the column group.

Back To Top Of Page

Table Data <TD> </TD>

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

How to set a Table Data Tag:

<TD ALIGN="center">

ALIGN= This allows you to set the alignment of the text within the table cell. The attributes used within this are, LEFT, RIGHT and CENTER.

<TD BGCOLOR="hexcode">

BGCOLOR= This allows you to set the color of the individual table cell.

<TD BORDERCOLOR="hexcode">

BORDERCOLOR= This allows you to set the border color for the individual cell.

<TD BORDERCOLORLIGHT="hexcode">

BORDERCOLORLIGHT= This allows you to set the border color highlight color for the individual cell. (IE ONLY)

<TD BORDERCOLORDARK="hexcode">

BORDERCOLORDARK= This allows you to set the border shadow color for the individual cell. (IE ONLY)

<TD COLSPAN="3">

COLSPAN= This allows you to set the number of columns the cell occupies.

<TD NOWRAP>

NOWRAP= This allows you to prevent word wrap within the individual cell.

<TD ROWSPAN="3">

ROWSPAN= This allows you to set the number of rows the cell occupies.

<TD VALIGN="top">

VALIGN= This allows you to set the alignment of the text within the individual cell. The attributes used within this are, TOP, MIDDLE or BOTTOM.

Back To Top Of Page

Table Footer <TFOOT>

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

How to set a Table Footer Tag:

<TFOOT CLASS="class type">

CLASS= This indicates the class that the element belongs to.

<TFOOT ID="ID value here">

ID= This specifies a unique value for the element over the document.

<TFOOT STYLE="CSS properties here">

STYLE= This specifies the Cascading Style Sheet properties.

Back To Top Of Page

Table Head <THEAD>

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

How to set a Table Head Tag:

<THEAD ALIGN="center">

ALIGN= This sets the alignment of text in the heading. The attributes used within this are, LEFT, RIGHT, CENTER and JUSTIFY.

<THEAD CLASS="class here">

CLASS= This allows you to indicate the class that the element belongs too.

<THEAD ID="ID here">

ID= This allows you to set a unique value for the element over the document.

<THEAD STYLE="CSS properties">

STYLE= This allows you to set the Cascading Style Sheet information.

<THEAD VALIGN="bottom">

VALIGN= This allows you to set the vertical alignment ot the table head. The attributes used within this are, TOP, MIDDLE or BOTTOM.

Back To Top Of Page

Table Header <TH> </TH>

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

How to set a Table Header Tag:

<TH ALIGN="center">

ALIGN= This allows you to set the alignment of the text within the header cell. The attributes used within this are, LEFT, RIGHT and CENTER.

<TH BGCOLOR="hexcode">

BGCOLOR= This allows you to set the background color of the header cell.

<TH BORDERCOLOR="hexcode">

BORDERCOLOR= This allows you to set the border color of the header cell.

<TH BORDERCOLORLIGHT="hexcode">

BORDERCOLORLIGHT= This allows you to set the border highlight color of the header cell. (IE ONLY)

<TH BORDERCOLORDARK="hexcode">

BORDERCOLORDARK= This allows you to set the border shadow color of the header cell. (IE ONLY)

<TH COLSPAN="3">

COLSPAN= This allows you to set the number of columns the header occupies.

<TH NOWRAP>

NOWRAP This allows you to prevent word wrap within the header cell.

<TH ROWSPAN="3">

ROWSPAN= This allows you to set the number of rows the header occupies.

<TH VALIGN="bottom">

VALIGN= This allows you to set the alignment of the text within the header cell. The attributes used within this are, TOP, MIDDLE, BOTTOM or BASELINE.

Back 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.

How to set a Table Row Tag:

<TR ALIGN="center">

ALIGN= This allows you to set the alignment of the text within the table cell. The attributes used within this are, LEFT, RIGHT or CENTER.

<TR BGCOLOR="hexcode">

BGCOLOR= This allows you to set the background color of the row.

<TR BORDERCOLOR="hexcode">

BORDERCOLOR= This allows you to set the border color of the row.

<TR BORDERCOLORLIGHT="hexcode">

BORDERCOLORLIGHT= This allows you to set the border highlight color of the row. (IE ONLY)

<TR BORDERCOLORDARK="hexcode">

BORDERCOLORDARK= This allows you to set the border shadow color of the row. (IE ONLY)

<TR CLASS="class here">

CLASS= This 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.

<TR VALIGN="bottom">

VALIGN= This allows you to set the alignment of the text within the table cell. The attributes used within this are, TOP, MIDDLE, BOTTOM or BASELINE.

Back 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.

How to set a Title Tag:

<TITLE>your page title here</TITLE>

Back To Top Of Page

Unordered List <UL> </UL>

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

How to set an Unordered List Tag:

<UL COMPACT>

COMPACT This allows you to display your list in a more compact manner on the page.

<UL DINGBAT="entity name here">

DINGBAT= This allows you to set an iconic entity for the list.

<UL PLAIN>

PLAIN This allows you to specify that no bullet is used in the list.

<UL SRC="image.gif">

SRC= This allows you to set a graphic image to use for your bullet.

<UL TYPE="square">

TYPE= This allows you to set how the bullets will appear on the list. The attributes used within this are, SQUARE, CIRCLE and DISC.

<UL WRAP="vert">

WRAP= This allows you to have lists of data wrap either vertically or horizontally. The attributes used within this are, VERT or HORIZ.

In order to successfully create a list you must include list items defined with a <LI> tag bewteen the opening and closing Unordered List tags, like so...

<ul>
<li> item one
<li> item two
<li> item three
<li> item four
</ul>