HTML 4.0كتاب لتعليم

HTML
HTML4ARAB
BY
IsLmicHackers@HotMail.com

>
? HTML

>

>

>

Thumbnails

216

>

) )
) )
>

>

Submit
HTML

] HTML | | |
HTML [

HTML !!.
HTML
.
. C
. Java, JavaScript, CGI
. Compiler
.

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

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

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

HTML
HTML
JavaScript
CSS
.

HTML !!!!

] | | [

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

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

.html
.

.
.

\
Paint Shop Pro
) (

HTML
(Server) .

HTML ....

HTML

HTML

....

!!.

Server ) (
.

HTML
....

] | | [
). (Tag
-: ><
View Source
><
>< ></
:

></HTML> <HTML
></HEAD> <HEAD
></TITLE> <TITLE
></BODY> <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 File Open .File MS Internet
Explorer Open .File .
:
C:\htmlfiles\FirstPage.htm
. -:
J .
) (
:
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
.
!!! .
.
.

!!!

.

] | | | | [
:-
> <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

!!!!!

.

] | | | [
-:
! ...
!
...
...Links .

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

HREF

. REFerence Hypertext

></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="

>"<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 Tag
.
BODY
.
-:

BGCOLOR BG BackGround
HEX !! HEX!!!

"BGCOLOR="#FFFFFF
-:

"TEXT="#000000

"LINK="#FF00FF

"VLINK="#660066

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

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

Watermark
Scroll Body
"BGPROPERTIES="FIXED

Internet Explorer
Netscape
" LEFTMARGIN="0
"TOPMARGIN="0
" MARGINWIDTH="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 ) (
.
WebSpace

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

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

. HTML
.

!!

....
!!!

.

Internet Explorer !!!!
( HTML
)

] | [

.

.
)-: ( Headings

> <H1 > <H6
><H1>Heading 1</H1
Heading 1
><H2>Heading 2</H2
Heading 2
><H3>Heading 3</H3
Heading 3
><H4>Heading 4</H4
><H5>Heading 5</H5
><H6>Heading 6</H6
Heading 4
Heading 5
Heading 6
><FONT/> ... <FONT
.

FONT SIZE
font size .
.
: . .-
.
>"<FONT SIZE="X
............ .......
></FONT
X - :-

7

: ) (+ )(-
.
>"<FONT SIZE="X
............ .......
></FONT
- ) (+ ) (-
. +
. - .
:
-
-2
+4
+
.
- +5

] | Face | [

-:
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>
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
<FONT
<FONT
This
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>
FACE="Impact" SIZE="2" COLOR="#800000"> sizes </FONT>
FACE="Times New Roman" SIZE="7" COLOR="#00FFFF"> text </FONT>
is
multi colors, multi faces,
and
multi sizes
text

. " .
HTML
.
) ( .
.
><

] | [
;&lsquo
;&rsquo
;&sbquo
;&ldquo
;&rdquo
;&bdquo
;&dagger
;&Dagger
;&permil
;&lsaquo
;&rsaquo
;&spades
;&clubs
;&hearts
;&diams
;&oline
;&larr
;&uarr
;&rarr
;&darr
;&trade
;&amp
&
;&lt
<
;&gt
>
;&quot
"
;&times
;&divide
;&ndash
;&mdash
;&nbsp
¡
¢
£
¤
¥
€
¦
§

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

Arial

] | | | DIR[
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 .
:
. .Ordered Lists
Lists Unordered

.

><OL> ... </OL

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

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

.
.
.
.
.
.

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

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

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

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

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

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

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

You get this
><H4>From this</H4
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] -
<S>From this</S>
You get this

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

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

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

< DIV>
[HTML4]
<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>
You get this
.Monospaced Text TeleType

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

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

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

.

| [ BGCOLOR | HEIGHT | WIDTH | ALIGN | HSPACE | VSPACE | BEHAVIOR | DIRECTION
] | LOOP | SCROLLAMOUNT | SCROLLDELAY
MS Explorer

..
MS Explorer. .
><MARQUEE

></MARQUEE

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

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

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

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

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

:

. .
.
... !
:
:SCROLLAMOUNT
) (.
><MARQUEE SCROLLAMOUNT="1"> HTML </MARQUEE
HTML
HTML
HTML
HTML
HTML .
) (

.
:SCROLLDELAY
) (
:
><MARQUEE SCROLLAMOUNT="1" SCROLLDELAY="500"> HTML </MARQUEE
HTML
HTML
HTML
HTML
) (
. .
.
SCROLLAMOUNT SCROLLDELAY
><MARQUEE SCROLLDELAY="500"> HTML </MARQUEE
HTML

Marquee

(:

ALT

PNGJPG GIF

Thumbnails

HEX ) (

.

] | | | ALT [

!!! .
WIDTH HEIGHT .
>"<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
margins Image
. :
:VSPACE .
:HSPACE .

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

go.gif
) .
)

] [JPEG | GIF | PNG | PIXEL

.
: .
JPEG: GIF
JPEG JPG
.Joint Photographic Experts Group )
( .
). ( .
.

GIF
Graphical Interchange Format .
.JPG
GIF
Transparent Images Gifs Animated
.Paint Shop Pro
http://www.yourhtmlsource.comBig Thanks For
!
:
=JPG
=GIF .
JPEG GIF
PNG
Portable Network Graphics Web

-:
Transparent ) (
JPEG
IE5
Netscape4
IE6 Netscape7 PNG
Pixel
) Pixel ( . Picture
.Element )(
) ( .
.

> <HR

><HR

] > | <HR | | [
> <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 right center, left

>"<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
Image Single Pixel

> <HR
!!!!
Paint Shop Pro

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

!!

)

BORDER " "
) GIF (

Thumbnails
Thumbnail
" " .
. "".
)
.
(.

. .
. Paint Shop Pro
.

WIDTH, HEIGHT

.
-:

HTML
.

] | | | | | | [

.
!! .
.
)
( .. ) .. .
.. .. ( .
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.
)
( . :
.
) (
) .
(

) . (
!

.
.
.
:
():
)).
) ( .
)( )), (315,230) ) (
. .
)( () () () :
))
:
>"<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

) ) .

] | | [ EMBED
><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="...
False True
"HIDDEN="...
Plug In

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

Macromedia
Player Flash
Have Macromedia Flash You Can Download It at Must You
htt://www.macromedia.com

HEX

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

] | | [

!!

-:
)
( . -:
-: HEX #
-:
"COLOR="#0000FF
-:

.
.
.
.
... .
256256256
.
FFFFFF .
(
A,B,C,D,E,F ). FF .
FF . FF
. FF .
: CC6699
000000.

#000000
#003300
#006600
#009900
#00CC00
#00FF00
#000033
#003333
#006633
#009933
#00CC33
#00FF33
#000066
#003366
#006666
#009966
#00CC66
#00FF66
#000099
#003399
#006699
#009999
#00CC99
#00FF99
#00FFCC #00CCCC #0099CC #0066CC #0033CC #0000CC
#00FFFF
#00CCFF
#0099FF
#0066FF
#0033FF
#0000FF
#33FF00
#33CC00
#339900
#336600
#333300
#330000
#33FF33
#33CC33
#339933
#336633
#333333
#330033
#33FF66
#33CC66
#339966
#336666
#333366
#330066
#33FF99
#33CC99
#339999
#336699
#333399
#330099

#33FFFF
#33CCFF
#3399FF
#3366FF
#3333FF
#3300FF
#66FF00
#66CC00
#669900
#666600
#663300
#660000
#66FFCC #66CC33
#669933
#666633
#663333
#660033
#66FF66
#66CC66
#669966
#666666
#663366
#660066
#66FF99
#66CC99
#669999
#666699
#663399
#660099

#66FFFF
#66CCFF
#6699FF
#6666FF
#6633FF
#6600FF
#99FF00
#99CC00
#999900
#996699
#993300
#990000
#99FF33
#99CC33
#999933
#996633
#993333
#990033
#99FF66
#99CC66
#999966
#996666
#993366
#990066
#99FF99
#99CC99
#999999
#996699
#993399
#990099

#99FFFF
#99CCFF
#9999FF
#9966FF
#9933FF
#9900FF
#CCFF00 #CCCC00 #CC9900 #CC6600 #CC3300 #CC0000

#CCFFCC #CCCCCC #CC99CC #CC66CC #CC33CC #CC00CC
#CCFFFF #CCCCFF #CC99FF #CC66FF #CC33FF #CC00FF
#FFFF00
#FFCC00
#FF9900
#FF6600
#FF3300
#FF0000
#FFFF33
#FFCC33
#FF9933
#FF6633
#FF3333
#FF0033
#FFFF66
#FFCC66
#FF9966
#FF6666
#FF3366
#FF0066
#FFFF99
#FFCC99
#FF9999
#FF6699
#FF3399
#FF0099
#FFFFCC #FFCCCC #FF99CC #FF66CC #FF33CC #FF00CC

#FFFFFF #FFCCFF #FF99FF #FF66FF #FF33FF #FF00FF
( )
| | <
#0000FF
#0033FF
#0066FF
#0099FF
#00CCFF
#00FFFF
#3300FF
#0000CC
#0033CC
#0066CC
#0099CC
#00CCCC
#00FFCC
#3300CC
#000099
#003399
#006699
#009999
#00CC99
#00FF99
#330099
#000066
#003366
#006666
#009966
#00CC66
#00FF66
#330066
#000033
#003333
#006633
#009933
#00CC33
#00FF33
#330033
#000000 _
#003300
#006600
#009900
#00CC00
#00FF00
#330000
#3333FF
#3366FF
#3399FF
#33CCFF
#33FFFF
#6600FF
#6633FF
#6666FF
#6699FF
#66CCFF
#66FFFF
#9900FF
#9933FF
#9966FF
#9999FF
#99CCFF
#99FFFF
#CC00FF
#CC33FF
#CC66FF
#CC99FF
#CCCCFF
#CCFFFF
#FF00FF
#FF33FF
#FF66FF
#FF99FF
#FFCCFF
#FFFFFF
#3333CC
#3366CC
#3399CC
#33CCCC
#33FFCC
#6600CC
#6633CC
#6666CC
#6699CC
#66CCCC
#66FFCC
#9900CC
#9933CC
#9966CC
#9999CC
#99CCCC
#99FFCC
#CC00CC
#CC33CC
#CC66CC
#CC99CC
#CCCCCC
#CCFFCC
#FF00CC
#FF33CC
#FF66CC
#FF99CC
#FFCCCC
#FFFFCC
#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
#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
#333333
#336633
#339933
#33CC33
#33FF33
#660033
#663333
#666633
#669933
#66CC33
#66FF33
#990033
#993333
#996633
#999933
#99CC33
#99FF33
#CC0033
#CC3333
#CC6633
#CC9933
#CCCC33
#CCFF33
#FF0033
#FF3333
#FF6633
#FF9933
#FFCC33
#FFFF33
#333300 >
#336600
#339900
#33CC00
#33FF00
#660000
#663300 _
#666600
#669900
#66CC00
#66FF00
#990000
#993300
#996600
#999900
#99CC00
#99FF00
#CC0000
#CC3300
#CC6600
#CC9900
#CCCC00
#CCFF00
#FF0000
#FF3300
#FF6600
#FF9900
#FFCC00
#FFFF00

HTML

.
( )
.
) (
!!!!

HTML
.

.

] | [

HTML

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

></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

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

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

>"<TABLE ALIGN="Left
>"<TABLE ALIGN="Right
BGCOLOR
HEX
>"<TABLE BGCOLOR="#0099cc

.

| | ALIGN | VALIGN | BGCOLOR | WIDTH | HEIGHT | COLSPAN [
]ROWSPAN | CAPTION

> <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
>"<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
><TABLE
></TH></TR ><TR><TH
></TH></TR ><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

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

.
)
(

.

http://www.yourhtmlsource.comBig Thanks For

HTML
.

Frames

] | [ NOFRAMES | ROWS | COLS | FRAMESET

.

.

) (.
:
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
....

)* (
)*(

ROWS
ROWS .
)( .
) . (
<FRAMESET
>"ROWS="50%,50%
></FRAMESET
%
% %
<FRAMESET
>"ROWS="20%,50%,30%
></FRAMESET

%
%
.

<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

MS Internet, Netscape
.

.
><NOFRAMES
><BODY
:-

></BODY
></NOFRAMES

.
.

] [ in-line frames | FRAMEBORDER

><FRAMESET
MS Internet , Netscape Navigator
. Explorer
.
FRAMEBORDER
FRAMEBORDER
. :
>"<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
.
.
frames in-line

in-line frames

><IFRAME SRC="inlineframes1.html" WIDTH="70%" HEIGHT="90"></IFRAME
) NAME
(
][left] [right

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

NAME

.
. .
.

] [ TARGET | 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
) (
.
_ parent ...
.
_ top _ top
)( .

) (

Submit
Submit

.

] | [ INPUT | ENCTYPE | METHOD | ACTION
...
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
Extentions Mail Internet Multi-purpose
(.
. 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
) Egypt Cairo (
.VALUE

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

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

Cairo, Egypt
SIZE .
: .
. MAXLENGTH
.
><FORM ...
Please enter your address : <INPUT TYPE="text" NAME="address" VALUE="Nablus,
"Palestine
>"SIZE="40" MAXLENGTH="30
></FORM
Cairo, Egypt
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
.

.
.

.
Text, Password, Hidden

] [ Select Boxes Drop-down | CHECKBOX | RADIO
Radio :
CheckboxBoxes Select down-Drop
RADIO
.RADIO
.
>"<input type="radio

RADIO

><form
>"<input name="color" type="radio" value="Green
>"<input name="color" type="radio" value="black
>"<input name="color" type="radio" value="blue
>"<input name="color" type="radio" value="red
></form
NAME .

. Color
VALUE

CHECKED .
><form
><input name="color" type="radio" value="Green" CHECKED
>"<input name="color" type="radio" value="black

>"<input name="color" type="radio" value="blue
>"<input name="color" type="radio" value="red
></form
... )
( . :
Color=blue
CHECKBOX
.CHECKBOX
.
>"<input type="checkbox
:
All
ACDSee
Photoshop
Winamp

! CHECKBOX RADIO RADIO
.
:
name="ws" value="yes">Winamp
name="ps" value="yes">Photoshop
name="acd" value="yes">ACDSee
name="all" value="yes">All
"type="checkbox
"type="checkbox
"type="checkbox
"type="checkbox
<input
<input
<input
<input
checkbox .TYPE
NAME . VALUE .
.
RADIO CHECKBOX
. RADIO
CHECKBOX
:
ps=Yes
all=Yes
RADIO
CHECKED
name="ws" value="yes" CHECKED>Winamp
name="ps" value="yes">Photoshop
name="acd" value="yes" CHECKED>ACDSee
name="all" value="yes">All
All
ACDSee
Photoshop
"type="checkbox
"type="checkbox
"type="checkbox
"type="checkbox
<input
<input
<input
<input
Winamp
Drop-down Select Boxes

Boxes Select Drop-down
> <INPUT
><SELECT
><OPTION
></SELECT
> <SELECT/> ... <SELECT > <OPTION

.

><FORM
><SELECT
<OPTION> Winamp
<OPTION>Photoshop
<OPTION> ACDSee
<OPTION> All
></SELECT
></FORM
:
Winamp
.

. > <SELECT NAME .
SIZE ) ( .
.
><FORM
>"<SELECT NAME="browser" SIZE="2
<OPTION> Winamp
<OPTION>Photoshop
<OPTION> ACDSee
<OPTION> All
></SELECT
</FORM
Winamp
Photoshop

MULTIPLE ) SIZE
( .
><FORM
><SELECT NAME="browser" SIZE="4" MULTIPLE
<OPTION> Winamp
<OPTION>Photoshop
<OPTION> ACDSee
<OPTION> All
></SELECT
</FORM
Winamp
Photoshop
ACDSee
All
. ctrl
> <OPTION VALUE
. SELECTED > <OPTION
.
><FORM
><SELECT NAME="browser" SIZE="4" MULTIPLE
<OPTION VALUE="wa"> Winamp
<OPTION VALUE="ps" SELECTED>Photoshop
<OPTION VALUE="acd"> ACDSee
<OPTION VALUE="all"> All
></SELECT
></FORM
Winamp
Photoshop
ACDSee
All
TEXTAREA

><TEXTAREA> ... </TEXTAREA
NAME
. VALUE

>"<TEXTAREA NAME="comments
: off

>"<TEXTAREA NAME="comments" COLS="30" ROWS="6" WRAP="off
></TEXTAREA

> <INPUT submit
.
>"<INPUT TYPE="submit
Submit Query
( Netscape Submit Query ) Submit

VALUE
>"
"=<INPUT TYPE="submit" VALUE

reset TYPE
> <INPUT .submit
>"

"=<INPUT TYPE="reset" VALUE
button > <INPUT

) (
JavaScript .
. reset,
submit.
>" button
"=<INPUT TYPE="button" VALUE

] [ LABEL | ACCESSKEY | LEGEND & FIELDSET | TABINDEX
TABINDEX
) Tab
(Lock Caps 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

><FIELDSET
></B></LEGEND <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

..... Edit File
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
"<INPUT TYPE="image" SRC="images/submit.gif" HEIGHT="20" WIDTH="60" BORDER="0
>" "=ALT
Submit "TYPE="submit
"TYPE="image HEIGHT BORDER ALT SRC WIDTH

ALT

.

HTML 4.0كتاب لتعليم

Uploaded by

Copyright:

Available Formats

You might also like

HTML 4.0كتاب لتعليم

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 4.0كتاب لتعليم

Uploaded by

Copyright:

Available Formats

HTML

> <B Bold :

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

Html > <HTML > .</HTML !

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

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

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

" MARGINWIDTH="0 "MARGINHEIGHT="0

><FONT/> ... <FONT

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>

multi colors, multi faces,

></A> ... <A

You get this

You get this

You get this

You get this

You get this

<BDO DIR="RTL">From this</BDO>

You get this

You get this

You get this

You get this

You get this

You get this

You get this

You get this

You get this

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

You get this

You get this

You get this

You get this

< DIV> stylesheets

You get this

You get this

You get this

You get this

.Monospaced Text TeleType

You get this

You get this

You get this

top, middle :ALIGN

Have a good time.

Have a good time.

Have a good time.

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

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

http://www.yourhtmlsource.comBig Thanks For

Portable Network Graphics Web

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

ALIGN right center, left

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

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

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