You are on page 1of 20

HTML Tags Chart

Tag Name Code Example Browser View


<!--This can be viewed in the HTML part of a
<!-- comment Nothing will show (Tip)
document-->
<A HREF="http://www.yourdomain.com/">Visit
<A - anchor Visit Our Site (Tip)
Our Site</A>
<B> bold <B>Example</B> Example
<BIG> big (text) <BIG>Example</BIG> Example (Tip)
body of
<BODY>The content of your HTML Contents of your web page
<BODY> HTML
page</BODY> (Tip)
document
The contents of your page<BR>The contents of The contents of your web page
<BR> line break
your page The contents of your web page
<CENTER>This will center your
<CENTER> center This will center your contents
contents</CENTER>
<DL>
<DT>Definition Term Definition Term
definition
<DD>Definition of the term Definition of the term
<DD> descriptio
<DT>Definition Term Definition Term
n
<DD>Definition of the term Definition of the term
</DL>
<DL>
<DT>Definition Term Definition Term
definition <DD>Definition of the term Definition of the term
<DL>
list <DT>Definition Term Definition Term
<DD>Definition of the term Definition of the term
</DL>
<DL>
<DT>Definition Term Definition Term
definition <DD>Definition of the term Definition of the term
<DT>
term <DT>Definition Term Definition Term
<DD>Definition of the term Definition of the term
</DL>
This is an <EM>Example</EM> of using This is an Example of using
<EM> emphasis
the emphasis tag the emphasis tag

embed <EMBED src="yourfile.mid" width="100%"


<EMBED>
object height="60" align="center">
(Tip)
<EMBED> embed <EMBED src="yourfile.mid" autostart="true"
object hidden="false" loop="false">
<noembed><bgsound src="yourfile.mid" <bgsound src="wonderfu.mid"
loop="1"></noembed> autostart="false" loop="1">
Music will begin playing when
your page is loaded and will
only play one time. A control
panel will be displayed to
enable your visitors to stop the
music.
<FONT FACE="Times New
<FONT> font
Roman">Example</FONT>
Example (Tip)
<FONT FACE="Times New Roman"
<FONT> font
SIZE="4">Example</FONT> Example (Tip)

<FONT> font
<FONT FACE="Times New Roman" SIZE="+3"
COLOR="#FF0000">Example</FONT> Example (Tip)
<FORM action="mailto:you@yourdomain.com">
Name: <INPUT name="Name" value=""
size="10"><BR> Name: (Tip)
Email: <INPUT name="Email" value=""
<FORM> form Email:
size="10"><BR>
<CENTER><INPUT Submit
type="submit"></CENTER>
</FORM>

<H1> heading 1 <H1>Heading 1 Example</H1>


<H2> heading 2 <H2>Heading 2 Example</H2>
<H3> heading 3 <H3>Heading 3 Example</H3>
<H4> heading 4 <H4>Heading 4 Example</H4>
<H5> heading 5 <H5>Heading 5 Example</H5>
<H6> heading 6 <H6>Heading 6 Example</H6>

heading of
<HEAD>Contains elements describing the
<HEAD> HTML Nothing will show
document</HEAD>
document

horizontal Contents of your web page


<HR> <HR>
rule (Tip)
Contents of your web page
horizontal Contents of your web page
<HR> <HR WIDTH="50%" SIZE="3">
rule Contents of your web page
horizontal Contents of your web page
<HR> <HR WIDTH="50%" SIZE="3" NOSHADE>
rule Contents of your web page
<HR> Contents of your web page
horizontal <HR WIDTH="75%" COLOR="#FF0000"
(Internet
rule SIZE="4"> Contents of your web page
Explorer)
<HR> Contents of your web page
horizontal <HR WIDTH="25%" COLOR="#6699FF"
(Internet
rule SIZE="6"> Contents of your web page
Explorer)
hypertext <HTML><HEAD><META><TITLE>Title of your
<HTML> markup web page</TITLE></HEAD><BODY>HTML Contents of your web page
language web page contents</BODY></HTML>
<I> italic <I>Example</I> Example
<IMG SRC="Earth.gif" WIDTH="41"
<IMG> image HEIGHT="41" BORDER="0" ALT="text
describing the image"> (Tip)
Example 1:
Example 1: (Tip)
<FORM METHOD=post ACTION="/cgi-
<INPUT> input field bin/example.cgi">
<INPUT type="text" size="10" maxlength="30"> Submit
<INPUT type="Submit" VALUE="Submit">
</FORM>
Example 2:

<FORM METHOD=post ACTION="/cgi-


bin/example.cgi"> Example 2: (Tip)
<INPUT>
(Internet input field <INPUT type="text" STYLE="color: #FFFFFF;
Explorer) font-family: Verdana; font-weight: bold; font- Submit
size: 12px; background-color: #72A4D2;"
size="10" maxlength="30">
<INPUT type="Submit" VALUE="Submit">
</FORM>
Example 3:

<FORM METHOD=post ACTION="/cgi-


bin/example.cgi">
<TABLE BORDER="0" CELLSPACING="0" Example 3: (Tip)
<INPUT> input field CELLPADDING="2"><TR><TD
BGCOLOR="#8463FF"><INPUT type="text"
size="10" MAXLENGTH="30"></TD><TD
BGCOLOR="#8463FF" VALIGN="Middle">
<INPUT type="image" name="submit"
src="yourimage.gif"></TD></TR> </TABLE>
</FORM>
Example 4:
Example 4: (Tip)
<FORM METHOD=post ACTION="/cgi-
bin/example.cgi">
Enter Your Comments:<BR>
<INPUT> input field <TEXTAREA wrap="virtual" name="Comments"
rows=3 cols=20
MAXLENGTH=100></TEXTAREA><BR>
<INPUT type="Submit" VALUE="Submit"> Submit Clear
<INPUT type="Reset" VALUE="Clear">
</FORM>
<INPUT> input field Example 5:
Example 5: (Tip)
<FORM METHOD=post ACTION="/cgi-
bin/example.cgi"> Select an option:
<CENTER>
Select an option:
<SELECT> Submit
<OPTION >option 1
<OPTION SELECTED>option 2
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
<INPUT type="Submit"
VALUE="Submit"></CENTER>
</FORM>
Example 6:
Example 6: (Tip)
<FORM METHOD=post ACTION="/cgi-
bin/example.cgi"> Select an option:
Select an option:<BR>
<INPUT type="radio" name="option"> Option 1 Option 1
<INPUT type="radio" name="option"
CHECKED> Option 2 Option 2
<INPUT type="radio" name="option"> Option 3 Option 3
<INPUT> input field <BR>
<BR>
Select an option:<BR> Select an option:
<INPUT type="checkbox" name="selection"> Selection 1
Selection 1
<INPUT type="checkbox" name="selection" Selection 2
CHECKED> Selection 2
<INPUT type="checkbox" name="selection"> Selection 3
Selection 3 Submit
<INPUT type="Submit" VALUE="Submit">
</FORM>
Example 1: (Tip)
Example 1:
• List item 1
<MENU>
<LI type="disc">List item 1 o List item 2
<LI type="circle">List item 2
<LI type="square">List item 3
</MENU>  List item 3
<LI> list item
Example 2:
Example 2:
<OL type="i">
<LI>List item 1 i. List item 1
<LI>List item 2
<LI>List item 3 ii. List item 2
<LI>List item 4 iii. List item 3
</OL>
iv. List item 4
Visit our <A
<LINK> link HREF="http://www.yourdomain.com/">site</ Visit our site
A>
<MARQUEE <MARQUEE bgcolor="#CCCCCC" loop="-1"
> scrolling
scrollamount="2" width="100%">Example
(Internet text
Explorer) Marquee</MARQUEE>
(Tip)

<MENU> • List item 1


<LI type="disc">List item 1
<MENU> menu <LI type="circle">List item 2 o List item 2
<LI type="square">List item 3
</MENU>
 List item 3
<META name="Description"
content="Description of your site">
<META> meta Nothing will show (Tip)
<META name="keywords" content="keywords
describing your site">
<META HTTP-EQUIV="Refresh"
<META> meta CONTENT="4;URL=http://www.yourdomain.co Nothing will show (Tip)
m/">
<META http-equiv="Pragma" content="no-
<META> meta Nothing will show (Tip)
cache">
<META> meta <META name="rating" content="General"> Nothing will show (Tip)
<META> meta <META name="ROBOTS" content="ALL"> Nothing will show (Tip)
<META NAME="ROBOTS"
<META> meta Nothing will show (Tip)
content="NOINDEX,FOLLOW">
<OL> ordered Numbered Numbered
list
<OL> 1. List item 1
<LI>List item 1 2. List item 2
<LI>List item 2
<LI>List item 3 3. List item 3
<LI>List item 4 4. List item 4
</OL>
Numbered Special Start
Numbered Special Start
5. List item 1
<OL start="5"> 6. List item 2
<LI>List item 1 7. List item 3
<LI>List item 2
<LI>List item 3 8. List item 4
<LI>List item 4
</OL> Lowercase Letters

Lowercase Letters a. List item 1


b. List item 2
<OL type="a"> c. List item 3
<LI>List item 1 d. List item 4
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL> Capital Letters

Capital Letters A. List item 1


B. List item 2
<OL type="A">
<LI>List item 1
C. List item 3
<LI>List item 2 D. List item 4
<LI>List item 3
<LI>List item 4 Capital Letters Special Start
</OL>
C. List item 1
Capital Letters Special Start
D. List item 2
<OL type="A" start="3"> E. List item 3
<LI>List item 1 F. List item 4
<LI>List item 2
<LI>List item 3 Lowercase Roman Numerals
<LI>List item 4
</OL> i. List item 1
Lowercase Roman Numerals ii. List item 2
iii. List item 3
<OL type="i"> iv. List item 4
<LI>List item 1
<LI>List item 2 Capital Roman Numerals
<LI>List item 3
<LI>List item 4 I. List item 1
</OL>
II. List item 2
Capital Roman Numerals III. List item 3
IV. List item 4
<OL type="I">
<LI>List item 1 Capital Roman Numerals
<LI>List item 2 Special Start
<LI>List item 3
<LI>List item 4
VII. List item 1
</OL>
VIII. List item 2
Capital Roman Numerals Special Start IX. List item 3

<OL type="I" start="7"> X. List item 4


<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>
<OPTION> listbox <FORM METHOD=post ACTION="/cgi- Select an option: (Tip)
option bin/example.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION>option 1
<OPTION SELECTED>option 2
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
</CENTER>
</FORM>
This is an example displaying the use of the This is an example displaying
paragraph tag. <P> This will create a line break the use of the paragraph tag.
and a space between lines.
This will create a line break
Attributes: and a space between lines.

Example 1:<BR> Attributes:


<BR>
<P align="left">
This is an example<BR> Example 1:
displaying the use<BR>
of the paragraph tag.<BR> This is an example
<BR> displaying the use
<P> paragraph of the paragraph tag.
Example 2:<BR>
<BR>
<P align="right"> Example 2:
This is an example<BR>
displaying the use<BR> This is an example
of the paragraph tag.<BR> displaying the use
<BR> of the paragraph tag.
Example 3:<BR>
<BR> Example 3:
<P align="center">
This is an example<BR> This is an example
displaying the use<BR> displaying the use
of the paragraph tag. of the paragraph tag.
small
<SMALL> <SMALL>Example</SMALL> Example (Tip)
(text)
deleted
<STRIKE> <STRIKE>Example</STRIKE> Example
text
strong
<STRONG> <STRONG>Example</STRONG> Example
emphasis

Example 1: Example 1: (Tip)


Column 1 Column 2
<TABLE BORDER="4" CELLPADDING="2"
CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD> Example 2: (Tip)
<TABLE> table
<TD>Column 2</TD>
</TR> Column 1 Column 2
</TABLE>

Example 2: (Internet Explorer)


<TABLE BORDER="2"
BORDERCOLOR="#336699"
CELLPADDING="2" CELLSPACING="2"
WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>

Example 3: Example 3: (Tip)

<TABLE CELLPADDING="2" Column 1 Column 2


CELLSPACING="2" WIDTH="100%"> Row 2 Row 2
<TR>
<TD BGCOLOR="#CCCCCC">Column 1</TD>
<TD BGCOLOR="#CCCCCC">Column 2</TD>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
</TABLE>
<TABLE BORDER="2" CELLPADDING="2"
CELLSPACING="2" WIDTH="100%">
<TR>
<TD> table data <TD>Column 1</TD>
<TD>Column 2</TD> Column 1 Column 2
</TR>
</TABLE>
<DIV align="center"><TABLE> Column Column Column
<TR> 1 2 3
<TH>Column 1</TH> Row 2 Row 2 Row 2
<TH>Column 2</TH> Row 3 Row 3 Row 3
<TH>Column 3</TH>
Row 4 Row 4 Row 4
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
table
<TH> <TR>
header
<TD>Row 3</TD>
<TD>Row 3</TD>
<TD>Row 3</TD>
</TR>
<TR>
<TD>Row 4</TD>
<TD>Row 4</TD>
<TD>Row 4</TD>
</TR>
</TABLE>
</DIV>
<TITLE> document <TITLE>Title of your HTML page</TITLE> Title of your web page will be
title viewable in the title bar. (Tip)
<TABLE BORDER="2" CELLPADDING="2" Column 1 Column 2
CELLSPACING="2" WIDTH="100%">
<TR>
<TR> table row <TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>
<TT> teletype <TT>Example</TT> Example
<U> underline <U>Example</U> Example
Example 1:<BR> Example 1:
<BR>
<UL>
<LI>List item 1 • List item 1
<LI>List item 2 • List item 2
</UL>
<BR>
unordered Example 2:<BR> Example 2:
<UL>
list <UL type="disc">
<LI>List item 1
<LI>List item 2 • List item 1
<UL type="circle"> • List item 2
<LI>List item 3 o List item 3
<LI>List item 4
</UL>
</UL> o List item 4

HTML Quick List


<A ...> Anchor HREF: URL you are linking to
NAME: name a section of the page
TARGET = "_blank" | "_parent" | "_self" | "_top" | window
name
which window the document should go in
TITLE: suggested title for the document to be opened
onClick: script to run when the user clicks on this anchor
onMouseOver: when the mouse is over the link
onMouseOut: when the mouse is no longer over the link
ACCESSKEY
<APPLET ...> CODE: the applet to run
CODEBASE: path to the applet class
WIDTH: width of the applet
HEIGHT: height of the applet
ALIGN = LEFT | RIGHT | TOP | MIDDLE | BOTTOM | BASELINE
alignment of applet to surrounding text
VSPACE: vertical space between applet and surrounding text
HSPACE: horizontal space between applet and surrounding text
BORDER: empty space surrounding the applet
NAME: name of applet for reference by other applets
ARCHIVE: a compressed collection of applet components
MAYSCRIPT: If Java can use JavaScript
<AREA ...> HREF: URL you are linking to
ALT: alternate text if the image isn't displayed
SHAPE = RECT | CIRCLE | POLY | DEFAULT
what shape is this area?
COORDS: coordinates for the link area shape
TITLE: Short description of the area
TARGET: what frame to go to
NOHREF: this area is not a link
onClick: script action when the user clicks this area
onMouseOver
onMouseOut
<BASE ...> Base Address HREF: default address for hypertext links
TARGET = "_blank" | "_parent" | "_self" | "_top" | frame
name
default window for linked documents
<BASEFONT ...> SIZE
COLOR
FACE
<BGSOUND ...> SRC: URL of the sound
LOOP = INFINITE | number of loops
how many times to play the sound
<BODY ...> BGCOLOR: background color of the page
BACKGROUND: background picture for the page
TEXT: color of the text on the page
LINK: color of links that haven't been followed yet
VLINK: color of links that have been followed
ALINK: color of links while you are clicking on them
BGPROPERTIES = FIXED
if the background image should not scroll
TOPMARGIN: size of top and bottom margins
LEFTMARGIN: size of left and right margins
MARGINHEIGHT: size of top and bottom margins
MARGINWIDTH: size of left and right margins
onLoad: Script to run once the page is fully loaded
onUnload
onFocus
onBlur
STYLESRC: MS FrontPage extension
SCROLL = YES | NO
If the document should have a scroll bar
<BR ...> Line Break CLEAR = LEFT | RIGHT | ALL | BOTH
go past a picture or other object
<BUTTON ...> TYPE = BUTTON | SUBMIT | RESET
what type of button is this
onClick: script to run when the user clicks here
NAME: name of this button element
VALUE: the value sent with the form
DISABLED: disable this button
ACCESSKEY: shortcut key for this button
TABINDEX: tab order
<CAPTION ...> ALIGN = TOP | BOTTOM | LEFT | RIGHT
alignment of caption to table
VALIGN = TOP | BOTTOM
if caption should be above or below table
<COL ...> Column SPAN: how many columns this affects
ALIGN = LEFT | CENTER | RIGHT | JUSTIFY
horizontal alignment
WIDTH: width of the column
BGCOLOR: background color of the column
<DIV ...> ALIGN = LEFT | CENTER | RIGHT | JUSTIFY
text alignment
<DL ...> Definition List COMPACT: take up less space
<EMBED ...> SRC: URL of resource to be embedded
WIDTH: width of area in which to show resource
HEIGHT: height of area in which to show resource
ALIGN = ABSBOTTOM | ABSMIDDLE | MIDDLE | TEXTTOP | RIGHT |
LEFT | BASELINE | CENTER | BOTTOM | TOP
how text should flow around the picture
NAME: name of the embedded object
PLUGINSPAGE: where to get the plugin software
PLUGINURL: where to get the JAR archive for automatic
installation
HIDDEN = FALSE | TRUE
if the object is visible or not
HREF: make this object a link
TARGET: frame to link to
AUTOSTART = TRUE | FALSE
if the sound/movie should start automatically
LOOP = TRUE | FALSE | # of loops
how many times to play the sound/movie
PLAYCOUNT: how many times to play the sound/movie
VOLUME: how loud to play the sound
CONTROLS = VOLUMELEVER | STOPBUTTON | PAUSEBUTTON |
PLAYBUTTON | SMALLCONSOLE | CONSOLE
which sound control to display
CONTROLLER = TRUE | FALSE
if controls should be displayed
MASTERSOUND: indicates the object in a sound group with the
sound to use
STARTTIME: how far into the sound to start and stop
ENDTIME: when to finish playing
<FONT ...> SIZE: size of the font
COLOR: color of the text
FACE: set the typestyle for text
POINT-SIZE
WEIGHT
<FORM ...> ACTION: URL of the CGI program
METHOD = GET | POST
how to transfer the data to the CGI
NAME: name of this form
ENCTYPE = "multipart/form-data" | "application/x-www-
form-urlencoded" | "text/plain"
what type of form this is
TARGET = "_blank" | "_parent" | "_self" | "_top" | frame
name
what frames to put the results in
onSubmit: script to run before the form is submitted
onReset: script to run before the form is reset
<FRAME ...> SRC: what file to put in the frame
NAME: the name of the frame
SCROLLING = YES | NO | AUTO
should the frame have a scrollbar?
NORESIZE: don't let the user make the frame bigger or smaller
FRAMEBORDER = YES | 1 | NO | 0
should this frame have a border?
BORDERCOLOR: color of the surrounding border
MARGINWIDTH: the internal left and right margins for the frame
MARGINHEIGHT: theinternal top and bottom margins for the
frame
<FRAMESET ...> COLS: how many cols in the frameset
ROWS: how many rows in the frameset
FRAMEBORDER = YES | 1 | NO | 0
if the frames should have borders
FRAMESPACING: space between the frames
BORDER: space between frames
BORDERCOLOR: color of frame borders
<H# ...> Headers<H1 ...>, <H2 ALIGN = LEFT | RIGHT | CENTER | JUSTIFY
...>, <H3 ...>, alignment
<H4 ...>,
<H5 ...>,
<H6 ...>
<HR ...> Horizontal Rule NOSHADE: don't use shadow effect
SIZE: height
WIDTH: horizontal width of the line
ALIGN = LEFT | RIGHT | CENTER
horizontal alignment of the line
COLOR: color of the line
<IFRAME ...> Inline Frame SRC: URL of the document to go in the frame
HEIGHT: height of the inline frame
WIDTH: width of the inline frame
NAME: name of this inline frame
LONGDESC: URL of a long description of the contents of the
frame
FRAMEBORDER =1|0
if the frame should have a border around it
MARGINWIDTH: internal left/right margin for the frame
MARGINHEIGHT: internal top/bottom margin for the frame
SCROLLING = YES | NO | AUTO
if the frame should have scroll bars
ALIGN = LEFT | RIGHT | TOP | TEXTTOP | MIDDLE | ABSMIDDLE |
CENTER | BOTTOM | ABSBOTTOM | BASELINE
alignment of the frame object to text around it
VSPACE: space above and below the frame
HSPACE: space to the left and right of the frame
<IMG ...> Image SRC: where to get the picture
ALT: text to show if you don't show the picture
NAME
LONGDESC: URL of a long description of the image
WIDTH: how wide is the picture
HEIGHT: how tall is the picture
ALIGN = LEFT | RIGHT | TOP | TEXTTOP | MIDDLE | ABSMIDDLE |
BOTTOM | ABSBOTTOM | BASELINE
how text should flow around the picture
BORDER: border around the picture
HSPACE: horizontal distance between the picture and the text
VSPACE: vertical distance between the picture and the text
ISMAP: is this a clickable map?
USEMAP: name of the map definition
LOWSRC: a version of the picture that isn't such a big file
NATURALSIZEFLAG: meaningless
NOSAVE: meaningless
DYNSRC: play a movie file
CONTROLS: show the buttons which control the movie
LOOP = INFINITE | -1 | # of loops
how many times to loop the movie
START = FILEOPEN | MOUSEOVER
when to start playing the movie
onLoad: script to runs after the image is downloaded
SUPPRESS = TRUE | FALSE
Don't show icons of images that haven't downloaded yet
<INPUT ...> TYPE = TEXT | CHECKBOX | RADIO | PASSWORD | HIDDEN | SUBMIT |
RESET | BUTTON | FILE | IMAGE
what type of field
NAME: name of this form field
VALUE: initial or only value of this field
SIZE: how wide the text field should be
MAXLENGTH: maximum number of characters
CHECKED: check this checkbox or radio button
BORDER: border around image
SRC: URL of image
ALT: text to show if you don't show the picture
LOWSRC: a version of the picture that isn't such a big file
WIDTH: width of image
HEIGHT: height of image
ALIGN = LEFT | RIGHT | TOP | TEXTTOP | MIDDLE | ABSMIDDLE |
CENTER | BOTTOM | ABSBOTTOM | BASELINE
how text should flow around the picture
VSPACE: vertical distance between the picture and the text
HSPACE: horizontal distance between the picture and the text
READONLY: the value of this field cannot be changed
DISABLED: don't let the user do anything with this field
ACCESSKEY
TABINDEX: tab order
LANGUAGE = "JavaScript" | "JavaScript1.1" | "JSCRIPT" |
"VBScript" | "VBS" | other language
scripting language to use
onClick: when the user clicks here
onChange: when this field is changed
onFocus: when this field gets the focus
onBlur: when this field loses the focus
onKeyPress: script to run when a key is pressed
onKeyUp: script for when a key goes up while the field has the
focus
onKeyDown: script for when a key goes down while the field has
the focus
AUTOCOMPLETE = ON | OFF
If the browser should use autocompletion for the field
<INS> Inserted<DEL>
<ISINDEX ...> PROMPT: prompt string to show before the text entry area
ACTION: the CGI to call
<LABEL ...> FOR: form element for which this is a label
<LEGEND ...> ALIGN = RIGHT | CENTER | LEFT
<LI ...> List Item TYPE = DISC | CIRCLE | SQUARE | 1 | A | a | I | i
type of bullet or numeral
VALUE: where to continue counting
<LINK ...> REL: relationship to this page
REV: reverse relationship to this page
HREF: URL of related document
TITLE: suggested title
MEDIA = SCREEN | PRINT | PROJECTION | AURAL | BRAILLE | ALL |
other media
What media type the link applies to
TYPE: MIME type of linked resource
<MAP ...> NAME: name of this map
<MARQUEE ...> WIDTH: how wide the marquee is
HEIGHT: how tall the marquee is
DIRECTION = LEFT | RIGHT
which direction the marquee should scroll
BEHAVIOR = SCROLL | SLIDE | ALTERNATE
what type of scrolling
SCROLLDELAY: how long to delay between each jump
SCROLLAMOUNT: how far to jump
LOOP = INFINITE | number of loops
how many times to loop
BGCOLOR: background color
HSPACE: horizontal space around the marquee
VSPACE: vertical space around the marquee
<META ...> NAME = KEYWORDS | DESCRIPTION | REFRESH | many others
The pupose of this META tag
HTTP-EQUIV: Name of the pretend HTTP header
CONTENT: Metainformation content
<MULTICOL ...> COLS: how many columns
GUTTER: space between columns
WIDTH: width of a single column
<OL ...> Ordered List TYPE =1|A|a|I|i
type of numerals
START: where to start counting
<OPTION ...> VALUE: what's the value if this option is chosen
SELECTED: this option is selected by default
<P ...> Paragraph ALIGN = LEFT | CENTER | RIGHT | JUSTIFY
alignment of text within the paragraph
CLEAR = LEFT | RIGHT | ALL | BOTH
move past picture and other objects
<PARAM ...> Parameter NAME: name of the parameter
VALUE: value of the parameter
<SCRIPT ...> TYPE = "text/javascript" | "text/vbscript" | other
scripting language
Which scripting language to use
SRC: External source for script
DEFER: Continue loading page while downloading script
LANGUAGE = JAVASCRIPT | LIVESCRIPT | VBSCRIPT | other
Deprecated indicator of language
FOR: object for which this script is an event handler
EVENT: the event this script handles
<SELECT ...> NAME: name of this form element
MULTIPLE: allow more than one choice
SIZE: how many options to show
READONLY: don't let the user change the value of this field
DISABLED: don't let the user do anything with this field
LANGUAGE = "JavaScript" | "JavaScript1.1" | "VBScript" |
other language
scripting language to use
onChange: what to do when a new option is selected
TABINDEX: tab order
onFocus: script to run when this field gets the focus
onBlur: script to run when this field loses the focus
<SPACER ...> TYPE = HORIZONTAL | VERTICAL | BLOCK
what type of space is this
ALIGN = LEFT | RIGHT
align left or right
SIZE: how tall or wide
WIDTH: how wide
HEIGHT: how tall
<TABLE ...> BORDER: size of border around the table
CELLPADDING: space between the edge of a cell and the contents
CELLSPACING: space between cells
WIDTH: width of the table as a whole
BGCOLOR: color of the background
BACKGROUND: picture to use as background
ALIGN = LEFT | RIGHT
alignment of table to surrounding text
HSPACE: horizontal space between table and surrounding text
VSPACE: vertical space between table and surrounding text
HEIGHT: height of the table as a whole
FRAME = VOID | BOX | BORDER | ABOVE | BELOW | LHS | RHS |
HSIDES | VSIDES
parts of outside border that are visible
RULES = NONE | ALL | COLS | ROWS | GROUPS
if there should be internal borders
BORDERCOLOR: color of border around the table
BORDERCOLORLIGHT: color of "light" part of border around the
table
BORDERCOLORDARK: color of "dark" part of border around the
table
SUMMARY: Summary of the purpose of the table
<TD ...> Table Data ALIGN = LEFT | CENTER | MIDDLE | RIGHT
horizontal alignment of cell contents
VALIGN = TOP | MIDDLE | CENTER | BOTTOM | BASELINE
vertical alignment of cell contents
WIDTH: width of cell
HEIGHT: height of cell
COLSPAN: number of columns to cover
ROWSPAN: number of rows to cover
NOWRAP: don't word wrap
BGCOLOR: color of the background
BORDERCOLOR: color of border around the table
BORDERCOLORDARK: color of "dark" part of border around the
table
BORDERCOLORLIGHT: color of "light" part of border around the
table
BACKGROUND: picture to use as background
<TEXTAREA ...> NAME: name of this form field
COLS: how many characters wide
ROWS: how many rows
WRAP = SOFT | HARD | OFF
how to wrap the text
READONLY: don't let the user change the contents of the field
DISABLED: don't let the user do anything with this field
TABINDEX: tab order
LANGUAGE = "JavaScript" | "JavaScript1.1" | "VBScript" |
other language
scripting language
onChange: Script to run when the user has changed the textarea
onKeyPress: script to run when a key is pressed
<TR ...> Table Row ALIGN = LEFT | CENTER | RIGHT
horizontal alignment of cell contents
HALIGN = LEFT | CENTER | RIGHT
VALIGN = TOP | MIDDLE | BOTTOM | BASELINE
vertical alignment of cell contents
BGCOLOR: background color
BACKGROUND: background image
BORDERCOLOR: color of border around each cell
BORDERCOLORLIGHT: color of "light" part of border around each
cell
BORDERCOLORDARK: color of "dark" part of border around each
cell
<UL ...> Unordered List

PROJECT
IN
COMPUTER

Submitted to:
Mr. Norwin Pesalbon

Submitted by:
Daniel A Hernandez