HTML Tags Chart: Tag Name Code Example Browser View

HTML Tags Chart
Tag Name Code Example Browser View


<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 web
The contents of your page<BR>The contents page
<BR> line break
of your page The contents of your web
page
<CENTER>This will center your
<CENTER> center This will center your contents
contents</CENTER>
<DL> Definition Term
<DT>Definition Term Definition of the
definition
<DD>Definition of the term term
<DD> descriptio
<DT>Definition Term Definition Term
n
<DD>Definition of the term Definition of the
</DL> term
<DL>
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>
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=""
Name: (Tip)
size="10"><BR>
<FORM> form Email: <INPUT name="Email" value="" Email:
size="10"><BR>
Submit
<CENTER><INPUT
type="submit"></CENTER>
</FORM>
<H1> heading 1 <H1>Heading 1 Example</H1>

heading of
<HEAD>Contains elements describing the
<HEAD> HTML Nothing will show
document</HEAD>
document
Contents of your web page

horizontal
<HR> <HR> (Tip)
rule
horizontal
<HR> <HR WIDTH="50%" SIZE="3">
rule
horizontal
<HR> <HR WIDTH="50%" SIZE="3" NOSHADE>
rule
<HR> Contents of your web page
horizontal <HR WIDTH="75%" COLOR="#FF0000"
(Internet
rule SIZE="4">
Explorer) Contents of your web page
<HR> Contents of your web page
horizontal <HR WIDTH="25%" COLOR="#6699FF"
(Internet
rule SIZE="6">
Explorer) Contents of your web page
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:

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">
</FORM>
Example 3:

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)
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)
bin/example.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION >option 1
<OPTION SELECTED>option 2 Select an option:
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5 Submit
<OPTION>option 6
</SELECT><BR>
<INPUT type="Submit"
VALUE="Submit"></CENTER>
</FORM>
Example 6:
Example 6: (Tip)
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
</FORM>
Example 1: (Tip)
Example 1:  List item 1
<MENU> o List item 2

<LI type="disc">List item 1
<LI type="circle">List item 2
<LI type="square">List item 3  List item 3
</MENU>
<LI> list item
Example 2: Example 2:
<OL type="i"> i. List item 1

<LI>List item 1
<LI>List item 2 ii. List item 2
<LI>List item 3
<LI>List item 4 iii. List item 3
</OL>
iv. List item 4
<LINK> link Visit our <A Visit our site
HREF="http://www.yourdomain.com/">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-
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"
content="NOINDEX,FOLLOW">
<OL> ordered Numbered Numbered
list 1. List item 1
<OL> 2. List item 2
<LI>List item 1
<LI>List item 2 3. List item 3
<LI>List item 3
</OL>
Numbered Special Start
Numbered Special Start
<OL start="5">
5. List item 1
<LI>List item 2
<LI>List item 4
</OL> 8. List item 4
Lowercase Letters Lowercase Letters
<OL type="a"> a. List item 1

<LI>List item 1
b. List item 2
<LI>List item 2
<LI>List item 3 c. List item 3
<LI>List item 4
</OL> d. List item 4
Capital Letters Capital Letters
<OL type="A">
<LI>List item 1
A. List item 1
<LI>List item 2 B. List item 2
<LI>List item 3
<LI>List item 4 C. List item 3
</OL>
D. List item 4
Capital Letters Special Start
Capital Letters Special Start
<OL type="A" start="3">
<LI>List item 1 C. List item 1
<LI>List item 2
D. List item 2
<LI>List item 3
<LI>List item 4
</OL>
E. List item 3
Lowercase Roman Numerals F. List item 4
<OL type="i"> Lowercase Roman

<LI>List item 1 Numerals
<LI>List item 2
<LI>List item 3 i. List item 1
<LI>List item 4 ii. List item 2
</OL>
iii. List item 3
Capital Roman Numerals
iv. List item 4
<OL type="I">
<LI>List item 1 Capital Roman Numerals
<LI>List item 2
<LI>List item 3
<LI>List item 4 I. List item 1
</OL> II. List item 2
Capital Roman Numerals Special Start III. List item 3
<OL type="I" start="7"> IV. List item 4

<LI>List item 1
<LI>List item 2 Capital Roman Numerals
<LI>List item 3 Special Start
<LI>List item 4
</OL> VII. List item 1
VIII. List item 2
IX. List item 3
X. List item 4
bin/example.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION>option 1
listbox <OPTION SELECTED>option 2 Select an option: (Tip)
<OPTION>
option <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
<TABLE> table Example 1: Example 1: (Tip)
<TABLE BORDER="4" CELLPADDING="2"
CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>
Example 2: (Internet Explorer)

Column 1 Column 2
<TABLE BORDER="2"
BORDERCOLOR="#336699"
CELLPADDING="2" CELLSPACING="2"
WIDTH="100%"> Example 2: (Tip)
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD> Column 1 Column 2
</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"
<TR>
<TD> table data <TD>Column 1</TD>
<TD>Column 2</TD> Column 1 Column 2
</TR>
</TABLE>
<TH> table <DIV align="center"><TABLE> Column Column Column
header <TR> 1 2 3
<TH>Column 1</TH> Row 2 Row 2 Row 2
<TH>Column 2</TH> Row 3 Row 3 Row 3
Row 4 Row 4 Row 4
<TH>Column 3</TH>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
<TR>
<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>
document Title of your web page will be
<TITLE> <TITLE>Title of your HTML page</TITLE>
title viewable in the title bar. (Tip)
<TABLE BORDER="2"
CELLPADDING="2"
<TR>
<TR> table row Column 1 Column 2
<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>  List item 1
<LI>List item 1  List item 2
<LI>List item 2
</UL>
<BR>
unordered Example 2:<BR> Example 2:
<UL>
list <UL type="disc">
<UL type="circle">
<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: the internal 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
BOTTOM | ABSBOTTOM | BASELINE
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
CENTER | BOTTOM | ABSBOTTOM | BASELINE
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
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
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

HTML Tags Chart: Tag Name Code Example Browser View

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Tags Chart: Tag Name Code Example Browser View

Uploaded by

Copyright:

Available Formats

HTML Tags Chart

Tag Name Code Example Browser View

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

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

Contents of your web page

<FORM METHOD=post ACTION="/cgi-

<FORM METHOD=post ACTION="/cgi-

<MENU> o List item 2

<OL type="i"> i. List item 1

<MARQUEE <MARQUEE bgcolor="#CCCCCC" loop="-1"

<MENU>  List item 1

Lowercase Letters Lowercase Letters

<OL type="a"> a. List item 1

Lowercase Roman Numerals F. List item 4

<OL type="i"> Lowercase Roman

Capital Roman Numerals Special Start III. List item 3

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

Example 1:<BR> Attributes:

Example 2: (Internet Explorer)

Example 3: Example 3: (Tip)

<TABLE CELLPADDING="2" Column 1 Column 2

HTML Quick List

<A ...> Anchor HREF: URL you are linking to

You might also like