HTML

HTML
? HTML

HTML !!.
HTML
.
. C

. Java, JavaScript, CGI
. Compiler
.

.
. << W3C
.
) HTML (Hyper Text Markup Language
Hyper Text )
( Hyperlinks
) ( LINKS ) (TAGS
.

HTM , HTML
Internet Explorer Netscape Navigator
TAGS
-:
> <B Bold :

></B><B
> <BR
>.<P
.

HTML
HTML
JavaScript
CSS
.

HTML !!!
HTML !!!!

HTML .
Windows
. PC : | Start | >Programs > Accessories > NotePad
MAC
MAC : | Apple menu | > Mac hard drive > Applications > Simple Text

Netscape Navigator MS Internet Explorer
.
.html -: .htm
.Html

.html
.

.
.

\
Paint Shop Pro
) (

HTML )
. (Server

HTML ....
HTML
....

). (Tag
-: ><
View Source
><
>< > </

:

><HTML
><HEAD
><TITLE
><BODY

></HTML
></HEAD
></TITLE
></BODY
.
. / Html
Html > <HTML > .</HTML !

> <HEAD .
. TITLE> > :
<</TITLE > </HEAD .
> <BODY
. ></BODY
Notepad

><HTML
><HEAD
><TITLE>My first HTML page</TITLE
></HEAD
><BODY
Wow I am Writing My First Page
></BODY
></HTML
. HTML
.htm .html
FirstPage.htm

) C:\htmlfiles ( _
- .
. .
Netscape Navigator Open File .File MS Internet
Explorer Open .File .
:
C:\htmlfiles\FirstPage.htm
. -:
.
) (
:
UPPERCASE
.lowercase .
)
(Enter .Html
:
><HTML><HEAD><TITLE> My first HTML page </TITLE></HEAD><BODY
>Wow, I'm writing my first webpage </BODY></HTML
:
><HTML
><HEAD
><TITLE
My
First
HTML
Page
></TITLE
></HEAD
><BODY
Wow,
I'm
writing
my
first
Page
></BODY
></HTML
:
><HTML> <HEAD> <TITLE
My first HTML page
></TITLE
></HEAD
><BODY
Wow, I'm writing my First Page
></BODY
></HTML
.
!!! .

.
.

!!!

HTML

.
-:
> <BR . )
(.

><HTML
><HEAD
><TITLE
My first HTML page
></TITLE
></HEAD
><BODY
Wow,
<BR> I'm writing my

<BR>first page
></BODY
></HTML

> </P><P
) .
(
><HTML
><HEAD
><TITLE
My first HTML page
></TITLE
></HEAD
><BODY
Wow,
<P> I'm writing my
<P>first page
></BODY
></HTML
-:
) . (Non Breakable Space
.

><HTML
><HEAD
><TITLE
My first HTML page
></TITLE
></HEAD
><BODY
;Wow, &nbsp
;I'm writing &nbsp
my first First page
></BODY
></HTML
-:
> <CENTER
ALIGN . ALIGN
> <P
HTML -:

> =""< > <
*

> <P -:
></P
>"<P ALIGN="CENTER
P ALIGN CENTER
> </P

ALIGN RIGHT . LEFT

HTML
></B
><B
></I
><I
></U
><U

!!!!!

HTML
-:
!
...
!
...
...Links .

>... </A
><A
.Anchor

HREF

. Hypertext REFerence

></A
>"<A HREF="FirstPage.html
: E-Mail

></A
>"<A HREF="mailto:d4a@f2s.com
- :

-:

-:
></A
>"<A HREF="egypt.mid

....
!
!!! .....

.

> <IMG
) .( IMAGe .
SRC
) (SouRCe
-:

>"<IMG SRC="go.gif
go ) gif (

-:

-:
><A HREF="FirstPage.htm"><IMG SRC="go.gif"></A

!!. )
( BORDER .

" border="0 2

>"<img border="6" src="go.gif
-:

. ALIGN
: BOTTOM, TOP, :
MIDDLE, LEFT, RIGHT :
BOTTOM
) (

.

><"IMG SRC="image.jpg" ALIGN="BOTTOM
TOP

. .
>"<IMG SRC="image.jpg" ALIGN="TOP
MIDDLE

. .
> >"IMG SRC="image.jpg" ALIGN="MIDDLE
LEFT
.
.
>"<IMG SRC="image.jpg" ALIGN="LEFT
RIGHT
.

.
>"<IMG SRC="image.jpg" ALIGN="RIGHT

!!.
HTML
!!!
!!.
Body Tag
.
BODY
.
-:

BGCOLOR BG BackGround
HEX !! HEX!!!
216

"BGCOLOR="#FFFFFF
-:

"TEXT="#000000

"LINK="#FF00FF

"VLINK="#660066

"ALINK="#FF0000
!!!
) SRC ( .

Free Downloads
"BACKGROUND="http://www.geocities.com/asdh4/images/bak.jpg

Watermark
Scroll Body
"BGPROPERTIES="FIXED

Internet Explorer
Netscape
"LEFTMARGIN="0
"MARGINWIDTH="0
"TOPMARGIN="0
"MARGINHEIGHT="0

.

Body

"<BODY BGCOLOR="#FFFFFF" BACKGROUND="bubbles.gif" TEXT="#000000
"LINK="#3399FF" VLINK="#9966FF" ALINK="#000000" BGPROPERTIES="FIXED
>"TOPMARGIN="0" MARGINHEIGHT="0

mathmos.com

Server ) (
.

Server ) (
.
WebSpace

FreeServers
Xoom
Geocities
Homestead
Tripod
CrossWinds
www.freeservers.com
www.geocities.com
www.homestead.com
www.tripod.com
www.crosswinds.net
www.xoom.com
.

20 15 50

FTP
FTP User Name
) (
-: ) index.htm ( index.html
.
-1

. HTML
.

.

.
) -: ( Headings
6
> <H1 > <H6
><H1>Heading 1</H1
Heading 1
><H2>Heading 2</H2
Heading 2
Heading 3
><H3>Heading 3</H3
><H4>Heading 4</H4
Heading 4
><H5>Heading 5</H5
Heading 5
Heading 6
><H6>Heading 6</H6

.
>... </FONT
><FONT
FONT SIZE
. font size
.
: . .7-1
.
>"<FONT SIZE="X
............ .......
></FONT
X 7 -1 -:
1
7
3
: 1 6 ) (+ )(-
.
>"<FONT SIZE="X
............ .......
></FONT
6-1 ) (+ ) (-
. 4+ 3
.7 1- .2
:
3-
2-
1-
1+
2+
3+
4+
5+
.
3- 5+

!!

-:
FACE

12pt Black Times New Roman

Arial

> <FONT FACE="Arial">text</FONT
.
...
>"<FONT FACE="Traditional Arabic, Arabic Transparent, Simplified Arabic
............ .......
></FONT
Arial, Helvetica, sans-serif
Verdana, Geneva, sans-serif
Times New Roman, Times, serif
Garamond, Palatino, serif
Courier New, Courier, monospace

<FONT COLOR="#FF0000"></FONT>
6 HEX HTML
RGB
HEX

<FONT
<FONT
<FONT
<FONT
<FONT
<FONT
FACE="Impact"
FACE="Impact"
FACE="Impact"
FACE="Impact"
FACE="Impact"
FACE="Impact"
SIZE="6"
SIZE="6"
SIZE="6"
SIZE="6"
SIZE="6"
SIZE="6"
COLOR="#000000">C </FONT>
COLOR="#008080">O</FONT>
COLOR="#FF0000">L</FONT>
COLOR="#0000FF">O</FONT>
COLOR="#800000">R</FONT>
COLOR="#FF00FF">S</FONT>
COLORS

-:
<FONT
<FONT
<FONT
<FONT
<FONT
<FONT
<FONT
<FONT
FACE="Arial" SIZE="5" COLOR="#00FF00"> This </FONT>

FACE="Times New Roman" SIZE="7" COLOR="#FF00FF"> is </FONT>
FACE="Arial" SIZE="2" COLOR="#FF0000"> multi </FONT>
FACE="Impact" SIZE="4" COLOR="#000000"> colors, </FONT>
FACE="Courier" SIZE="2" COLOR="#0000FF"> multi </FONT>
FACE="Times New Roman" SIZE="3" COLOR="#008080"> faces, </FONT>
FACE="Courier" SIZE="6" COLOR="#FFFF00"> and </FONT>
FACE="Arial" SIZE="5" COLOR="#808080"> multi </FONT>
><FONT FACE="Impact" SIZE="2" COLOR="#800000"> sizes </FONT

><FONT FACE="Times New Roman" SIZE="7" COLOR="#00FFFF"> text </FONT
andmulti sizes text
multi colors, multifaces,
is
This

. " .

HTML
.
) ( .
.
><
[
;&lsquo
;&rsquo
;&sbquo
;&ldquo
;&rdquo
;&bdquo
;&dagger
;&Dagger
;&permil
;&lsaquo
;&rsaquo
;&spades
;&clubs
;&hearts
;&diams
;&oline
←
↑
→
↓
™
&
&
<
<
>
>
"
"
×
÷
–
—

¡
¢
£
¤
¥
€
¦
§

¨
©
ª
«
¬
®
¯
°
±
²
³
´
µ
¶
·
¸
¹
º
»
¼
½
¾
¿
Capital
À
Á
Â
Ã
Ä
Å
Æ
Ç
È
É
Ê
Ë
Ì
Í
Î
Ï
&ET;
Ñ
Ò
Ó
Ô
Õ
Ö
Ø
Ù
Ú
Û
Ü
Ý
Þ
Small
ß
à
á
â
ã
ä
å
æ
ç
è
é
ê
ë
ì
í
î
ï
&et;
ñ
ò
ó
ô
õ
ö
&oslas;
ù
ú
û
ü
ý
&torn;
ÿ
&
;

Arial

....
Links

.

. .

. > <A NAME

>A> ...
<</A
><A>LINKS</A
NAME )
( . attrib1
><A NAME="attrib1">LINKS</A

...
.
. :
><A HREF="#attrib1">1st Paragraph</A
1st Paragraph

#
-:
></A
>"<A HREF="Fontsize.htm#size

.
.
.
> <P . > <BR
. ; &nbsp .
.
> <P > <P> ... </P
.ALIGN, DIR
ALIGN ) Left, Center, Right (
:
></P
>"<P Align="left

></P
>"<P Align="right

></P
>"<P Align="center

>... </CENTER
><CENTER
> <CENTER> This is a centered text </CENTER

DIR
> <P
LTR )(Left To Right
RTL )(Right To Left

) (
) (
> <BLOCKQUOTE> ... </BLOCKQUOTE .
. )(
. ><BLOCKQUOTE> ... </BLOCKQUOTE

.
.
....
. :
><BLOCKQUOTE
><BLOCKQUOTE

.

.

....
></BLOCKQUOTE
></BLOCKQUOTE
:

.
.
....
.

.

.
!...
A
E
I
M
Q
B
F
J
N
R
C
G
K
O
S
D
H
L
P
T
; &nbsp > .<BR

.
:
><PRE> ... </PRE
Preformated .
.
:
ABCDEFGHIJKLMNOPQRST
.
.
!!!

HTML .
:
.1 .Ordered Lists
Unordered Lists

.

><OL> ... </OL

><UL> ... </UL
> <LI
.List Item

><OL
><LI
><LI
><LI
><LI
><LI
><LI
></OL

.1
.2
.3
.4
.5
.6

><UL
><LI
><LI
><LI
><LI
></UL
TYPE
> <UL > <OL .
> <LI
.
A, a, I, i :
) (1
:
<OL
>"TYPE="A
A.
B.
C.
D.
<OL
>"TYPE="a
a.
b.
c.
d.
<UL
<UL
<OL
<OL
>"TYPE="square"> TYPE="circle"> TYPE="i"> TYPE="I
I.
II.
III.
IV.
i.
ii.
iii.
iv.
o
o
o
E.
e.
V.
v.
Disc
.TYPE ,square
circle

>"<OL START="5

> <UL>...</UL :
><DIR> ... </DIR
><MENU> ... </MENU
Definition Lists

. :
> <DL> ... </DL .
> <DT .
> <DD .
><DL
<DT>HTML <DD>Hyper Text Markup Language
<DT>WWW <DD>World Wide Web
<DT>FTP <DD>File Transport Protocol
<DT>GIF <DD>Graphical Interchange Format
<DT>JPG, JPEG <DD>Joint Photographic Experts Group
></DL
HTML
Hyper Text Markup Language
WWW
World Wide Web
FTP
File Transport Protocol
GIF
Graphical Interchange Format
JPG, JPEG
Joint Photographic Experts Group

40 .

HTML
HTML .
You get this
><ABBR>From this</ABBR

[HTML4] -
You get this
><ACRONYM>From this</ACRONYM

[HTML4] -
You get this
><ADDRESS>From this</ADDRESS

You get this
You get this
You get this
><B>From this</B
>"<BASEFONT COLOR="green
><BDO DIR="RTL">From this</BDO

[HTML4] -
You get this
><BIG>From this</BIG
You get this
><BLINK>From this</BLINK
) ( Netscape
][Netscape
You get this
You get this
><BLOCKQUOTE>From this</BLOCKQUOTE
><CITE>From this</CITE
><COMMENT>From this</COMMENT

>! -- <--
><DEL>From this</DEL
][HTML4
You get this
><DFN>From this</DFN
[HTML4] -
You get this
><DIV>From this</DIV
stylesheet
][HTML4
You get this
><EM>From this</EM
.
You get this
><FONT COLOR="orange">From this</FONT

You get this
><H4>From this</H4
6 H1 H6
You get this
><I>From this</I

You get this
><INS>From this</INS
DEL
][HTML4
You get this
><KBD>From this</KBD

You get this
><LISTING>From this</LISTING
PRE ][HTML4
You get this
><MULTICOL>From this</MULTICOL

][Netscape
You get this
><NOBR>From this</NOBR

.
) ( >.<WBR
You get this
<PLAINTEXT>From this
PRE
You get this
><PRE>From this</PRE

][HTML4
You get this
><Q>From this</Q
><BLOCKQUOTE

[HTML4] -
You get this
><S>From this</S

][HTML4
You get this
><SAMP>From this</SAMP

You get this
><SMALL>From this</SMALL

You get this
><SPAN>From this</SPAN
stylesheets > <DIV

> <DIV
][HTML4
You get this
><SPAN
><STRONG>From this</STRONG

You get this
>From <SUB>this</SUB

You get this
>From <SUP>this</SUP

You get this
><TT>From this</TT
TeleType .Monospaced Text

You get this
><U>From this</U

][HTML4
You get this
><VAR>From this</VAR

You get this
><XMP>From this</XMP
><PRE

Internet Explorer !!!!
MS Explorer
..
.MS Explorer .
><MARQUEE

></MARQUEE

) ( .
:
:BGCOLOR Hex
>"<MARQUEE BGCOLOR="#99CCFF
Html4Arab
></MARQUEE
. :HEIGHT
<MARQUEE BGCOLOR="#99CCFF" HEIGHT="80">
Html4Arab
</MARQUEE>
:WIDTH
<MARQUEE BGCOLOR="#99CCFF" HEIGHT="80" WIDTH="40%">
Html4Arab
</MARQUEE>
top, middle :ALIGN

. bottom
Welcome to
<MARQUEE BGCOLOR="#99CCFF" HEIGHT="80" WIDTH="40%">
Html4Arab
</MARQUEE>
Have a good time.
Welcome to
Have a good time.
Welcome to
<MARQUEE BGCOLOR="#99CCFF" HEIGHT="80" WIDTH="40%" ALIGN="middle">
Html4Arab
></MARQUEE
Have a good time.
Have a good time.
Welcome to
Welcome to
>"<MARQUEE BGCOLOR="#99CCFF" HEIGHT="80" WIDTH="40%" ALIGN="top
Html4Arab
></MARQUEE
Have a good time.
Have a good time.
Welcome to
:HSPACE
Welcome to
>"<MARQUEE BGCOLOR="#99CCFF" HEIGHT="80" WIDTH="40%" HSPACE="30
Html4Arab
></MARQUEE
Have a good time.
Have a good time.
Welcome to
:VSPACE

. :
BEHAVIOR ) (
:
scroll
.
slide .
>"<MARQUEE BGCOLOR="#99CCFF" WIDTH="80%" BEHAVIOR="slide
Html4Arab
></MARQUEE

Refresh
alternate .
>"<MARQUEE BGCOLOR="#99CCFF" WIDTH="80%" BEHAVIOR="alternate

Html4Arab
></MARQUEE
DIRECTION left ) (
right .
>"<MARQUEE BGCOLOR="#99CCFF" WIDTH="80%" DIRECTION="right
Html4Arab
></MARQUEE
LOOP .
-1 infinite .
) .
Refresh (
>"<MARQUEE BGCOLOR="#99CCFF" WIDTH="80%" DIRECTION="right" LOOP="3
Html4Arab
></MARQUEE

:

. .

.
... !
:
:SCROLLAMOUNT
)
(.
><MARQUEE SCROLLAMOUNT="1"> HTML </MARQUEE
HTML 1 .
50 50 ) ( 50
100 200
.
:SCROLLDELAY
) 0.001 (
:
><MARQUEE SCROLLAMOUNT="1" SCROLLDELAY="500"> HTML </MARQUEE
500 ) (
. .

.
SCROLLAMOUNT SCROLLDELAY
><MARQUEE SCROLLDELAY="500"> HTML </MARQUEE

Marquee

-2
(:

ALT

!!! .
HEIGHT, WIDTH .
>"<IMG SRC="l.gif" HEIGHT="3" WIDTH="500

>"<img src="images/a.gif" width="200" height="94

>"<img src="images/a.gif" width="400" height="200
ALT
> <IMG ALT
.
" " .
.
>"
<IMG SRC="bearbig.gif" ALT="A lovely bear
Image margins
. :
:VSPACE .
:HSPACE .

>"<IMG SRC="go.gif" HSPACE="10" VSPACE="10

go.gif
10 ) .
(

GIFJPG PNG

.
: .
JPEG: GIF
JPG, JPEG
.Joint Photographic Experts Group 24 )
16.7 ( .
). ( .
.

GIF
Graphical Interchange Format 265.
.JPG
GIF
Transparent Images Animated Gifs
.Paint Shop Pro
Big Thanks For http://www.yourhtmlsource.com
!
:
=JPG
=GIF .
JPEG GIF
PNG
Portable Network Graphics Web
-:
Transparent ) (
JPEG
IE5
Netscape4 IE6
Netscape7 PNG
Pixel
) Pixel ( . Picture
.Element 480640 )( 640
480) ( .

> <HR
HTML Horizontal Rule
> <HR .:
><HR
. SIZE

:
>"<HR SIZE="5
>"<HR SIZE="1
>"<HR SIZE="10
WIDTH
)(
>"<HR WIDTH="80%
>"<HR WIDTH="400
>"<HR SIZE="5" WIDTH="60%
ALIGN center, left, right

>"<HR WIDTH="80%" ALIGN="center
>"<HR WIDTH="400" ALIGN="left
>"<HR SIZE="5" WIDTH="60%" ALIGN="right

) NOSHADE (
><HR SIZE="5" WIDTH="60%" ALIGN="center" NOSHADE

) COLOR (MS Explorer
><HR SIZE="5" WIDTH="60%" ALIGN="center" COLOR="#006699" NOSHADE
Single Pixel Image

> <HR
!!!!
Paint Shop Pro 1

>"<IMG SRC="HR.gif" WIDTH="350" HEIGHT="10" ALT="---
> <HR
KB 1
KB 0.043 >
<HR > <HR Netscape

!!

200 100

)

BORDER " "2
) GIF (
Thumbnails
.
Thumbnail
" " .
. "".
)
.
(.

. .
. Paint Shop Pro
.

WIDTH, HEIGHT

.
-:

.
!! .
.
)
( .. ) .. .
..
.. ( .
Paint Shop Pro
.

..
.

>"<IMG SRC="flowers.jpg" WIDTH="320" HEIGHT="310" BORDER="0
><IMG
"USEMAP="#map_name

) ( . map_name
) ( . .#
.ourmap :
"<IMG SRC="flowers.jpg" WIDTH="320" HEIGHT="310" BORDER="0
>"USEMAP="#ourmap
.
ourmap
>"<MAP NAME="ourmap
...
></MAP
#
:

.

. .
HTML
> <AREA
.
>"<MAP NAME="ourmap
><AREA
><AREA
><AREA
><AREA
></MAP

COORDS
HREF

SHAPE
...
SHAPE :
RECT
CIRCLE
POLY
) (:
>"<MAP NAME="ourmap
>"SHAPE="poly
>"SHAPE="rect
>"SHAPE="circle
>"SHAPE="poly
<AREA
<AREA
<AREA
<AREA
></MAP
.COORDS
)
( . :
.
) (
) .
(

) . (
!

.
.
.
:
(28,255): )
.(310,300
) (145,164 84.
)( ) (315,230) ,(300,20) ,(150,10
. .
)( ) ,(110,65) ,(130,10) ,(10,10) :
(10,140
:
>"<MAP NAME="ourmap
>"SHAPE="poly" COORDS="10,10,130,10,110,65,10,140
>"SHAPE="rect" COORDS="28,255,310,300
>"SHAPE="circle" COORDS="145,164,84
>"SHAPE="poly" COORDS="150,10,300,20,315,230
<AREA
<AREA
<AREA
<AREA
></MAP
.HREF

>"<MAP NAME="ourmap
"<AREA SHAPE="poly" COORDS="10,10,130,10,110,65,10,140
>"HREF="http://asdh4.dk3.com
"<AREA SHAPE="rect" COORDS="28,255,310,300
>"HREF="http://www.ayna.com
"<AREA SHAPE="circle" COORDS="145,164,84
>"HREF="http://www.pcmag-arabic.com
"<AREA SHAPE="poly" COORDS="150,10,300,20,315,230
>"HREF="http://www.ahram.org.eg
></MAP
) .
.
(
"<IMG SRC="flowers.jpg" WIDTH="320" HEIGHT="310" BORDER="0
>"USEMAP="#ourmap
>"<MAP NAME="ourmap
"<AREA SHAPE="poly" COORDS="10,10,130,10,110,65,10,140
>"HREF="http://asdh4.dk3.com
"<AREA SHAPE="rect" COORDS="28,255,310,300
>"HREF="http://www.ayna.com
"<AREA SHAPE="circle" COORDS="145,164,84
>"HREF="http://www.pcmag-arabic.com
"<AREA SHAPE="poly" COORDS="150,10,300,20,315,230
>"HREF="http://www.ahram.org.eg
></MAP
http://www.khayma.com/hpinarabic
:
:
>
<MAP> ... </MAP !!.

USEMAP
.
: .
. .
.
USEMAP
) . (

-:

> <BODY> ... </BODY
USEMAP
" ="#map_name .
:
..
.
!!
..
) .

(
Live Image Mediatec
><BGSOUND

) (.

mid wav au
>) <BGSOUND (BackGround Sound
yankee.mid
>"<BGSOUND SRC="yankee.mid
SRC .
. -
1 infinite )
(
.
LOOP
>"<BGSOUND SRC="yankee.mid" LOOP="infinite

>"<BGSOUND SRC="yankee.mid" LOOP="3
></A
>"<A HREF="yankee.mid

- -

Plug In
AVI
Plug In
Multimedia Plug In Windows Media Player
) ( Internet Explorer
Netscape Netscape's plug-in centre

QuickTime
The EMBED Tag
> <EMBED

"<EMBED SRC="Media/CANYON.MID" AUTOSTART="false" LOOP="false" HEIGHT="45
WIDTH="170"><NOEMBED>You Must Have QuickTime Program you can download it from
>http://www.quicktime.com</NOEMBED
You Must Have QuickTime Program you can download it from

http://www.quicktime.com

"AUTOSTART="...
True False False

True ]

"LOOP="...
True False
"HIDDEN="...
Plug In

><NOEMBED> ......</NOEMBED
Pluge In

Macromedia
Flash Player

140 HEX

COLOR="blue"
HEX #
: HEX
Aqua
#00FFFF
Beige
#F5F5DC
Blanchedalmond
#FFEBCD
Brown
#A52A2A
Chartreuse
#7FFF00
Cornflowerblue
#6495ED
Cyan
#00FFFF
Darkgoldenrod
#B8860B
Darkkhaki
#BDB76B
Darkorange
#FF8C00
Darksalmon
#E9967A
Darkslategray
#2F4F4F
Deeppink
#FF1493
Dodgerblue
#1E90FF
Forestgreen
#228B22
Ghostwhite
#F8F8FF
Gray
#808080
Honeydew
#F0FFF0
Indigo
#4B0082
Lavender
#E6E6FA
Antiquewhite
#FAEBD7
Azure
#F0FFFF
Black
#000000
Blueviolet
#8A2BE2
Cadetblue
#5F9EA0
Coral
#FF7F50
Crimson
#DC143C
Darkcyan
#008B8B
Darkgreen
#006400
Darkolivegreen
#556B2F
Darkred
#8B0000
Darkslateblue
#483D8B
Darkviolet
#9400D3
Dimgray
#696969
Floralwhite
#FFFAF0
Gainsboro
#DCDCDC
Goldenrod
#DAA520
Greenyellow
#ADFF2F
Indianred
#CD5C5C
Khaki
#F0E68C
Aliceblue
#F0F8FF
Aquamarine
#7FFFD4
Bisque
#FFE4C4
Blue
#0000FF
Burlywood
#DEB887
Chocolate
#D2691E
Cornsilk
#FFF8DC
Darkblue
#00008B
Darkgray
#A9A9A9
Darkmagenta
#8B008B
Darkorchid
#9932CC
Darkseagreen
#8FBC8F
Darkturquoise
#00CED1
Deepskyblue
#00BFFF
Firebrick
#B22222
Fuchsia
#FF00FF
Gold
#FFD700
Green
#008000
Hotpink
#FF69B4
Ivory
#FFFFF0
Lemonchiffon
#FFFACD
Lightcyan
#E0FFFF
Lightgrey
#D3D3D3
Lightseagreen
#20B2AA
Lightsteelblue
#B0C4DE
Limegreen
#32CD32
Maroon
#800000
Mediumorchid
#BA55D3
Mediumslateblue
#7B68EE
Mediumvioletred
#C71585
Mistyrose
#FFE4E1
Navy
#000080
Olivedrab
#688E23
Orchid
#DA70D6
Paleturquoise
#AFEEEE
Peachpuff
#FFDAB9
Plum
#DDA0DD
Red
#FF0000
Saddlebrown
#8B4513
Seagreen
#2E8B57
Silver
#C0C0C0
Slategray
#708090
Steelblue
#4682B4
Thistle
#D8BFD8
Violet
#EE82EE
Whitesmoke
#F5F5F5
Lawngreen
#7CFC00
Lightcoral
#F08080
Lightgreen
#90EE90
Lightsalmon
#FFA07A
Lightslategray
#778899
Lime
#00FF00
Magenta
#FF00FF
Mediumblue
#0000CD
Mediumseagreen
#3CB371
Mediumturquoise
#48D1CC
Mintcream
#F5FFFA
Navajowhite
#FFDEAD
Olive
#808000
Orangered
#FF4500
Palegreen
#98FB98
Papayawhip
#FFEFD5
Pink
#FFC0CB
Purple
#800080
Royalblue
#4169E1
Sandybrown
#F4A460
Sienna
#A0522D
Slateblue
#6A5ACD
Springgreen
#00FF7F
Teal
#008080
Turquoise
#40E0D0
White
#FFFFFF
YellowGreen
Lavenderblush
#FFF0F5
Lightblue
#ADD8E6
Lightgoldenrodyellow
#FAFAD2
Lightpink
#FFB6C1
Lightskyblue
#87CEFA
Lightyellow
#FFFFE0
Linen
#FAF0E6
Mediumauqamarine
#66CDAA
Mediumpurple
#9370D8
Mediumspringgreen
#00FA9A
Midnightblue
#191970
Moccasin
#FFE4B5
Oldlace
#FDF5E6
Orange
#FFA500
Palegoldenrod
#EEE8AA
Palevioletred
#D87093
Peru
#CD853F
Powderblue
#B0E0E6
Rosybrown
#BC8F8F
Salmon
#FA8072
Seashell
#FFF5EE
Skyblue
#87CEEB
Snow
#FFFAFA
Tan
#D2B48C
Tomato
#FF6347
Wheat
#F5DEB3
Yellow
#FFFF00
#9ACD32
216
216 HEX ) (

256 !!

-:
)
( . -:

.
-: HEX #
-:
"COLOR="#0000FF
-:
256
000 .255
.
000 .
255 . 255
255 000 ... .
256256256
16777216.
FFFFFF .
) 16 0 9
.( A,B,C,D,E,F 255 FF .
FF 255 . FF
255 . FF 255 .
CC6699 :
.000000
216

#000000
#000033
#000066
#000099
#0000CC
#0000FF
#330000
#330033
#330066
#330099
#3300CC
#3300FF
#660000
#660033
#660066
#660099
#6600CC
#6600FF
#990000
#990033
#990066
#990099
#9900CC
#003300
#003333
#003366
#003399
#0033CC
#0033FF
#333300
#333333
#333366
#333399
#3333CC
#3333FF
#663300
#663333
#663366
#663399
#6633CC
#6633FF
#993300
#993333
#993366
#993399
#9933CC
#006600
#006633
#006666
#006699
#0066CC
#0066FF
#336600
#336633
#336666
#336699
#3366CC
#3366FF
#666600
#666633
#666666
#666699
#6666CC
#6666FF
#996699
#996633
#996666
#996699
#9966CC
#009900
#009933
#009966
#009999
#0099CC
#0099FF
#339900
#339933
#339966
#339999
#3399CC
#3399FF
#669900
#669933
#669966
#669999
#6699CC
#6699FF
#999900
#999933
#999966
#999999
#9999CC
#00CC00
#00CC33
#00CC66
#00CC99
#00CCCC
#00CCFF
#33CC00
#33CC33
#33CC66
#33CC99
#33CCCC
#33CCFF
#66CC00
#66CC33
#66CC66
#66CC99
#66CCCC
#66CCFF
#99CC00
#99CC33
#99CC66
#99CC99
#99CCCC
#00FF00
#00FF33
#00FF66
#00FF99
#00FFCC
#00FFFF
#33FF00
#33FF33
#33FF66
#33FF99
#33FFCC
#33FFFF
#66FF00
#66FFCC
#66FF66
#66FF99
#66FFCC
#66FFFF
#99FF00
#99FF33
#99FF66
#99FF99
#99FFCC
#99FFFF
#CCFF00
#CCFF33
#CCFF66
#CCFF99
#CCFFCC
#CCFFFF
#FFFF00
#FFFF33
#FFFF66
#FFFF99
#FFFFCC
#FFFFFF
#99CCFF
#CCCC00
#CCCC33
#CCCC66
#CCCC99
#CCCCCC
#CCCCFF
#FFCC00
#FFCC33
#FFCC66
#FFCC99
#FFCCCC
#FFCCFF
#9999FF
#CC9900
#CC9933
#CC9966
#CC9999
#CC99CC
#CC99FF
#FF9900
#FF9933
#FF9966
#FF9999
#FF99CC
#FF99FF
#9966FF
#CC6600
#CC6633
#CC6666
#CC6699
#CC66CC
#CC66FF
#FF6600
#FF6633
#FF6666
#FF6699
#FF66CC
#FF66FF
#9933FF
#CC3300
#CC3333
#CC3366
#CC3399
#CC33CC
#CC33FF
#FF3300
#FF3333
#FF3366
#FF3399
#FF33CC
#FF33FF
#9900FF
#CC0000
#CC0033
#CC0066
#CC0099
#CC00CC
#CC00FF
#FF0000
#FF0033
#FF0066
#FF0099
#FF00CC
#FF00FF
( )
| | <
#0000FF #0000CC
#0033FF #0033CC
#0066FF #0066CC
#0099FF #0099CC
#00CCFF #00CCCC
#00FFFF #00FFCC
#3300FF #3300CC
#3333FF #3333CC
#3366FF #3366CC
#3399FF #3399CC
#33CCFF #33CCCC
#33FFFF #33FFCC
#6600FF #6600CC
#6633FF #6633CC
#6666FF #6666CC
#6699FF #6699CC
#66CCFF #66CCCC
#66FFFF #66FFCC
#9900FF #9900CC
#9933FF #9933CC
#9966FF #9966CC
#9999FF #9999CC
#99CCFF #99CCCC
#99FFFF #99FFCC
#CC00FF #CC00CC
#CC33FF #CC33CC
#CC66FF #CC66CC
#CC99FF #CC99CC
#CCCCFF #CCCCCC
#CCFFFF #CCFFCC
#FF00FF #FF00CC
#FF33FF #FF33CC
#FF66FF #FF66CC
#FF99FF #FF99CC
#FFCCFF #FFCCCC
#FFFFFF #FFFFCC
#000099
#003399
#006699
#009999
#00CC99
#00FF99
#330099
#333399
#336699
#339999
#33CC99
#33FF99
#660099
#663399
#666699
#669999
#66CC99
#66FF99
#990099
#993399
#996699
#999999
#99CC99
#99FF99
#CC0099
#CC3399
#CC6699
#CC9999
#CCCC99
#CCFF99
#FF0099
#FF3399
#FF6699
#FF9999
#FFCC99
#FFFF99
#000066
#003366
#006666
#009966
#00CC66
#00FF66
#330066
#333366
#336666
#339966
#33CC66
_
#33FF66
#660066
#663366
#666666
#669966
#66CC66
#66FF66
<
#990066
#993366
#996666
#999966
#99CC66
#99FF66
#CC0066
#CC3366_
#CC6666
#CC9966
#CCCC66
#CCFF66
#FF0066
#FF3366
#FF6666
#FF9966
#FFCC66
#FFFF66
HEX
#ff99ff
RGB
255
153
255
Hex
-3

HTML

.
HTML
.

.

HTML

.
.
>"<TABLE BORDER="1
</TD><TD>2 <TR><TD>1
></TD></TR
></TD></TR </TD><TD>4 <TR><TD>3
></TABLE

1 2
3 4

><TABLE>...</TABLE
><TR>...</TR
Table Row
>....</TD
><TD
Table Data

:

><TABLE> ... </TABLE
. :

><TR> ... </TR
. .
><TABLE
><TR
></TR
><TR
></TR
><TR
></TR
></TABLE
) (

><TD> ... </TD
. > <TR> ... </TR
. .
.
><TABLE
><TR
><TD> Data </TD
><TD> Data </TD
></TR
><TR
><TD> Data </TD
><TD> Data </TD
></TR
><TR
><TD> Data </TD
><TD> Data </TD
></TR
></TABLE
. .
Data Data
Data Data
Data Data
. ... .

. .
:
o
o
o
.

BORDER

>"<TABLE BORDER="5
>"<TABLE BORDER="0

5
WIDTH . :
.
) . (.
>"<TABLE WIDTH="600
>"<TABLE WIDTH="80%
% 80
HEIGHT .

>"<TABLE HEIGHT="500
>"<TABLE HEIGHT="100%
CELLSPACING
>"<TABLE CELLSPACING="10
10
CELLPADDING . :
.
>"<TABLE CELLPADDING="10
10
ALIGN . right, left

>"<TABLE ALIGN="Left
>"<TABLE ALIGN="Right

BGCOLOR
HEX
>"<TABLE BGCOLOR="#0099cc
) (
.

> <TR> ... </TR
. :
ALIGN
Left, Center Center -:
Right,
>"<TD ALIGN="LEFT
>"<TD ALIGN="RIGHT
right
Left
Center
VALIGN
. Top, Bottom, Middle :
>"<TR VALIGN="MIDDLE
>"<TR VALIGN="TOP
>"<TR VALIGN="BOTTOM
top
bottom
middle
BGCOLOR .
> <TABLE .
HEX
>"<TR BGCOLOR="#4682B4
>"<TR BGCOLOR="#0099CC

>"<TR BGCOLOR="face.gif

WIDTH
.
HEIGHT .
.
COLSPAN
>"<TD COLSPAN="n
></td
><tr
>"<td colspan="3
></tr
><tr
> </td >"<td align="center
> </td >"<td align="center
> !!!</td >"<td align="center
></tr
!!!
ROWSPAN ) (.
>"<TD ROWSPAN="n
n
>"<TABLE BORDER="1" ALIGN="RIGHT" WIDTH="200
><TR
></TH><BR >"<TH ROWSPAN="2
></TH ><TH
></TR
></TH ><TR><TH
></TR
></TABLE
....
CAPTION
> <CAPTION> ... </CAPTION
. > <TABLE
.
></CAPTION
><TABLE
><CAPTION
></TD><TD
></TD><TD
><tr
></TD><TD
> </TD><TD
></tr
></table
) (
!!!!

.

) (
><TABLE
><TR
><TD
></TD
><TD
></TH></TR
></TH></TR
><TABLE
><TR><TH
><TR><TH
></TABLE
></TD
></TR
></TABLE
> <TABLE
> <TABLE
.

" "o
.

.
-:
>"<TABLE BORDER="0" WIDTH="200" CELLPADDING="0" CELLSPACING="0
>"<TR BGCOLOR="#CC00CC
><TH WIDTH="15">o</TH
><TH WIDTH="170"> </TH
></TR
>"<TH WIDTH="170" BGCOLOR="#CC3399
Main Content cell
></TH
></TR
><TH WIDTH="15">o</TR
></TABLE

& ;nbsp
3

><FONT SIZE="1"> </FONT
gif

15 15
.
)
(

.

Big Thanks For http://www.yourhtmlsource.com
-4

HTML
.

.
Frames

.

.

) (.
:
Html .
.
.
.
:
= +
.
FRAMESET
.
.
) ( Contents.htm ,
Banner.htm, MasterFrame.htm
.

><FRAMESET> ... </FRAMESET
><BODY> ... </BODY

BODY
><HTML
><HEAD
><TITLE>Master Frame</TITLE
></HEAD
><FRAMESET
></FRAMESET
></HTML
:
COLS
COLS
. ) ( )(
... . !

<FRAMESET
>"COLS="50%,50%
></FRAMESET
<FRAMESET
>"COLS="20%,50%,30%
></FRAMESET
<FRAMESET
>"*COLS="200,300,
></FRAMESET
<FRAMESET
>"COLS="200,*,15%,20%
></FRAMESET
<FRAMESET
>"*COLS="150,*,2
></FRAMESET
%50

%20 %50
%30
200
300 *

)
(
200
%15 %20

.
150....

)* (2
)*(

ROWS
ROWS .
)( .
) . (
%50

<FRAMESET
>"ROWS="50%,50%
></FRAMESET
%20
%50 %30
<FRAMESET
>"ROWS="20%,50%,30%
></FRAMESET
50
120

50
%15
%20
.

<FRAMESET
>"*ROWS="50,120,
></FRAMESET
<FRAMESET
>"ROWS="50,*,15%,20%
></FRAMESET
>"*<FRAMESET ROWS="*,2
></FRAMESET

> <FRAMESET .

> <FRAME
) (
.
> <BODY .

>"
"=<IMG SRC
> <FRAME
. <IMG .
> .<FRAMESET
SRC .
>
. :
>"<FRAMESET COLS="50%,50%
>"<FRAME SRC="frame1.html
></FRAMESET
... .
:
>"<FRAMESET ROWS="50,*,15%,20%
></FRAMESET
> <FRAME SRC

> <IMG SRC :
>"<FRAME SRC="thedome.jpg
></FRAMESET
...
.
.

:
>"*<FRAMESET ROWS="100,
>"<FRAME SRC="Contents.htm
>"<FRAME SRC="index.htm
></FRAMESET
HTML
! > <FRAMESET .
><FRAMESET
></FRAMESET
></FRAMESET
) ( .
:
>"*<FRAMESET COLS="200,
>"<FRAME SRC="index.htm
>"<FRAME SRC="Banner.htm
></FRAMESET
></FRAMESET

NOFRAMES
> <NOFRAMES

Netscape, MS Internet
.

.
><NOFRAMES
><BODY
-:

></BODY
></NOFRAMES

>
<FRAMESET Netscape Navigator, MS
.Internet Explorer
.
FRAMEBORDER
FRAMEBORDER
1 0 . :
>"<FRAMESET ROWS="50,*" FRAMEBORDER="0
></FRAMESET
:BORDER .
" (BORDER="n Netscape
:BORDERCOLOR ) " (BORDERCOLOR="rrggbb

HEX Netscape.
:FRAMESPACING
" (FRAMESPACING="n MS Internet
> <FRAME :
:MARGINHEIGHT
)(MARGINHEIGHT="n" .
:MARGINWIDTH
)(MARGINWIDTH="n" .
:SCROLLING
. yes no . . auto
. Windows
"SCROLLING="yes
"SCROLLING="no
"SCROLLING="auto
NORESIZE
. .

. NORESIZE
"<FRAME SRC="frame1.htm" MARGINHEIGHT="40" MARGINWIDTH="30
>SCROLLING="yes" NORESIZE
>"<FRAME SRC="frame2.htm
></FRAMESET
.
FRAMEBORDER, FRAMESPACING, BORDER,
BORDERCOLOR >.<FRAMESET
.
.
in-line frames

in-line frames

> <IFRAME SRC="inlineframes1.html" WIDTH="70%" HEIGHT="90"></IFRAME

NAME
) (
][right] [left

><IFRAME SRC="left.html" NAME="left"></IFRAME
><IFRAME SRC="right.html" NAME="right"></IFRAME

NAME

.
. .
.
NAME

>
<FRAME .
. ...
)
( .

NAME
NAME )
(
.
> ) <A> ... </A
( .TARGET

:
... !
> <FRAME
. .main

/^%$#
:
><html
><head
><title>Master Frame</title
></head
>"*<frameset rows="68,
>"<frame scrolling="no" noresize src="Banner.htm
>"*<frameset cols="150,
>"<frame src="Contents.htm
>"<frame NAME="MAIN" src="index.htm
></frameset
><noframes
><body
><p>This page uses frames, but your browser doesn't support them.</p
></body
></noframes
></frameset
></html
.
.
TARGET

. TARGET .
Contents.htm
! :
><html
><head
><title>Master Frame</title
></head
>"*<frameset rows="68,
>"<frame scrolling="no" noresize TARGET="MAIN" src="Banner.htm
>"*<frameset cols="150,
>"<frame TARGET="MAIN" src="Contents.htm
>"<frame name="main" src="index.htm
></frameset
><noframes
><body
><p>This page uses frames, but your browser doesn't support them.</p
></body
></noframes
></frameset
></html

TARGET " "_top
.

. HTML
.main
_top HTML
. .lowercase
.
:
_top
_blank
_self
) (
) (
_parent
>< FRAMESET> ...

</FRAMESET .

2 3
4 5 3
) ( 2 3
3 4 .5 5 4
_parent ...3
1 2 .
_top _top
)( .
-5

, .
...
HTML .
)
( ) (
JavaScript, CGI .
.
HTML . ... .
.HTML
-:
><FORM> ... </FORM

. :
ACTION
.
Email . CGI
Server
) (

.
><FORM ACTION="mailto:someone@domain.com"> ... </FORM
><FORM ACTION="name_and_address_of_CGI_script"> ... </FORM
METHOD
.ACTION
GET : Server .
) ( .
Post
.
><FORM ACTION="mailto:someone@domain.com" METHOD="post"> ... </FORM
><FORM ACTION="name_and_address_of_CGI_script" METHOD="get"> ... </FORM
ENCTYPE
. ) :
(
o
o
application/x-www-form-urlencoded
text/plain

) MIME
Multi-purpose Internet Mail Extentions
(.
. text/plain
:
NAME=Ahmed Salah
Address=Cairo, Egypt
Email=asdh4@yahoo.com
) Name, Address, Email

(
application/x-www-form-urlencoded :
NAME=Ahmed+Salah&Address=Cairo+,+Egypt&Email=asdh4@yahoo.com
.
Formaters
text/plain .UrlCook
.
.
:
:
<FORM ACTION="mailto:email@domain.com" METHOD="post" ENCTYPE="text/plain">...
></FORM
INPUT
. > <INPUT
. ...

> <INPUT ) (
TYPE TEXT
><FORM ...
>"<INPUT TYPE="text
></FORM

)( TYPE
.

><SELECT>, <TEXTAREA
>"<INPUT TYPE="text
>"<INPUT TYPE="password
>"<INPUT TYPE="hidden
>"<INPUT TYPE="radio
>"<INPUT TYPE="checkbox
>"Submit Query <INPUT TYPE="submit
>"Reset <INPUT TYPE="reset
>"<INPUT TYPE="button
TYPE
.. > <INPUT NAME
address ) .
( .
.
.
)
(.
Cairo, Egypt
Please enter your address :
: Please enter your address

.
.NAME
><FORM ...
>"Please enter your address : <INPUT TYPE="text" NAME="address
></FORM
) Cairo, Egypt (
.VALUE

.
><FORM ...
>"Please enter your address : <INPUT TYPE="text" NAME="address" VALUE="Cairo, Egypt
></FORM
SIZE
40
><FORM ...
Please enter your address : <INPUT TYPE="text" NAME="address" VALUE="Nablus,
>"Palestine" SIZE="40
></FORM
Cairo, Egypt
10
Cairo, Egypt
SIZE .
: .
. MAXLENGTH
.
><FORM ...
"Palestine
>"SIZE="40" MAXLENGTH="30
></FORM
Cairo, Egypt
30 ?
password text
****** .

><FORM ...
Please enter your name :
>"<INPUT TYPE="text" NAME="the name" SIZE="40" MAXLENGTH="30
Please enter your passwod :
>"<INPUT TYPE="password" NAME="the password" SIZE="40" MAXLENGTH="30
></FORM

Please enter your password :
VALUES
.
hidden .
. :
><FORM ...
>"<INPUT TYPE="text" NAME="the name" VALUE="" SIZE="40" MAXLENGTH="30
>"<INPUT TYPE="hidden" NAME="my forms" VALUE="form1
"<INPUT TYPE="password" NAME="the password" VALUE="" SIZE="40
>"MAXLENGTH="30
></FORM


. :
...
.
.
)( .
...
...
...

:
my forms=form1
my forms=form2
my forms=form3
.

.
.

...
HTML .
)
( ) (
JavaScript, CGI .
.
HTML . ... .
.HTML
-:
><FORM> ... </FORM
. :
ACTION
.
Email . CGI
Server
) (

.
><FORM ACTION="mailto:someone@domain.com"> ... </FORM
><FORM ACTION="name_and_address_of_CGI_script"> ... </FORM
METHOD
.ACTION
GET : Server .
) ( .
Post
.
><FORM ACTION="mailto:someone@domain.com" METHOD="post"> ... </FORM
><FORM ACTION="name_and_address_of_CGI_script" METHOD="get"> ... </FORM
ENCTYPE
. ) :
(
o
o
application/x-www-form-urlencoded
text/plain

) MIME
Multi-purpose Internet Mail Extentions
(.
. text/plain
:
NAME=Ahmed Salah
Address=Cairo, Egypt
Email=asdh4@yahoo.com
) Name, Address, Email

(
application/x-www-form-urlencoded :
NAME=Ahmed+Salah&Address=Cairo+,+Egypt&Email=asdh4@yahoo.com
.
Formaters
text/plain .UrlCook
.
.
:
:
<FORM ACTION="mailto:email@domain.com" METHOD="post" ENCTYPE="text/plain">...
></FORM
INPUT
. > <INPUT
. ...

> <INPUT ) (
TYPE TEXT
><FORM ...
>"<INPUT TYPE="text
></FORM

)( TYPE
.

><SELECT>, <TEXTAREA
>"<INPUT TYPE="text
>"<INPUT TYPE="password
>"<INPUT TYPE="hidden
>"<INPUT TYPE="radio
>"<INPUT TYPE="checkbox
>"Submit Query <INPUT TYPE="submit
>"Reset <INPUT TYPE="reset
>"<INPUT TYPE="button
TYPE
.. > <INPUT NAME
address ) .
( .
.
.
)
(.
Cairo, Egypt
: Please enter your address

.
.NAME
><FORM ...
>"Please enter your address : <INPUT TYPE="text" NAME="address
></FORM
) Cairo, Egypt (
.VALUE

.
><FORM ...
>"Please enter your address : <INPUT TYPE="text" NAME="address" VALUE="Cairo, Egypt
></FORM
SIZE
40
><FORM ...
>"Palestine" SIZE="40
></FORM
Cairo, Egypt
10
Cairo, Egypt
SIZE .
: .
. MAXLENGTH
.
><FORM ...
"Palestine
>"SIZE="40" MAXLENGTH="30
></FORM
Cairo, Egypt
30 ?
password text
****** .

><FORM ...
>"<INPUT TYPE="text" NAME="the name" SIZE="40" MAXLENGTH="30
>"<INPUT TYPE="password" NAME="the password" SIZE="40" MAXLENGTH="30
></FORM

Please enter your password :
VALUES
.
hidden .
. :
><FORM ...
>"<INPUT TYPE="text" NAME="the name" VALUE="" SIZE="40" MAXLENGTH="30
"<INPUT TYPE="password" NAME="the password" VALUE="" SIZE="40
>"MAXLENGTH="30
></FORM


. :
...
.
.
)( .
...
...
...

:
my forms=form1
my forms=form2
my forms=form3
.

.
.

) (

TABINDEX
) Tab
(Caps Lock Tab
TABINDEX
Tab
Box 1
Box 3
Box 4
Box 2
Tab
TABINDEX
>"TABINDEX="1
>"TABINDEX="3
>"TABINDEX="4
>"TABINDEX="2
"NAME="TAB1
"NAME="TAB2
"NAME="TAB3
"NAME="TAB4
"TYPE="text
"TYPE="text
"TYPE="text
"TYPE="text
><FORM
Box 1 <INPUT
Box 3 <INPUT
Box 4 <INPUT
Box 2 <INPUT
></FORM

.
FIELDSET LEGEND
)
( Netscape
:1
:2
:3
Submit
Reset
FIELDSET LEGEND

></B></LEGEND
><FIELDSET
<LEGEND><B>1:
>" <INPUT TYPE="text" NAME="NAME

>" <INPUT TYPE="text" NAME="EMAIL
></FIELDSET
FIELDSET
LEGEND CSS

LEFT, RIGHT, CENTER, BOTTOM
FIELDSET
TOP

ACCESSKEY
Alt
File
Edit
.....
Alt+F

"ACCESSKEY="X
X Alt
Alt+S

shortcut
LABEL

><FORM
><LABEL FOR="LABELEXAMPLE">Click here</LABEL
>"<INPUT TYPE="checkbox" NAME="CHECK1" ID="LABELEXAMPLE

></FORM
"...."=For
"...."=ID
" "
Submit
Submit

Submit

Submit
"<INPUT TYPE="image" SRC="images/submit.gif" HEIGHT="20" WIDTH="60" BORDER="0
>" "=ALT
Submit "TYPE="submit
"TYPE="image SRC, ALT, BORDER, HEIGHT WIDTH

ALT

.

HTML

Uploaded by

Document Information

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

Uploaded by

Copyright:

Available Formats

HTML

> <B Bold :

. PC : | Start | >Programs > Accessories > NotePad

>< > </

Html > <HTML > .</HTML !

<BR> I'm writing my

>"<IMG SRC="image.jpg" ALIGN="LEFT

>"<IMG SRC="image.jpg" ALIGN="RIGHT

Arial, Helvetica, sans-serif

Verdana, Geneva, sans-serif

Times New Roman, Times, serif

Garamond, Palatino, serif

Courier New, Courier, monospace

FACE="Arial" SIZE="5" COLOR="#00FF00"> This </FONT>

><FONT FACE="Impact" SIZE="2" COLOR="#800000"> sizes </FONT

andmulti sizes text

multi colors, multifaces,

> <CENTER> This is a centered text </CENTER

RTL )(Right To Left

; &nbsp > .<BR

You get this

You get this

You get this

You get this

><FONT COLOR="orange">From this</FONT

stylesheets > <DIV

TeleType .Monospaced Text

top, middle :ALIGN

Have a good time.

Have a good time.

Have a good time.

Have a good time.

>"<MARQUEE BGCOLOR="#99CCFF" WIDTH="80%" BEHAVIOR="alternate

><MARQUEE SCROLLAMOUNT="50"> HTML </MARQUEE

><MARQUEE SCROLLAMOUNT="100"> HTML </MARQUEE

><MARQUEE SCROLLAMOUNT="200"> HTML </MARQUEE

><MARQUEE SCROLLAMOUNT="50" SCROLLDELAY="500"> HTML </MARQUEE

><MARQUEE SCROLLAMOUNT="100" SCROLLDELAY="500"> HTML </MARQUEE

><MARQUEE SCROLLAMOUNT="200" SCROLLDELAY="500"> HTML </MARQUEE

<IMG SRC="bearbig.gif" ALT="A lovely bear

>"<IMG SRC="go.gif" HSPACE="10" VSPACE="10

Big Thanks For http://www.yourhtmlsource.com

>"<HR SIZE="5" WIDTH="60%

ALIGN center, left, right

>"<HR WIDTH="400" ALIGN="left

>"<HR SIZE="5" WIDTH="60%" ALIGN="right

Single Pixel Image

Paint Shop Pro 1

>"<IMG SRC="HR.gif" WIDTH="350" HEIGHT="10" ALT="---

<MAP> ... </MAP !!.

>"<BGSOUND SRC="yankee.mid" LOOP="infinite

Netscape Netscape's plug-in centre

You Must Have QuickTime Program you can download it from

True False False

ALIGN . right, left

Big Thanks For http://www.yourhtmlsource.com

><BODY> ... </BODY

> <FRAME SRC

:BORDERCOLOR ) " (BORDERCOLOR="rrggbb

> <IFRAME SRC="inlineframes1.html" WIDTH="70%" HEIGHT="90"></IFRAME

>< FRAMESET> ...

><FORM> ... </FORM

) Name, Address, Email

Please enter your address :