Every HTML document needs a pair of HEAD tags.
<HTML>
<HEAD>
</HEAD>
</HTML>
Put the TITLE tags in between the head tags
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>
And the bulk of the page is going to be within the BODY tags.
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
There is one more things, give your document a title, and put something in the body.
<HTML>
<HEAD>
<TITLE>
my big bad page! </TITLE></HEAD>
<BODY>
Hello Joe!
</BODY>
</HTML>
Now save it, don't save it as a text document, but save it as INDEX. HTML in a folder.
Make a folder in MY DOCUMENTS and name it what ever you want and then you can save all the web pages you make in this folder.
Then go to the desktop click on my computer (open it) then go to my documents (open it) then open the web site you gust saved.
Next part of the web page is to start putting stuff on your page.
_______________________________________________________________________
Type really cool.
<BODY>
Really cool
</BODY>
|
|
Whenever you make a change to your document, just save it,
This is how to change the background colour
<BODY
BGCOLOR="#CCFFCC">Really cool
</BODY>
|
|
You can insert a background image by typing the tag below. (Note the image should be in the same folder as your HTML file).
<BODY
BACKGROUND="swirlies.gif">Really cool
</BODY>
|
|
Here's the background image
If you use a long skinny image you will get this effect.
<BODY
BACKGROUND="bluebar.gif">Really cool
</BODY>>
|
|
We can make things bold.
<BODY>
Really
<B>cool</B></BODY>
|
really cool |
______________________________________________________________________
The same principle applies to Italics...
<BODY>
<I>
really</I> <B>cool</B></BODY>
|
really cool |
...And underlining.
<BODY>
<U>
really</U> <I>really</I> <B>cool</B></BODY>
|
|
Back again to a plain screen.
<BODY>
Really cool
</BODY>
|
really cool |
We can use tags in combination if we want to.
<BODY>
Really
<I><B>cool</B></I></BODY>
|
|
We can change the font size too... It's pretty easy!
<BODY>
Really
<FONT>cool</FONT></BODY>
How to change the font size.
<BODY>
Really <FONT
SIZE=6>cool</FONT></BODY>
|
really cool |
Fonts come in 7 sizes:
|
real tiny |
small |
regular |
medium |
large |
real big & |
Yelling |
|
1 |
2 |
3 |
4 |
5 |
6 |
7 |
How to change the font (face)
<BODY>
Really <FONT FACE="ARIAL">cool</FONT>
</BODY>
|
really cool |
You can change the font color if you like.
<BODY>
Really <FONT
COLOR="#FF0000">cool</FONT></BODY>
|
really cool |
_______________________________________________________________________
You can change the font color and the font style.
<BODY>
Really <FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">cool</FONT>
</BODY>
|
|
<BODY BGCOLOR="#FFFFFF">
Really
<U><I><B><FONT COLOR="#FF0000"FACE="ARIAL" SIZE="7">cool</FONT>
</B></I></U></BODY>
|
|
_______________________________________________________________________
You can change your font by using the tags below.
They come in sizes 1-6.
<H1>
really cool</H1><H2>
really cool</H2><H3>
really cool</H3><H4>
really cool</H4><H5>
really cool</H5><H6>
really cool</H6>|
really cool really cool really cool really cool really cool really cool |
You can move the text by using these tags.
<H2
ALIGN="left">really cool<H2><H2
ALIGN="center">really cool<H2><H2
ALIGN="right">really cool<H2>
|
really cool really cool really cool |
You can change the link color so they look like this. Text is usually black
Links are usually blue
Active link is usually red
Visited link is usually purple
VLINK="#00BB33" ALINK="#00CCFF">
Really cool
</BODY>
|
|
If you want to start a new line you have to use a line break.
<BODY>
What
<BR>
isgoing
on
<BR>
here?</BODY>
|
Is here? |
<BR>
is to start a new line.
Can you use the <BR> tag to skip a line?
<BODY>
<BR>What
<BR>is
<BR>going
on
<BR>here?
</BODY>
|
What Is here? |
To skip lots of lines?
<BODY>
<BR>
What<BR>
is<BR>
going<BR>
<BR>
on<BR>
<BR>
<BR>
<BR>
here?</BODY>
|
Is on |
Let's go back to our simple page.
<BODY>
Really cool
</BODY>
|
|
This is the paragraph tag.(<p>)
<BODY>
<P>
really cool</P></BODY>
|
really cool |
By itself it doesn't do much. Although with most browsers, starting a new paragraph does have the effect of skipping a line.
<BODY>
<P>really cool</P>
<P>like an icecream</P>
</BODY>
|
really cool like an ice-cream |
Type this tag to center your text.
<BODY>
<CENTER>
really cool</CENTER></BODY>
|
really cool |
Have a look at this...
<BODY>
Really cool
</BODY>
|
|
Let's get into putting images into a web page. I will use this pitcher for an example. Make shore that you copy this pitcher in your that you made (e.g my computer /my documents/your folder)

You specify an image with the <IMG> (image) tag.
<BODY>
<IMG>
</BODY>
We must also specify the source and the size.
<BODY>
<IMG
SRC="chef.gif" WIDTH=130 HEIGHT=101></BODY>
|
|
|
This is how you change the IMG size.
<IMG SRC="chef.gif" WIDTH=130 HEIGHT=101
ALT="Chef">This is how you change the width and height.
<BODY>
<IMG SRC="chef.gif"
WIDTH=300 HEIGHT=101></BODY>
|
|
Add the URL and you're done! URL Stands for Uniform Resource Locator. That's a big fancy phrase that the computer people came up with. They tend to do that alot. A URL is just an address.
<BODY>
Go to <A
HREF="http://www.dingo.com/">dingo!</A></BODY>
|
|
How to add a email link.
<BODY>
Send me <A
HREF="mailto:damian@hotmail.com">Mail!</A></BODY>
|
|
HTML & JAVA SCRIPT CODES
|
BASIC ELEMENTS |
|||
|
|
Document Type |
<HTML></HTML> |
(beginning and end of file) |
|
|
Title |
<TITLE></TITLE> |
(must be in header) |
|
|
Header |
<HEAD></HEAD> |
(descriptive info, such as title) |
|
|
Body |
<BODY></BODY> |
(bulk of the page) |
|
STRUCTURAL DEFINITION |
|||
|
|
Heading |
<H?></H?> |
(the spec. defines 6 levels) |
|
|
Align Heading |
<H? ALIGN=LEFT|CENTER|RIGHT></H?> |
|
|
|
Division |
<DIV></DIV> |
|
|
|
Align Division |
<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> |
|
|
|
Defined Content |
<SPAN></SPAN> |
|
|
|
Block Quote |
<BLOCKQUOTE></BLOCKQUOTE> |
(usually indented) |
|
|
Quote |
<Q></Q> |
(for short quotations) |
|
|
Citation |
<Q CITE="URL"></Q> |
|
|
|
Emphasis |
<EM></EM> |
(usually displayed as italic) |
|
|
Strong Emphasis |
<STRONG></STRONG> |
(usually displayed as bold) |
|
|
Citation |
<CITE></CITE> |
(usually italics) |
|
|
Code |
<CODE></CODE> |
(for source code listings) |
|
|
Sample Output |
<SAMP></SAMP> |
|
|
|
Keyboard Input |
<KBD></KBD> |
|
|
|
Variable |
<VAR></VAR> |
|
|
|
Definition |
<DFN></DFN> |
(not widely implemented) |
|
|
Author's Address |
<ADDRESS></ADDRESS> |
|
|
|
Large Font Size |
<BIG></BIG> |
|
|
|
Small Font Size |
<SMALL></SMALL> |
|
|
|
Insert |
<INS></INS> |
(marks additions in a new version) |
|
|
Time of Change |
<INS DATETIME=":::"></INS> |
|
|
|
Comments |
<INS CITE="URL"></INS> |
|
|
|
Delete |
<DEL></DEL> |
(marks deletions in a new version) |
|
|
Time of Change |
<DEL DATETIME=":::"></DEL> |
|
|
|
Comments |
<DEL CITE="URL"></DEL> |
|
|
|
Acronym |
<ACRONYM></ACRONYM> |
|
|
|
Abbreviation |
<ABBR></ABBR> |
|
|
PRESENTATION FORMATTING |
|||
|
|
Bold |
<B></B> |
|
|
|
Italic |
<I></I> |
|
|
|
Underline |
<U></U> |
(not widely implemented) |
|
|
Strikeout |
<STRIKE></STRIKE> |
(not widely implemented) |
|
|
Strikeout |
<S></S> |
(not widely implemented) |
|
|
Subscript |
<SUB></SUB> |
|
|
|
Superscript |
<SUP></SUP> |
|
|
|
Typewriter |
<TT></TT> |
(displays in a monospaced font) |
|
|
Preformatted |
<PRE></PRE> |
(display text spacing as-is) |
|
|
Width |
<PRE WIDTH=?></PRE> |
(in characters) |
|
|
Center |
<CENTER></CENTER> |
(for both text and images) |
|
|
Blinking |
<BLINK></BLINK> |
(the most derided tag ever) |
|
|
Font Size |
<FONT SIZE=?></FONT> |
(ranges from 1-7) |
|
|
Change Font Size |
<FONT SIZE="+|-?"></FONT> |
|
|
|
Font Color |
<FONT COLOR="#$$$$$$"></FONT> |
|
|
|
Select Font |
<FONT FACE="***"></FONT> |
|
|
|
Point size |
<FONT POINT-SIZE=?></FONT> |
|
|
|
Weight |
<FONT WEIGHT=?></FONT> |
|
|
|
Base Font Size |
<BASEFONT SIZE=?> |
(from 1-7; default is 3) |
|
|
Marquee |
<MARQUEE></MARQUEE> |
|
|
POSITIONING |
|||
|
|
Multi-Column |
<MULTICOL COLS=?></MULTICOL> |
|
|
|
Column Gutter |
<MULTICOL GUTTER=?></MULTICOL> |
|
|
|
Column Width |
<MULTICOL WIDTH=?></MULTICOL> |
|
|
|
Spacer |
<SPACER> |
|
|
|
Spacer Type |
<SPACER TYPE=HORIZONTAL|VERTICAL|BLOCK> |
|
|
|
Size |
<SPACER SIZE=?> |
|
|
|
Dimensions |
<SPACER WIDTH=? HEIGHT=?> |
|
|
|
Alignment |
<SPACER ALIGN=LEFT|RIGHT|CENTER> |
|
|
|
Layer |
<LAYER></LAYER> |
|
|
|
Name |
<LAYER ID="***"></LAYER> |
|
|
|
Location |
<LAYER LEFT=? TOP=?></LAYER> |
|
|
|
Rel. Position |
<LAYER PAGEX=? PAGEY=?></LAYER> |
|
|
|
Source File |
<LAYER SRC="***"></LAYER> |
|
|
|
Stacking |
<LAYER Z-INDEX=?></LAYER> |
|
|
|
Stack Position |
<LAYER ABOVE="***" BELOW="***"></LAYER> |
|
|
|
Dimensions |
<LAYER HEIGHT=? WIDTH=?></LAYER> |
|
|
|
Clipping Path |
<LAYER CLIP=,,,></LAYER> |
|
|
|
Visible? |
<LAYER VISIBILITY=SHOW|HIDDEN|INHERIT></LAYER> |
|
|
|
Background |
<LAYER BACKGROUND="$$$$$$"></LAYER> |
|
|
|
Color |
<LAYER BGCOLOR="$$$$$$"></LAYER> |
|
|
|
Inline Layer |
<ILAYER></ILAYER> |
(takes same attributes as LAYER) |
|
|
Alt. Content |
<NOLAYER></NOLAYER> |
|
|
LINKS, GRAPHICS, AND SOUNDS |
|||
|
|
Link Something |
<A HREF="URL"></A> |
|
|
|
Link to Location |
<A HREF="URL#***"></A> |
(if in another document) |
|
|
|
<A HREF="#***"></A> |
(if in current document) |
|
|
Target Window |
<A HREF="URL" TARGET="***"></A> |
|
|
|
Action on Click |
<A HREF="URL" ONCLICK="***"></A> |
(Javascript) |
|
|
Mouseover Action |
<A HREF="URL" ONMOUSEOVER="***"></A> |
(Javascript) |
|
|
Mouse out Action |
<A HREF="URL" ONMOUSEOUT="***"></A> |
(Javascript) |
|
|
Link to Email |
<A HREF="mailto:@"></A> |
|
|
|
Specify Subject |
<A HREF="mailto:@?SUBJECT=***"></A> §¿ |
(use a real question mark) |
|
|
Define Location |
<A NAME="***"></A> |
|
|
|
Display Image |
<IMG SRC="URL"> |
|
|
|
Alignment |
<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> |
|
|
|
Alignment |
<IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> |
|
|
|
Alternate |
<IMG SRC="URL" ALT="***"> |
(if image not displayed) |
|
|
Dimensions |
<IMG SRC="URL" WIDTH=? HEIGHT=?> |
(in pixels) |
|
|
|
<IMG SRC="URL" WIDTH=% HEIGHT=%> |
(as percentage of page width/height) |
|
|
Border |
<IMG SRC="URL" BORDER=?> |
(in pixels) |
|
|
Runaround Space |
<IMG SRC="URL" HSPACE=? VSPACE=?> |
(in pixels) |
|
|
Low-Res Proxy |
<IMG SRC="URL" LOWSRC="URL"> |
|
|
|
Imagemap |
<IMG SRC="URL" ISMAP> |
(requires a script) |
|
|
Imagemap |
<IMG SRC="URL" USEMAP="URL"> |
|
|
|
Movie Clip |
<IMG DYNSRC="***" START="***" LOOP=?> |
|
|
|
Background Sound |
<BGSOUND SRC="***" LOOP=?|INFINITE> |
|
|
|
Client-Side Map |
<MAP NAME="***"></MAP> |
(describes the map) |
|
|
Map Section |
<AREA SHAPE="DEFAULT|RECT|CIRCLE|POLY" COORDS=",,," HREF="URL"|NOHREF> |
|
|
|
Client Pull |
<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> |
|
|
|
Embed Object |
<EMBED SRC="URL"> |
(insert object into page) |
|
|
Object Size |
<EMBED SRC="URL" WIDTH=? HEIGHT=?> |
|
|
|
Object |
<OBJECT></OBJECT> |
|
|
|
Parameters |
<PARAM> |
|
|
DIVIDERS |
|||
|
|
Paragraph |
<P></P> |
(closing tag often unnecessary) |
|
|
Align Text |
<P ALIGN=LEFT|CENTER|RIGHT></P> |
|
|
|
Justify Text |
<P ALIGN=JUSTIFY></P> |
|
|
|
Line Break |
<BR> |
(a single carriage return) |
|
|
Clear Textwrap |
<BR CLEAR=LEFT|RIGHT|ALL> |
|
|
|
Horizontal Rule |
<HR> |
|
|
|
Alignment |
<HR ALIGN=LEFT|RIGHT|CENTER> |
|
|
|
Thickness |
<HR SIZE=?> |
(in pixels) |
|
|
Width |
<HR WIDTH=?> |
(in pixels) |
|
|
Width Percent |
<HR WIDTH="%"> |
(as a percentage of page width) |
|
|
Solid Line |
<HR NOSHADE> |
(without the 3D cutout look) |
|
|
No Break |
<NOBR></NOBR> |
(prevents line breaks) |
|
|
Word Break |
<WBR> |
(where to break a line if needed) |
|
LISTS |
|||
|
|
Unordered List |
<UL><LI></UL> |
(before each list item) |
|
|
Compact |
<UL COMPACT></UL> |
|
|
|
Bullet Type |
<UL TYPE=DISC|CIRCLE|SQUARE> |
(for the whole list) |
|
|
Bullet Type |
<LI TYPE=DISC|CIRCLE|SQUARE> |
(this & subsequent) |
|
|
Ordered List |
<OL><LI></OL> |
(before each list item) |
|
|
Compact |
<OL COMPACT></OL> |
|
|
|
Numbering Type |
<OL TYPE=A|a|I|i|1> |
(for the whole list) |
|
|
Numbering Type |
<LI TYPE=A|a|I|i|1> |
(this & subsequent) |
|
|
Starting Number |
<OL START=?> |
(for the whole list) |
|
|
Starting Number |
<LI VALUE=?> |
(this & subsequent) |
|
|
Definition List |
<DL><DT><DD></DL> |
(<DT>=term, <DD>=definition) |
|
|
Compact |
<DL COMPACT></DL> |
|
|
|
Menu List |
<MENU><LI></MENU> |
(before each list item) |
|
|
Compact |
<MENU COMPACT></MENU> |
|
|
|
Directory List |
<DIR><LI></DIR> |
(before each list item) |
|
|
Compact |
<DIR COMPACT></DIR> |
|
|
BACKGROUNDS AND COLORS |
|||
|
|
Tiled Bkground |
<BODY BACKGROUND="URL"> |
|
|
|
Watermark |
<BODY BGPROPERTIES="FIXED"> |
|
|
|
Bkground Color |
<BODY BGCOLOR="#$$$$$$"> |
(order is red/green/blue) |
|
|
Text Color |
<BODY TEXT="#$$$$$$"> |
|
|
|
Link Color |
<BODY LINK="#$$$$$$"> |
|
|
|
Visited Link |
<BODY VLINK="#$$$$$$"> |
|
|
|
Active Link |
<BODY ALINK="#$$$$$$"> |
|
|
SPECIAL CHARACTERS |
|||
|
|
Special Character |
&#?; |
(where ? is the ISO 8859-1 code) |
|
|
< |
< |
|
|
|
> |
> |
|
|
|
& |
& |
|
|
|
" |
" |
|
|
|
Registered TM |
® |
|
|
|
Registered TM |
® |
|
|
|
Copyright |
© |
|
|
|
Copyright |
© |
|
|
|
Non-Breaking Space |
|
|
|
FORMS |
|||
|
|
Define Form |
<FORM ACTION="URL" METHOD=GET|POST></FORM> |
|
|
|
File Upload |
<FORM ENCTYPE="multipart/form-data"></FORM> |
|
|
|
Input Field |
<INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| |
|
|
|
Field Name |
<INPUT NAME="***"> |
|
|
|
Field Value |
<INPUT VALUE="***"> |
|
|
|
Checked? |
<INPUT CHECKED> |
(checkboxes and radio boxes) |
|
|
Field Size |
<INPUT SIZE=?> |
(in characters) |
|
|
Max Length |
<INPUT MAXLENGTH=?> |
(in characters) |
|
|
Button |
<BUTTON></BUTTON> |
|
|
|
Button Name |
<BUTTON NAME="***"></BUTTON> |
|
|
|
Button Type |
<BUTTON TYPE="SUBMIT|RESET|BUTTON"></BUTTON> |
|
|
|
Default Value |
<BUTTON VALUE="***"></BUTTON> |
|
|
|
Label |
<LABEL></LABEL> |
|
|
|
Item Labelled |
<LABEL FOR="***"></LABEL> |
|
|
|
Selection List |
<SELECT></SELECT> |
|
|
|
Name of List |
<SELECT NAME="***"></SELECT> |
|
|
|
# of Options |
<SELECT SIZE=?></SELECT> |
|
|
|
Multiple Choice |
<SELECT MULTIPLE> |
(can select more than one) |
|
|
Option |
<OPTION> |
(items that can be selected) |
|
|
Default Option |
<OPTION SELECTED> |
|
|
|
Option Value |
<OPTION VALUE="***"> |
|
|
|
Option Group |
<OPTGROUP LABEL="***"></OPTGROUP> |
|
|
|
Input Box Size |
<TEXTAREA ROWS=? COLS=?></TEXTAREA> |
|
|
|
Name of Box |
<TEXTAREA NAME="***"></TEXTAREA> |
|
|
|
Wrap Text |
<TEXTAREA WRAP=OFF|HARD|SOFT></TEXTAREA> |
|
|
|
Group elements |
<FIELDSET></FIELDSET> |
|
|
|
Legend |
<LEGEND></LEGEND> |
(caption for fieldsets) |
|
|
Alignment |
<LEGEND ALIGN="TOP|BOTTOM|LEFT|RIGHT"></LEGEND> |
|
|
TABLES |
|||
|
|
Define Table |
<TABLE></TABLE> |
|
|
|
Table Alignment |
<TABLE ALIGN=LEFT|RIGHT|CENTER> |
|
|
|
Table Border |
<TABLE BORDER></TABLE> |
(either on or off) |
|
|
Table Border |
<TABLE BORDER=?></TABLE> |
(you can set the value) |
|
|
Cell Spacing |
<TABLE CELLSPACING=?> |
|
|
|
Cell Padding |
<TABLE CELLPADDING=?> |
|
|
|
Desired Width |
<TABLE WIDTH=?> |
(in pixels) |
|
|
Width Percent |
<TABLE WIDTH=%> |
(percentage of page) |
|
|
Table Color |
<TABLE BGCOLOR="$$$$$$"></TABLE> |
|
|
|
Table Frame |
<TABLE FRAME=VOID|ABOVE|BELOW|HSIDES|LHS|RHS| |
|
|
|
Table Rules |
<TABLE RULES=NONE|GROUPS|ROWS|COLS|ALL></TABLE> |
|
|
|
Border Color |
<TABLE BORDERCOLOR="$$$$$$"></TABLE> |
|
|
|
Dark Border |
<TABLE BORDERCOLORDARK="$$$$$$"></TABLE> |
|
|
|
Light Border |
<TABLE BORDERCOLORLIGHT="$$$$$$"></TABLE> |
|
|
|
Table Row |
<TR></TR> |
|
|
|
Alignment |
<TR ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM> |
|
|
|
Table Cell |
<TD></TD> |
(must appear within table rows) |
|
|
Alignment |
<TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> |
|
|
|
No linebreaks |
<TD NOWRAP> |
|
|
|
Columns to Span |
<TD COLSPAN=?> |
|
|
|
Rows to Span |
<TD ROWSPAN=?> |
|
|
|
Desired Width |
<TD WIDTH=?> |
(in pixels) |
|
|
Width Percent |
<TD WIDTH="%"> |
(percentage of table) |
|
|
Cell Color |
<TD BGCOLOR="#$$$$$$"> |
|
|
|
Header Cell |
<TH></TH> |
(same as data, except bold centered) |
|
|
Alignment |
<TH ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM> |
|
|
|
No Linebreaks |
<TH NOWRAP> |
|
|
|
Columns to Span |
<TH COLSPAN=?> |
|
|
|
Rows to Span |
<TH ROWSPAN=?> |
|
|
|
Desired Width |
<TH WIDTH=?> |
(in pixels) |
|
|
Width Percent |
<TH WIDTH="%"> |
(percentage of table) |
|
|
Cell Color |
<TH BGCOLOR="#$$$$$$"> |
|
|
|
Table Body |
<TBODY> |
|
|
|
Table Footer |
<TFOOT></TFOOT> |
(must come before THEAD> |
|
|
Table Header |
<THEAD></THEAD> |
|
|
|
Table Caption |
<CAPTION></CAPTION> |
|
|
|
Alignment |
<CAPTION ALIGN=TOP|BOTTOM|LEFT|RIGHT> |
|
|
|
Column |
<COL></COL> |
(groups column attributes) |
|
|
Columns Spanned |
<COL SPAN=?></COL> |
|
|
|
Column Width |
<COL WIDTH=?></COL> |
|
|
|
Width Percent |
<COL WIDTH="%"></COL> |
|
|
|
Group columns |
<COLGROUP></COLGROUP> |
(groups column structure) |
|
|
Columns Spanned |
<COLGROUP SPAN=?></COLGROUP> |
|
|
|
Group Width |
<COLGROUP WIDTH=?></COLGROUP> |
|
|
|
Width Percent |
<COLGROUP WIDTH="%"></COLGROUP> |
|
|
FRAMES |
|||
|
|
Frame Document |
<FRAMESET></FRAMESET> |
(instead of <BODY>) |
|
|
Row Heights |
<FRAMESET ROWS=,,,></FRAMESET> |
(pixels or %) |
|
|
Row Heights |
<FRAMESET ROWS=*></FRAMESET> |
(* = relative size) |
|
|
Column Widths |
<FRAMESET COLS=,,,></FRAMESET> |
(pixels or %) |
|
|
Column Widths |
<FRAMESET COLS=*></FRAMESET> |
(* = relative size) |
|
|
Borders |
<FRAMESET FRAMEBORDER="yes|no"></FRAMESET> |
|
|
|
Border Width |
<FRAMESET BORDER=?></FRAMESET> |
|
|
|
Border Color |
<FRAMESET BORDERCOLOR="#$$$$$$"></FRAMESET> |
|
|
|
Frame Spacing |
<FRAMESET FRAMESPACING=?></FRAMESET> |
|
|
|
Define Frame |
<FRAME> |
(contents of an individual frame) |
|
|
Display Document |
<FRAME SRC="URL"> |
|
|
|
Frame Name |
<FRAME NAME="***"|_blank|_self|_parent|_top> |
|
|
|
Margin Width |
<FRAME MARGINWIDTH=?> |
(left and right margins) |
|
|
Margin Height |
<FRAME MARGINHEIGHT=?> |
(top and bottom margins) |
|
|
Scrollbar? |
<FRAME SCROLLING="YES|NO|AUTO"> |
|
|
|
Not Resizable |
<FRAME NORESIZE> |
|
|
|
Borders |
<FRAME FRAMEBORDER="yes|no"> |
|
|
|
Border Color |
<FRAME BORDERCOLOR="#$$$$$$"> |
|
|
|
Unframed Content |
<NOFRAMES></NOFRAMES> |
(for non-frames browsers) |
|
|
Inline Frame |
<IFRAME></IFRAME> |
(takes same attributes as FRAME) |
|
|
Dimensions |
<IFRAME WIDTH=? HEIGHT=?></IFRAME> |
|
|
|
Dimensions |
<IFRAME WIDTH="%" HEIGHT="%"></IFRAME> |
|
|
SCRIPTS AND JAVA |
|||
|
|
Script |
<SCRIPT></SCRIPT> |
|
|
|
Location |
<SCRIPT SRC="URL"></SCRIPT> |
|
|
|
Type |
<SCRIPT TYPE="***"></SCRIPT> |
|
|
|
Language |
<SCRIPT LANGUAGE="***"></SCRIPT> |
|
|
|
Other Content |
<NOSCRIPT></NOSCRIPT> |
(if scripts not supported) |
|
|
Applet |
<APPLET></APPLET> |
|
|
|
File Name |
<APPLET CODE="***"> |
|
|
|
Parameters |
<APPLET PARAM NAME="***"> |
|
|
|
Location |
<APPLET CODEBASE="URL"> |
|
|
|
Identifier |
<APPLET NAME="***"> |
(for references) |
|
|
Alt Text |
<APPLET ALT="***"> |
(for non-Java browsers) |
|
|
Alignment |
<APPLET ALIGN="LEFT|RIGHT|CENTER"> |
|
|
|
Size |
<APPLET WIDTH=? HEIGHT=?> |
(in pixels) |
|
|
Spacing |
<APPLET HSPACE=? VSPACE=?> |
(in pixels) |
|
|
Server Script |
<SERVER></SERVER> |
|
|
MISCELLANEOUS |
|||
|
|
Comment |
<!-- *** --> |
(not displayed by the browser) |
|
|
Searchable |
<ISINDEX> |
(indicates a searchable index) |
|
|
Prompt |
<ISINDEX PROMPT="***"> |
(text to prompt input) |
|
|
Send Search |
<A HREF="URL?***"></a> |
(use a real question mark) |
|
|
URL of This File |
<BASE HREF="URL"> |
(must be in header) |
|
|
Base Window Name |
<BASE TARGET="***"> |
(must be in header) |
|
|
Relationship |
<LINK REV="***" REL="***" HREF="URL"> |
(in header) |
|
|
Linked File |
<LINK TYPE="***" SRC="***"></LINK> |
|
|
|
Meta Information |
<META> |
(must be in header) |
|
|
Style Sheets |
<STYLE></STYLE> |
(implementations vary) |
|
|
Bidirect Off |
<BDO DIR=LTR|RTL></BDO> |
(for certain character sets) |
COLOUR CHART
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
330000 |
|
333300 |
|
336600 |
|
339900 |
|
33CC00 |
|
33FF00 |
|
66FF00 |
|
66CC00 |
|
669900 |
|
666600 |
|
663300 |
|
660000 |
|
FF0000 |
|
FF3300 |
|
FF6600 |
|
FF9900 |
|
FFCC00 |
|
FFFF00 |
|
|
|
|
||||||||||||||||||||||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
330033 |
|
333333 |
|
336633 |
|
339933 |
|
33CC33 |
|
33FF33 |
|
66FF33 |
|
66CC33 |
|
669933 |
|
666633 |
|
663333 |
|
660033 |
|
FF0033 |
|
FF3333 |
|
FF6633 |
|
FF9933 |
|
FFCC33 |
|
FFFF33 |
|
|
|
|
||||||||||||||||||||||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
330066 |
|
333366 |
|
336666 |
|
339966 |
|
33CC66 |
|
33FF66 |
|
66FF66 |
|
66CC66 |
|
669966 |
|
666666 |
|
663366 |
|
660066 |
|
FF0066 |
|
FF3366 |
|
FF6666 |
|
FF9966 |
|
FFCC66 |
|
FFFF66 |
|
|
|
|
||||||||||||||||||||||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
330099 |
|
333399 |
|
336699 |
|
339999 |
|
33CC99 |
|
33FF99 |
|
66FF99 |
|
66CC99 |
|
669999 |
|
666699 |
|
663399 |
|
660099 |
|
FF0099 |
|
FF3399 |
|
FF6699 |
|
FF9999 |
|
FFCC99 |
|
FFFF99 |
|
|
|
|
||||||||||||||||||||||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
3300CC |
|
3333CC |
|
3366CC |
|
3399CC |
|
33CCCC |
|
33FFCC |
|
66FFCC |
|
66CCCC |
|
6699CC |
|
6666CC |
|
6633CC |
|
6600CC |
|
FF00CC |
|
FF33CC |
|
FF66CC |
|
FF99CC |
|
FFCCCC |
|
FFFFCC |
|
|
|
|
||||||||||||||||||||||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
3300FF |
|
3333FF |
|
3366FF |
|
3399FF |
|
33CCFF |
|
33FFFF |
|
66FFFF |
|
66CCFF |
|
6699FF |
|
6666FF |
|
6633FF |
|
6600FF |
|
FF00FF |
|
FF33FF |
|
FF66FF |
|
FF99FF |
|
FFCCFF |
|
FFFFFF |
|
|
|
|
||||||||||||||||||||||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
0000FF |
|
0033FF |
|
0066FF |
|
0099FF |
|
00CCFF |
|
00FFFF |
|
99FFFF |
|
99CCFF |
|
9999FF |
|
9966FF |
|
9933FF |
|
9900FF |
|
CC00FF |
|
CC33FF |
|
CC66FF |
|
CC99FF |
|
CCCCFF |
|
CCFFFF |
|
|
|
|
||||||||||||||||||||||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
0000CC |
|
0033CC |
|
0066CC |
|
0099CC |
|
00CCCC |
|
00FFCC |
|
99FFCC |
|
99CCCC |
|
9999CC |
|
9966CC |
|
9933CC |
|
9900CC |
|
CC00CC |
|
CC33CC |
|
CC66CC |
|
CC99CC |
|
CCCCCC |
|
CCFFCC |
|
|
|
|
||||||||||||||||||||||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
000099 |
|
003399 |
|
006699 |
|
009999 |
|
00CC99 |
|
00FF99 |
|
99FF99 |
|
99CC99 |
|
999999 |
|
996699 |
|
993399 |
|
990099 |
|
CC0099 |
|
CC3399 |
|
CC6699 |
|
CC9999 |
|
CCCC99 |
|
CCFF99 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|||||||||||||||||||||||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
000066 |
|
003366 |
|
006666 |
|
009966 |
|
00CC66 |
|
00FF66 |
|
99FF66 |
|
99CC66 |
|
999966 |
|
996666 |
|
993366 |
|
990066 |
|
CC0066 |
|
CC3366 |
|
CC6666 |
|
CC9966 |
|
CCCC66 |
|
CCFF66 |
|
|
|
|
||||||||||||||||||||||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
000033 |
|
003333 |
|
006633 |
|
009933 |
|
00CC33 |
|
00FF33 |
|
99FF33 |
|
99CC33 |
|
999933 |
|
996633 |
|
993333 |
|
990033 |
|
CC0033 |
|
CC3333 |
|
CC6633 |
|
CC9933 |
|
CCCC33 |
|
CCFF33 |
|
|
|
|
||||||||||||||||||||||||||||||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
000000 |
|
003300 |
|
006600 |
|
009900 |
|
00CC00 |
|
00FF00 |
|
99FF00 |
|
99CC00 |
|
999900 |
|
996600 |
|
993300 |
|
990000 |
|
CC0000 |
|
CC3300 |
|
CC6600 |
|
CC9900 |
|
CCCC00 |
|
CCFF00 |
|
|
|
|
||||||||||||||||||||||||||||||||||
These are the grays:
|
|
|
|
|
|
|
|
|
|
|
|
|
000000 |
|
333333 |
|
666666 |
|
999999 |
|
CCCCCC |
|
FFFFFF |
|
|
||||||||||
These are the closest (more or less) to the 16 basic Windows colors:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
000000 |
|
000099 |
|
009900 |
|
009999 |
|
990000 |
|
990099 |
|
999900 |
|
CCCCCC |
|
999999 |
|
0000FF |
|
00FF00 |
|
00FFFF |
|
FF0000 |
|
FF00FF |
|
FFFF00 |
|
FFFFFF |
|
|
|
|||||||||||||||||||||||||||||||
|
|