HTML Tag Page

New codes are added to the bottom each week.

<HTML> </HTML> Tells the browser that it is getting a web page.
<HEAD> </HEAD> Tells the browser that it is getting the header information.
<TITLE> </TITLE> The title that appears at the top of the browser and is generally used for favorites.
<BODY> </BODY> Tells the browser that it is getting the body information.
<I> </I> This text is italicized.
<B> </B> This text is in bold.
<TT> </TT> TeleType appears monospaced.
<S> </S> This text has a line through it.
<U> </U> This text is underlined.
<SUP> </SUP> Superscript appears above
<SUB> </SUB> Subscript appears below.
<EM> </EM> Say it with emphasis.
<STRONG> </STRONG> Say it with strong emphasis.
<CODE> </CODE> var
count : integer;
begin
<CITE> </CITE> A citation gives credit where credit is due.
(Some famous person, 2044)
<DFN> </DFN> The tag used to highlight a word or phrase that will be defined is called the defining tag.
<P ALIGN=RIGHT>

Moves it all to the right.

<P ALIGN=LEFT> Moves it all to the left.
<P ALIGN=CENTER>

Puts things in the middle.

<P NOWRAP> Keeps the text running on and on and on.
<BLOCKQUOTE> </BLOCKQUOTE> Blockquote indents and adds extra lines at the top and bottom of the text. 
<PRE> </PRE> Keeps things just as they are when you add them to your page.
<UL> </UL> Creates an unordered list.
<OL> </OL> Creates an ordered list.
<LH> </LH> Adds a header to a list.
<LI> List item for ordered and unordered lists.
<DL> </DL> Creates a definition list.
<DT> Creates a term in a definition list.
<DD> Creates a definition in a definition list.
<OL SEQNUM=#>

Example:
<OL SEQNUM=57>

Starts the list at a number other than one.


Starts the list at number 57.

<LI SKIP=#>

Example:
<LI SKIP=5>

Skips numbers in an ordered list.


Skips five numbers.

<IMG SRC="file name.ext">

Attributes
ALT="File description and name"

ALIGN=LEFT
            RIGHT
            MIDDLE
            TOP
            BOTTOM

Adds an image or graphic to a page.

For visually impaired visitors and mouseovers.

Changes where the image appears on the page and how the text interacts with the graphic.

 
<BODY> </BODY>

 

Attributes
BGCOLOR=#xxxxxx

TEXT=#yyyyyy

ALINK=#zzzzzz

VLINK=#iiiiii

LINK=#oooooo

BACKGROUND="filename.gif"

Tells the browser that it is getting the body information.

 

Sets the background color.

Sets the text color.

Sets the color for a link when it is clicked.

Sets the color for a link after visited.

Sets the color for a link before visited.

Sets the background image.

<FRAMESET> </FRAMESET>

Attributes
ROWS="*,*,*"

COLS="*,*,*"

 

BORDER=0
FRAMEBORDER="0"

Tells the browser that it is getting a frame document, not an HTML document.

Rows are splits made horizontally. They can be fixed sizes or "use it all" with an asterisk (*).

Cols are columns, splits made vertically. Like rows, they can be fixed sizes or "use it all" with an asterisk (*).

Gets rid of borders. Can also be used to create special size borders.

<A ...> </A>

Example:
<A HREF="http://newsite.html">
New Website
</A>

Attributes
TARGET="name of target window"

Adds a hyperlink to your page.

Can use relative path names for pages on the same web server.



Modified with "target" attribute.

<FRAME>

Attributes
NAME="name"

SRC="file.htm"


SCROLLING="NO"

NORESIZE

Gives information to the browser specific to a frame row or column.

Sets a name or "target" for the frame.

Tells the browser what file to put there when the page is first opened.

Prevents scrolling down to see more.

Prevents re-sizing the window by viewer.

<FORM> </FORM>

Attributes
METHOD=POST
ACTION="..."

Tells the browser that it is getting a form.


Tells the browser how to handle the form.
Tells the browser where to send the form.

<INPUT>

Attributes
TYPE=text/submit/password/file/radio/
          range/checkbox/hidden
NAME="name"
VALUE="information shown with the field"

Used for form fields.


Various types of fields you can use in your forms.
Name assigned to that particular field.
Info that can be shown or just hidden

<TEXTAREA> </TEXTAREA>

Attributes
NAME="name"
ROWS=number
COLS=number

Creates a text box for entering info.


Name assigned to the text box.
Rows displayed in the browser.
Columns displayed in the browser.

<TABLE> </TABLE>

Attributes
BGCOLOR=#xxxxxx
BORDER=<number>
BORDERCOLOR=#xxxxxx
BORDERCOLORDARK=#xxxxxx
BORDERCOLORLIGHT=#xxxxxx
WIDTH=<number>
CELLSPACING=<NUMBER>
CELLPADDING=<NUMBER>

Creates a table.


Background color for the table.
Size of the table border.
Color of the table border.
Dark or shadow color of the border.
Light or highlight color of the border.
Width of the table.
Amount of space between cells.
Amount of space between data and edge.

<CAPTION> </CAPTION>

Attributes
ALIGN=Right/Left/Center

Creates a table caption.


Alignment of the caption above the table.

<TR> </TR>

Attributes
ALIGN=Right/Left/Center
BGCOLOR=#xxxxxx
VALIGN=Top/Bottom/Middle

Creates a new row in a table.


Alignment of row within the table.
Background color for the row.
Top to bottom alignment of the row.

<TH> </TH>

Attributes
BGCOLOR=#xxxxxx
ROWSPAN=<number>
COLSPAN=<number>
ALIGN=Right/Left/Center
VALIGN=Top/Bottom/Middle

Creates a table heading cell.


Background color for the cell.
Number of rows the cell covers.
Number of columns the cell covers.
Alignment of data inside the cell.
Vertical alignment of data inside the cell.

<TD> </TD>

Attributes
BGCOLOR=#xxxxxx
ROWSPAN=<number>
COLSPAN=<number>
ALIGN=Right/Left/Center
VALIGN=Top/Bottom/Middle

Creates a generic table cell.


Background color for the cell.
Number of rows the cell covers.
Number of columns the cell covers.
Alignment of data inside the cell.
Vertical alignment of data inside the cell.

Back to top

©2003, Gnosis 4-H Club
The 4-H name and 4-H logo are service marks protected under 18 U.S.C. 707.

Questions? Comments? Problems? Contact the Webmaster!


Home