0 12 HTML - 34 5 6 Hypertext Markup Language - ? 2 @A B 0 C2D E-Fgh I J - K LM N LM Opn B 3Q1 R L ? C2 E-Fgh Cs T-U V W-Q X

HTML
+,,,/*/'( mubarmej :
. >? 2 @A B 0 C2D E-FGH I J . K LM N LM OPN B 3Q1 R L ? HyperText Markup Language -34 5 6 HTML -. /0 12
.CS T -U >V W-Q X C2 E-FGH
B [ 3 \D.dM e -] f? CZ B -4 html. 0 P/ B(Plain Text) [ \D.] E-GM DH HTML E-GM C Z

E-FGH @ Q J 3h-d e 3 OPN I J BSimpleText g K h oD dS- Bpico g K h mZd M BNotepad g K h i d2D
.HTML
>V |]? - B-Q d}w ? Netscape Navigator ? Explorer Internet qS? >DZ2 Br] ]s tG. DN u 6 v- F h fP /V w
M K E-FG. >w B-A - S Q tG. - E-FG. d2-Q 5 6 v- F h B-~2? tG. |M |]? • FG. OPN 5M4 IM[
>w BE-FG. I J Mh @Z1 A€ -A]? S DJD E-FG. I • | FGH d2-Q gD >? @~G2 P /‚ 5 6 ƒD]
-2? uFG. FG. 2„ I [ 2 DA • >? S | M4 >… | P DN uM~G2 fP tG. g K h | FGH R h fP DA •
.>-S
Internet tG. g 2 B- ]-} E- d /V -A 4 B† ? Q LM E-FG. 4 N | -FGH -S |AJ D ‡ MZ1

Netscape Navigator tG. - ? B-N Ž XML CSS HTML 4.0 @q C2D E- d /V B Q LM -Q‰ - 4 Microsoft Explorer
tG. @€2 W D w @S B KH S U Sindbad e -] 5 6 v- F Q LM 4 F J @Z1 Q LM 4 2 † DA
E-FG. h- ‡ tG. S Explorer 5.0 Internet tG. -] 4 -Q J •-3hw OPA B . -3Q -FG. Navigator Netscape
.u I‰ @Z1 A€ A B-dQ‡D
4 KH S U rG‡D ‡ (‘“' N Sindbad e -] H6 /‚ (‘’+ H0 N Netscape Navigator tG. H6 /‚

-A 4? † •-3hw /w ] V Navigator C2 Q
-N 46 . d -Q E-FG. I J B 2D‡ 2 ER -4 E ‡ E” J MAh GH L HTML L .. PN @S Q

B 2 • qS u G] – 1 @ 4 HTML L -~2? I [ B Q MAh 4 D‡ E ” -A] -~2? HTML R BHTML L g K h-
.—3~ - O 2 - 5M4 -3 -Ž @.F |]? • h -A ZG 2 [ r]-S - A |P
: ‡ HTML E-GM >DZ
.| FGH DA • O N-12 - DN : •
.˜ d ™ šD F . A B˜ - šD F T DA J N-1 h S F – RJw N : •
.. HTML L [ PN | ” 5M4 W-q
HTML is a <b>Great</b> Language
.. PZN A€ h ˜ - [ N-1 tG. g Kh d4
HTML is a Great Language

•-F gDhD BHTML is a Great Language -34 @q 2 fP šD F B Fœ HTML › M – RJ? 3 ˜- W-q
h BgDhD v i DH 2 B( 2 4) bold MZ -. / DN b 54 2 - h -d Kh ˜- W-q B< > •Q
tG. >? dQ2 t G h B hD h @3‡ ( / ) •4 5M4 fD F2 u]? tG h 4 ¡•Ž0 h R 2 B¡•Žs h t GM
.. –-G•0 @ L1 @q B¡•Ž0 h 5 6 @.2 5 hD M fP \D.d I J 5M4 hD DJD HD ˜3[2 >? C•2
/‚ B@‰- —KM h | -dN .. 2 Q —KM - h | -dN >? - S B R OPN G[2 ¡•Ž0 h 2 Q —K R @L12 t G h
.gDhD ˜2 • 4 -~2? -A.‰-./ F BgDhD ˜2 • 4 -AJ 6 2 HTML M H-d4 I J B D. W •M š /? gDh B—K L
—3~] > Font hD g K dh ™ BFont hD g K h 5 6 v- Fdh B˜ - -d -q Great MS —K L >? •q E ? ”6

.. - -S PN 2 B w >DM 5 6 Great MS —K >D H-/
HTML is a <font color="red">Great</font> Language
.. PZN 3h™
•4 hD h Q H-K h6 IœD gD ] -d]… gDhD ? £‰-./ —3~] 5 u]? DN B /‚ ? -d t~ 2 ˜ - W-q

- •4 } H-K h6 f? " ‡"= h6 DH £‰-.K >DZ B–-~ - H-K hD h @.G] <› >›
| -dN >-S ”6 Bred d4 font hDM color H-K —3~ -d ‡ ˜ - W-q B J R ¦-3 ‡0 ¦ D‡? H-K ‡ }
.. •q B - š /w H-/ @S @.G] ™F B>-Z mG] -~2? -A -œ6 -ddZ 2 H-/ qS?
HTML is a <font color="red" size="+1">Great</font> Language
.. PZN A€ h
.. HTML 4 -A Q >? C•2 -œ6 D ?
.<B> 4 M K2 † <b> Iœ HTML u]? f? B LH ? 3S -A]DS ™ § w - 4 † HTML L •

r]-S ”6 -Ad f -A •- 6 g 4 -~2? Z 2 B( ' ) G ? ( " ) J R ¦-3 ‡6 •Q £‰-.K ‡ •- 6 Z 2 •
.E- - > MS
.u 6 v- F2 † -A~Q ¡•Ž6 h 5 6 v- F gDhD Q •
.£‰-.K OPN 5M4 ? fD F2 † ¡•Ž0 h Z B -œ6 £‰-./ 5M4 t G h fD F2 † ‡ ‡ •
Iœ f - 2 B MS - Iœ >? f? B - -Q J -N 3 Q B–-~ 3 E- - 4 † HTML L •
. - 56 J -AMS Btab J Iœ f - 2 B 2 J [h Iœ f - 2 B - }•} Iœ f - 2 B -
. DJD Ž u] S - Ad – U f? @N-• 2 tG. >? f? <-- --!> E- MQ IœD •
HTML
:- N ‰ ‰RJ h- HTML M >DZ 2
D w -N Ž -A -G E- MZ FG. > Dd4 @q d - H-K -œ0 E- DMQ 5M4 fD F2 : Head •

.šD F œ 3Q † FG. - H-K
.g K O 2 fP šD F 5M4 fD F2 DN : Body !"# •
.. HTML M GS 32 - W-q
<html>
<head>
...
</head>
<body>
...
</body>
</html>
•M Q- – RJw - ? B<head/> <head> IœD ¦? M Q- – RJw Bt œD 2R 5 6 v- F2 † Bt2 H ˜ - W-q

. <body/> <body> hD IœD
DN <title> › hD t F. >-Z B<title/> <title> › u •- … tG. M > DdQ —2 U A€2 fP d > Dd4 2 F 2
- S GU w ™F3 E- M 4 g K 2 DN B FG. A€2 † FG. šD F œ 3 Q2 † title hD >? ™ B¦?
.title › h š /? ˜ d gDh Iœ |dZ 2 † B™F3 E-S F
OPN -œ6 D ? -A 6 dh B¦? [d -~2? IœD meta gDh 5 d E-GH F š /? gDh -~2? JD
.
.body • [d IœD2 -A3MŽ gDhD ‡- - ?

' ( )' *(
.. h6 5 PZN h2 ]-q h1 W w > DdQ BE-2D h N 2 -dQ † ?
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
P hD - -A •- 6 2E G 2 F
<p>Paragraph Text</p>
P hD align H-K g K h G O-• 2 F
<p align="left">Left aligned paragraph</p>

<p align="center">Centered paragraph</p>
<p align="right">Right aligned paragraph</p>
> Dd4 >DZ2 ‡ :http › > DdQ ? 32 -N d4 html FGH >DZ ‡ AJD B AJD 2 F href H-K I a hD g K h MH @ Q
D. 4 ™2 F 2- d4 E - 4 2R § Q hB :mailto › ? 32 -N d4 - ] Z6 2 >DZ2 ‡ :ftp › ? 32 -N d4 ftp I‡D
. DH ? -HD.] >DZ ‡ N B-A G] MHD ? d/- E-2D F Iœ ¡•Ž0 t G h Bg - ¦
<a href="http://www.microsoft.com/">Microsoft Corp.</a><br>

<a href="mailto:mubarmej@hotmail.com">My E-mail</a>
MH v >? I [ |” Q B(-Q d}0 W- Q h Z 2) href † name H-K W- Q h- a hDM /‚ g K h -~2? JD2

•Q -‡D3 name F h0 5 6 1 2 -Q MHD href H-/ @Q• | ” B<""=a name> u fP >-Z 56 1 2 -4
>-Z <a/><"a name="myname> @ Q gD h B -F d Q –RJ 5 6 T D MH I~ >? E ? ”6 | ” W-q B#
) E d 34 | ” @ 4 -~2? |dZ 2 B<a/> h6<"a href="#myname> - -S /‚ >-Z f? MH v } B•DM[
h6<"a href="salem.html#myname> PZN AJD d O 2 fP >-Z —3~ - F ™ F ( /‚ d 56 d
.<a/> -h
.href H-K top# IœD d 5M4? 5 6 MH @ 4 -~2? |dZ 2
. <br> g K h - [ 5 6 W- ]0 5M4 £d -3J0
( - qS? @ Q ) ±nbsp& g K h - -œ0
[ E- - ²•} E- - ²•q - - C F2 –-~ 3 E- - @N-• tG. Id pre hD g K h |dZ 2

. <pre/> <pre> hD — B 2 J [h 2 •
<center/> <center> hD uQœD – U f? — hD |dZ 2
Font !
u]D F —K ƒD] F N u.‰-./ N? BO D } f? |M 2 † DA B£‰-.K 4D • I - ‰ font hD @ Q2

.u • F
g K —K ƒD] F face H-K N font hD £‰-./ W ?
<font face="verdana">Verdana Text</font><br>

<font face="Courier New">Courier New Text</font>
(@Ghw > D w 5 6 €]?) —K >D 2 F K color H-K | -dN | ” Q

This is <font color="red">Red</font>
and this is <font color="blue">Blue</font>
Bg-• w OPN ? P/ 2 FG. h-hw —K B—KM g-• ? Q3h JD B—K • F N size H-K N q -q H-K
uH- ]6 ? —K • -2R size H-K I font hD g K h \D.d - –RJ ? d Q MS —K • L >? E ? ”6
LH? DN ' t3. uH- ]6 |dZ 2 —/ 3S? DN ’ 5 6 @. 5 E ( —K -2i |dZ 2 u]… ´ DN h-hw —K -S ”6 B Q
- -2RM ‡ @3‡ + -œ… >-. d ? -2R ™ ‡ }? 2 F 2 BO L - ´ DN h- h-hw —K B—KM •
O -3 46 2 §D D @‡? 5 6 >-. d d4 | PS ’ •F - £d tG. ¶ Qh’ •F ¡D -2R d4 B>-. dM ‡ @3‡
.'
<font size="+4">Size 7</font><br>

<font size="0">Size 3</font><br>
<font size="-1">Size 2</font><br>
<font size="-2">Size 1</font><br>
<small> <big> hD g K h- D[/ O L. ? D[/ —K 3Z Q2 h 2 • -~2? JD
<big>size 4</big><br>
<small>size 2</small><br>
<big><big>size 5</big></big><br>
fP •F 2 F -~2? |dZ 2 B h-hw —KM 3 d - —K L gD |]w relative 3 ] -‡ • 5 —K L - ¡ [

•DM[ •F @ - - ?+ -U6 Iœ > Z -A ” size H-K ˜2 • 4 h-hw —K 5M4 - 40 > —3~ - —KM O 2

<font size="1">Size 1</font>
B·D[KM 3 d g-• w -A r Kh S- w I J 5M4 }¸ h PN d h-hw —K • L | PS |dZ 2

—K >D ? d h-hw —K • L u Kh Z 2 <basefont> 54 2 h g K h- h-hw —K L]
h-hw —K L W-q @ 3h 5M4 B(u G] 5 6 C d2 †) •F 3 ] ‡ / 2 † DN B h-hw —K ƒD] ? h-hw
d - [ I~] ~/? >D ´ •F Verdana 5 6
<basefont color="Green" size="3" face="Verdana">
.¡•Ž6 h 5 6 v- F2 † DA | P -AMS FG. O } A€2 @ HTML \D.] F –RJ g K 2†˜- hD
@Q• g K 2 tt hD B @‰- M em ? i hD 2 Q —KM strong ? b hD •q B GM K E- d M š /? gDh -~2? JD

3 -Z V \D.] @q •F 2 - § F
<b>This</b> is Bold Text and <strong>this</strong> to!<br>

but <i>This</i> is Italic Text and <em>this</em> to!<br>
And <tt>This</tt> is Typewriter Text
+*´ ? ', @q M[ - ‡ width P/ ™ Bwidth H-K - —K ¶ 4 2 F |dZ 2 hr hD DN w —K IœD \-/ h JD2

F size N š /? H-/ -~2? JD B%¼“ %+, @q B FG. ¶ 4 5 6 3 d - ¦- 3 ] - ‡ B@ Z3 - ¶ Q F N
d4 B ‡> H-/ N noshade H-K B—K >D 2 F color H-/ -~2? JD B LH M[ - ‡ P/ 2 - h? —K ƒ-G
h- -F - S - DFd m - . 32 —K @Q• -AQœ
This is the First Line
<hr>
This is the Secound Line
<hr color="Purple">
This is the Third Line
<hr width="30%">
This is the Fourth Line
<hr noshade size="40">
GM/ >D @q FG. ˜ d 2 F g K E L OPN B<body> • h E L Q g K h -~2? Z 2
Balink - - F vlink 2 link 2 • MHD >D text £d >D Bbackground Z GMK DH bgcolor FG.
.rightmargin 5d leftmargin š buttommargin MG topmargin 2DMQ FG. U-
<body alink="red" link="yellow" vlink="blue"

bgcolor="black" text="white" topmargin="0">
This is some Text.<br>
And here are some links :<br>
<a href="http://www.download.com/">Great Downloads</a><br>
<a href="mailto:bgates@hotmail.com">Bill Gates!?</a><br>
<a href="http://www.msn.com/">Microsft Network</a><br>
<a href="http://www.hotmail.com">Free E-mail</a>
</body>
HTML -. / (
‡ - >Dw >D @S P/ 2 B¡ iw ~/w w N B }•q ‰D~ h-hw > D w —M/ ed D3 Z >Dw

M • IœD gD ] -]D u I~] >? 5 6 v- F] >-Z f? Brgb ? (Red,Green,Blue) ? (¡ i?B ~/?B ?) 3 N B+““ , ½
-
rgb(R,G,B)
IœD gD ] B 2 1Q D. N š /? D. - -3Q Ž- H -~2? Z 2 B| PS B› G› BCh-d -A]-Z R› ‡ I~d
@‡? ff N -A 2 1Q h ‡ 5M4? >… +““ N >DÀ 2 14 ‡ 5M4? >? ™ B 2 1Q -N DH - - - g-‡ w
-A M4 § Q 5 2 1Q Á. g-‡ w @3‡ # •4 Iœ @~G2 RRGGBB# .. - -S ]-/ P/ 2 ‡ @S >… P B,, N ‡
2 1Q 2 1Q 5M4 WD.F Z 2 B> D w 2DZ 2 1Q Á . >D K 2 ¦-d CMŽ? BE-FG. I J
.Windows › I 3h-F g K h-
P B €FM mG] >D +“Ã qS? 4 Z 2 RAJw Q Z B>D >D M 'Ã‘“ qS? 2DZ - 2 [- I[
FGH qS? Dœ Q 2 >? >DFG. I[ h > D w OPA I • gR ”… B d V tG. >D r h >D +'Ã 5M4 ˜G
AJ D @q š /w D À •- ‡-3 — +'Ã N tG. -AJ- F2 >Dw 4 >w @S-1 > r‡D mG]
.-N Ž
IœD -A K h |dZ 2 > D w OPN B>D '(' D -N 4 Q –- h? -A B qZ g K Q > D ? | -dN ˜3h - 5 6 -œ6
: -N AU? 32 - W • V > D w ½DM -AQ J d N B— -A h
.. t œD M Mq ?
<font size="+1">
<font color="Khaki"> Sample 1 </font><br>
<font color="#0066cc"> Sample 2 </font><br>
<font color="rgb(204,112,202)"> Sample 3 </font><br>
</font>
C• BC2D 5M4 1dM N-J D. >DZ >? C•2 – U @S @3‡ B-AH D/ ZF E-FG. D. ¶ 4 HTML L |dZ 2
3S - • |MA -A]w B D. I @ -Q d4 J PF C•2 B@ F 2 U –— 5 6 f ¸ h | ” >w Kœ • ” >DZ † >?
.HTML E-FGH >-Z 0 ‡ D. @M @~G2 | P BE-FG. @ F 2 U –— C3
.(C2D 5M4 1dM D. R A• €]?) gif ? jpg ƒDd D. >DZ >? C•2 d D. ¶ 4 I [ Z
HTML 012' 3
. J 2 -dQ OPN g K h G S § Q >? C•2 B D. 3 Q1 E•HD -A N? B D w qZ HTML 2 -dQ g K
FGH •q rdS DM B -F > DdQM 3 d- >DZ 3 d 2 -dQ B M[ 3 ] B 2 -dQ >-4D] | -dN

fP > DdQ >? tG. § Q h download.html f - -A href H-/ MH @ Q r ‡ http://www.microsoft.com/ie/default.asp
tG. u• download/english.html f - href r]-S D Bhttp://www.microsoft.com/ie/download.html DN u 6 •-NP C•2
M K2 B -F @ 5 6 href DJD [ ~2 tG. >? f? Bhttp://www.microsoft.com/ie/download/english.html 5 6
5 6 | f ¸2 \-K @ PN B\-/ @ JD2 @ @S BO /‚ (/) GMK • 1 5M4 fD F2 @ > @ 4 M
> DdQ 5 6 u• h tG. >… windwos.html/.. 5M4 fD F href r]-S D ˜ - W-q ( .. ) R DN -F @ M •w @
‡D3 -A] R M[ 2 -dQ - ? B / f P• @ 5 6 /ie @ v K h u]? f? http://www.microsoft.com/windwos.html
. -F > DdQ - ‡•4 u m B- M[ -] Dd4 3 Q2 /http://www.ayna.com > DdQ •q B WDSD 3 h-
4 5 6 478
A H-/ 5 6 v- F2 hD PN B(¡•Ž6 h 5 6 v- •2 † ) G h DN BIMG hD ˜2 • 4 HTML FGH D. v 6 2

. DM[ D. > Dd4 -A I~] src N Mh @Z1 @ Q2 Z
<img src="/images/sample.gif">
C -N L. D. 3Z >- - >- H-K [h D Z 2 B-A4-G 2 F height D. ¶ 4 2 F width H-K -~2? JD

-A M4 @.F2 >? 5 6 LH - • D.M tG. •F B£‰-.K OPN T |dZ Q 3[ •F - -N -AÄ6 2 rdS ”6 B•DM[
t2R L. D. >… | P >-Z uML1 - \D.d t2R FG. -]-Z @L1 D. Z B Q 3[ •F - -AMQ•
”6 D. 5M4 tG. @.F2 >6 5 6 Q 3[ @Z1 4 M K @Z1 A€ h E-FG. - B 3S? -AF2R 3Z • M‡ \D.d
•F £‰-./ g K h- - ‰ t.d2 | P B ND1 FG. t3. - - — LH - • -A •F2 @€ h •-3hw C3h fw -N •2
. Q 3[ 4 D. • L 2 Z D 5 D. gDh
<img src="/images/sample.gif"
width=73 height=68><br><br>
<img src="/images/sample.gif"
width=200 height=100>
3 d- D. ¶ 4 GZ ZF M D 2 [ -A]DS -A N? I3d B D. J A H-/ N align H-K -~2? JD
M2 - 2 Q align P/ Bu —3 BuQ T F -A — F £d –RJ 3 Q HTML D. >? ™ B-A [F \D.dM
.. Mq w ½ 1 I -A h
. š /? MS f? @q [ 5M4 >DZ ™ F D. ¶ Q N : bottom, baseline, absbottom •

<img src="/images/sample.gif" align="bottom">
. [ - ‡•4 D.M >DZ2 † G - 2 5M4 D. ¶ Q N : left •

<img src="/images/sample.gif" align="left">
. [ .d D. ¶ Q N : middle, absmiddle •
<img src="/images/sample.gif" align="middle">
. [ - ‡•4 D.M >DZ2 † G 2 5M4 D. ¶ Q N : right •

<img src="/images/sample.gif" align="right">
.-N•4? [ >DZ [ @Gh? ¶ Q N : top, texttop •
<img src="/images/sample.gif" align="right">
‡ F ”6 B -•6 > dQ , B@ Z3 - -•0 ¶ 4 -A F] border H-K N D. WD -•6 IœD H-/ -~2? JD

Q2 | P B MH 4 -34 D. r]-S ”6 -•6 I 2 -Q -F -•6 > A€ h D. >… B D. h border H-KM
MHD -•0 >D >? SP - •2 B MH 4 -34 D. r]-S D 5 -•0 –-G/0 D. I J "border="0 Iœ 5 6 ¦-d
. 2 M 3 d - | PS 2 • MHD \D.d >D mG] DN 2 •
<a href="http://www.microsoft.com/">
<img src="/images/sample.gif"></a><br>
<a href="http://www.microsoft.com/">
<img src="/images/sample.gif" border="0"></a><br>
<img src="/images/sample.gif" border="3">
.hspace H-K ˜2 • 4 [F \D.d D. - ? D. WD U-F ¶ 4 2 F -~2? |dZ 2
- - 65 D. † ¶ Q h alt H-K uQ~ fP £d >? ™ F B D. HD g K N B D.M alt H-/ -~2? JD

. D. 5M4 G- U d4 ToolTip t M I A€ -~2? \D.d OPN B D. tG. •2 ”6 | PS B-AM F
4 5 DE F
@q ˜•-d 5 6 -A 2 D. OPN B GM K E•HD Hot Spots d/-h Q qS? -A M4 DH | -dN >? • >- w Q
.| ” @ 4 G S DN M2 - B [2 K
usemap H-/ h0 PN C Z] } B- h6 -A‰-[46 [2 K . gD ] ™ B D. [2 K B ‰RJ 2 D. [2 K >DZ
. D.M
D. OPN @q D. [2 K 2DZ G S ½ 1] 2 3
- -S ( [2 K ) >DZ - D. -] 6 ”…
d/- I 3 2 F - [2 K h N >V -d A B œ 0 I‡D g- ‡? ? 5 6 }•q – RJw –R @S 12 ™ F f?

¡•Ž0 tG h W-ZUw IœD gD ] Bname H-K - [2 K h6 F] Bmap hD g K h- | ” 2 B-A M4 E•HD
H-K - MHD 2 F gD ] } Bshape H-K ˜2 • 4 @Z1 2 F gD ] B G area gDh DH >DZ W-ZUw Bmap hDM
: N }•} W-ZUw Bu - } 6 -S 2 [ /V 4 @ZU @ZGM K2 Bcoords H-K - @Z1 E- } 6 F] href
x, y, ) [ .] } RS M f -. } 0 } RS M d } 0 4 -34 u - } 6 >DZ B ‰ @ZU DN : circle •

.(radius
} 0 } u f -. } 0 } - 5M4? S M d } 0 4 -34 u - } 6 >DZ B@ [ @ZU DN : rect •
.(x1, y1, x2, y2) u f -. } 0 } 5] ? @ - S M d
} 0 4 -34 u - } 6 >DZ B I[‡ 4 ]DZ W-ZUw h u K h- |dZ 2 BIM~ @ZU DN : poly •
.(x1, y1, x2, y2, .. xn, yn) — d –-1 - C PZN ]-q }5 w [ dM f -. } d
- 5 6 rA• - MS f -. } 0 ‡ R @Ghw 5 6 WRd - MS B G. [ ] N - 5M4? [ ] >? -~2? § Q >? C•2

. d } 0 ‡ R
. Paint Shop Pro ? Adobe Photoshop @q h M e -] f? g K ] DM[ E- } 0 Q
: - -S F d r]-S E- } 0 •- ˜- -d -q
<img src="/images/sample2.gif" usemap="#mymap">

<map name="mymap">
<area shape="rect" href="http://www.jokes.com/"
coords="6,10,67,44">
<area shape="circle" href="http://www.story.com/"
coords="121,93,27">
<area shape="poly" href="http://www.download.com/"
coords="37,90,73,105,59,129,15,129,4,105">
</map>
B Dh? -•6 u D A€2 -N ? 5M4 d d4 B GM K MH 5 6 12 -Ad @S d/-h ˜•-d 4 56 D. >? >V Æ • h

D. ‡ @Z M K alt F >? -~2? I [ Bshape hD border H-K - u S- ZF -•0 PN u i6 |dZ 2
.shape hD alt H-K g K h-
<img src="/images/sample2.gif" usemap="#mymap" border="0">

<map name="mymap">
<area shape="rect" href="http://www.jokes.com/"
coords="6,10,67,44"
border="0" alt="Be Happy">
<area shape="circle" href="http://www.story.com/"
coords="121,93,27"
border="0" alt="Enjoy!">
<area shape="poly" href="http://www.download.com/"
coords="37,90,73,105,59,129,15,129,4,105"
border="0" alt="Best Downloads">
</map>
N? ( N —[K ) •U DH ?B 3 ‰-‡ DH uQœ •q |dZ 2 BW-ZU? 4 HTML L šD F €d |dZ 2
.W • N šD F €d ƒ D]?
‡ ƒD] 2 F |dZ 2 Bli hD - F2 d @S - Ad Dd3 IœD ™ F ul 3 L ol hD g K h- u3 ‰- @ 4 |dZ 2

: - ? P/ type H-K 34 -N Ž ]- ? Q g-‡w- ?§ F- 3 ‰D
.. B( B´ B+ B' : H
.. Ba, b, c, d : a
.. BA, B, C, D : A
.. Bi, ii, iii, iv : i
.. BI, II, III, IV : I
: 3 L ‰D
: circle •
o
: square •
: disc •
•
. A E-[[K @ Z1 ‰-‡ @/ ‰-‡ Iœ Z 2
<ul type="circle">
<li>Pepsi
<li>Crash
<li>7 Up
</ul>
<ol type="I">
<li>Windows (85%)
<li>Linux (10%)
<li>Mac (3%)
<li>Other (2%)
</ol>
<ol>
<li>American Companies
<ol>
<li>Microsoft
<li>General Motors
</ol>
<li>German Companies
<ol>
<li>Dubian
<li>BMW
<ul>
<li>6 Class
<li>7 Class
</ul>
</ol>
</ol>
M2 N#
-A M4 E-d‰-Z I2iD FG. . W • G 0 -. I J BHTML E-FGH E-]DZ N? W • 3Q

Btd E-]- 3 JD §DG. @/ tr §DGH v 6 C•2 W • @/ table hD - W • v 6 2 Bu] 2 2 fP C - -AM Z1
., N -•s œ 0 B -•6 > dQ , •DM[ -•0 S- h u F] ™ border H-K - W •M -•6 Iœ Z 2
<table border="1">
<tr>
<td>First Row - First Data
<td>First Row - Secound Data
</tr>
<tr>
<td>Secound Raw - First Data
<td>Secound Raw - Secound Data
</tr>
</table>
[h D -2•K E-2D F -2•KM M/ F - Bcellspacing H-K [h D -2•K - - ZF -~2? |dZ 2
.cellpadding H-K
<table cellspacing="10" cellpadding="20" border="1">

<tr>
<td>First Cell</td>
<td>Secound Cell</td>
</tr>
</table>
OPN g K h Z 2 B 2¸ C ] ? M[ - ‡ P/ 2 - N•S height H-K - u4-G width H-K - W • ¶ Q ZF Z 2

.u N fP .M 3 d- C F -A]… 3 ] - ‡ -2•K –-[46 d4 -~2? td -2•K £‰-.K
<table width="100%" height="100%" border="1">

<tr>
<td width="100" height="40%">First Cell
<td width="100%" height="40%">Secound Cell
</tr>
<tr>
<td width="100" height="60%">First Cell
<td width="100%" height="60%">Secound Cell
</tr>
</table>
\ DK OPN W- Q h Z 2 Bbackground H-K - GMK DH Q Z 2 bgcolor H-K - W • GM/ >DM ZF Z 2

B MK |M W • >D 5M4 5L[ h MK >D >… -2•K ? ‡ 4 GM K W •M bgcolor ‡ Q d4 B-~2? td -2•K
.E- 3[ C W • ¡D DJD MK >w
<table border="1" background="sample.gif" width="90%" height="80%">
<tr>
<td bgcolor="Yellow">First Cell
<td>Secound Cell
</tr>
</table>
rigth - M ”-F dQ left align H-K Bvalign H-K - - h? align H-K - - ? MK šD F ”-F ZF Z 2
bottom B5M4À top / valign H-K - ? BWD[ 2 - [hw @Q• MZ —3~M justify . d - center M
. . d M middle @GhÀ
<table border="1" width="90%" height="80%">

<tr>
<td align="right" valign="bottom">First Cell
<td align="left" valign="top">Secound Cell
</tr>
</table>
¶ Q 3 d- 3 d M/ W • ¶ 4C F2 -dN Btd -2•K ? W • Iœ ˜2 • 4 BW J @/ W J Iœ -~2? Z 2

. J -K W • DJD u2D F MK
<table width="95%" border="1">

<tr>
<td>First Table - First Cell
<td>
<table border="1">
<tr>
<td>Secound Table - First Cell
<td>Secound Table - Secound Cell
</tr>
</table>
</tr>
<tr>
<td>
<table border="1">
<tr>
<td>Third Table - First Cell
<td>Third Table - Secound Cell
</tr>
</table>
<td>First Table - Fourth Cell
</tr>
</table>
MK -A• C•2 -2•K 4 - Ad @S F ™ Bcolspan H-K - - ? rawspan H-K - - h? -2•K e 2? Z 2

.td -2•K £‰-.K OPN g K B -F
<table border="1">
<tr>
<td rowspan="2" colspan="2">First Cell
<td>Secound Cell
<td>Third Cell
</tr>
<tr>
<td rowspan="3">Fourth Cell
<td colspan="2">Fifth Cell
</tr>
<tr>
<td>Sixth Cell
<td>Seventh Cell
<td>Eighth Cell
<td>Nineth Cell
</tr>
</table>
O(
OPN w W -3 |dZ 2 - S Br‡D mG] E-FGH 4 ¶ Qh E -•6 4 5 6 tG. frames •w g K

—Lœ - MS B U-1 2 5M4 @€2 -•6 DH -AQ~ | ” Q BI‡D ¦ A 5M4 fD F M FGH @ 4 Z BE-FG.
U-1 3Sw –R• @ F2 fP - 5M4 fP /V -•0 FG. @ F 2 B¦ AG E•HD ? 5M4 g K
.| ” 2 Z BD w @A I‡ D qZ I3 2 [ OPN B -4
-Aœ 4 C•2 FG. N- Bu K h fP E -•0 • . FG. OPN F BE -•0 FGH | -dN 2 3

E-FG. ‡- Z BE -•0 gDh g K h E -•0 FGH B-N D @ M ÄDGF >DZ FGH @S >? B -•6 @S
.E -•6 > -3 -Ž 2 -4 E-FGH >DZ h
I~] G frame -•0 gDh 4 JD2 4D • OPN BE -•0 4D • t G2 fP frameset hD DN E -•0 gDh W ?
• [d v -/ frameset hD IœD2 B5 w frameset › @/ š /? frameset Iœ -ddZ 2 ? src H-K FG. . -A
5M4 - h? FG. 2 ] -dS ”6 B -•6 @S • F] B- h? ?- ? FG. dh -dS ”6 frameset hD F] B- ‰ body
? 3 ] >DZ ‡ gD•F OPN ( B ) MH- /V -•6 @S @.G2 ™ F -•6 @S ¶ 4 -A I~] cols H-K g K ] 4? @ZU
g K h- Z – 1 mG] @ Q gD ] - ? FG. -] ? ”6 B 2 ¸ 3 d •4 5M4 3 d –D MK M[
U-1 %', ¶ Q ]-q @ Z ',, ¶ Q W w 4? }•} 5 6 - h? FG. -] ? ”6 •q Bcols † rows H-K
: PZN gDhD 4D • >DZ U-1 ‡- @ F2 ™ -q
<frameset cols="100,10%,*">
<frame src="sample1.html">
</frameset>
frame E -•0 ? † /‚ frameset Iœ |dZ 2 -] S” - S
<frameset rows="50,*">
<frameset cols="100,*">
</frameset>
</frameset>
B -•0 A€2 ' -•0 A€2 , d4 -A 3œ ”6 frameborder H-K g K h- ½ D w WD A€2 fP -•0 i6 ? Iœ |dZ 2
B-N 2 -A I~ framespacing H-K 34 | ” ½ D w - \- ]6 ? -2i ˜2 • 4 -•0 •F ZF |dZ 2
.½ D w • L g K Id , d4 >- - >- H-K —3œ |dZ 2
<frameset cols="50%,*" frameborder="0" framespacing="0">

</frameset>
-AÄ0 yes P/ N scrolling H-K ˜2 • 4 E -•0 -•6 @S Scroll Bars 2 • U? DAÄ ZF |dZ 2
.— -A 6 J-F r‡ -N -AÄ0 auto B- ‰ -N DAÄ Id no B- ‰ 2 • U?
<frame src="sample1.html" scrolling="no">
<frame src="sample2.html" scrolling="yes">
</frameset>
</frameset>
@ Q |” Q Bname H-K [h D ½ D w ]Dd4 ? gD >? C•2 B /‚ 5 6 ½D | •H T ? @h >? I [ Z
-AF ? blank_ 2 J tG. U-U MHD t |dZ 2 B MHD AJ 2 F target H-K g K h a hD [h D MH
? parent_ (½ D ? @/ ½D? - ) •w ½DM -AF ? self_ -F ½DM -AF ? top_ ½ D w 4D • ¡D -F U-1
.½DM h6 IœD ½D f? -AF


<a href="sample1.html"
target="_blank">Page 1</a><br>
target="_top">Page 3</a><br>
target="main">Page 2</a>
target="main">Page 4</a>
<frame src="sample3.html" name="main">
</frameset>
</frameset>
rF d - >-Z f? -•0 PN v 6 2 B D. @q d - ‰-4 >DZ2 \-/ ƒD] -•6 -~2? JD2 B˜3h - 5 6 -œ6
. d F src H-K u.‰-./ N? iframe DN u h B J -/ HTML FGH ¶ Q -•6 @ Q gD 2 Bbody
-•0 @q DA - Bf -Q -•0 @q - - u 6 AJD E•H @ 4 name H-K - u]Dd4 -~2? |dZ 2 B -•0 uœ 4 C•2 fP
• 2 F height width H-/ -~2? |M 2

http 34 E-]- 3 W-h 6
>? 5M4 http WDZ £d2 B| ” @ 4 http WDSD g K |]… C2D R 5 6 BC2D tG. E- DMQ W-h 6 2 - d4
-3Q @h |]… http WDSD 34 g K h6 W-h 6 E ? ”6 •q B ‡ h6 4 -34 v i @S Bv i? DH @h E-]- 3
-A G] DMQ DN ]-q –R• B(name) DMQ h6 DN W w –R• B ‰RJ >DZ 2 u]w v i 5 2 PN name=mubarmej -
@h |]… M3 h0 @h >? E ? ”… & E- •Q E- DMQ v i? @.G |]… DMQ qS? @h >? E ? ”6 B(mubarmej)
>? ™ name=mubarmej&country=Kuwait - -S - -3Q C Z >? |dZ 2 country=Kuwait&name=mubarmej - -3Q
- -4 E- DMQ >w url 2 -d4 DH E-]- 3 W-h 6 5M4 -• U | -dN >… ˜3h - 5 6 -œ6 B J OPN 5 6 - A m C
I[ † |]? DN – U W ? Burl E-GH D - -[ t3.2 ™ F ˜ - E-]- 3 [h @2DF † u]… 2 -dQ OPA . M @h
[h >… States United DN M3 >-S ”… B( + ) -U6 5 6 WDF E-]- 3 E- - I J >? 5M4 ˜G P BE- - Iœ
–- Uw qZ 2R M•] L iD @2DF š /? · U -~2? | -dN Bcountry=United+States&name=mubarmej >DZ h E-]- 3
.W-h s RN-J t3. 5 E-]- 3 5M4 -A 3[ 2
1 3P
. • E- •4 2 • [hw E- - N : Q'R S T'.'"
D. get 2 [ E-]- 3 W-h 6 2 Bpost 5 ]-q get 5 5 w B 2 [ @h E-]- 3 >? 5M4 -~2? http WDSD £d2
M3 h0 P/ 2 e -] |2 >-S ”6 •q BE-]- 3 G h fP e -] 3 h6 5 6 §-~2 –RJ 4 -34 >DZ ™ J [
> DdQ 5 6 -œ6 @ Q — gD h get 2 • >… http://somewhere.com/script.cgi DN e -] 3 PN > Dd4 >-S B R 5M4 -A RK2
FG. h6 t3. Bu RAJ fP E-]- 3 [h -A M2 g-AG h •4 4 -34 N -œ0 OPN -
- PAS -Ë U r -H |]? † http://somewhere.com/script.cgi?name=mubarmej&country=United+States
E-]- 3 OPN @S • h B-N Ž ™F3 E- M 4 f • K~ I‡ D R - d4 H-/ |FG. AJD I Q qS?
† I‡D CM• I -N D W-h 6 2 -A post 2 • A ]-q 2 [ - ? BE-]- 3 W-h 6 get 2 [ 3 d - PN B> DdQ —2 U
MHDS -A Kh DA |dZ 2 qZ — ? get 2 [ >? Q3 - A~Q 4 >- 2 [ M K B> DdQ —2 U E-]- 3 A€
>-d}0 ) v”- d ˜2 • 4 5 6 @ Q † -A]? ™ B DA MH DH -AM 4 Z 2 † post Z B| Gd E-]- 3 [h CS > 2 -4
™ B M -S -h £] @q E-]- 3 3S S W-h 0 3h-d -A]? get @~ ? post 2 • Z B( v”- d - i- @Z1 >• Q2
34 – 1M d ‚ -A]? dQ2 † PN ) post 2 [ >? C•2 2 E†-. 0 E-]- 3 | PS BI‡D > Dd4 –- Uw OPN ¶ 4 Q2
.( š /? E- d 5 6 v- F - ]6 C2D
v”- d A
E-Q @q E-]- 3 W-/ 0 MAh AJ v”- d | [Q B PN @S v”- d A § Q >? C•2 BE-]- 3 W-h 6 2 S r 4 >? Q
e -] 3 >-Z 2 F DN uMQ | M4 - @S BE w -N Ž B iw †/ Q] E-Q - /0 ‰ D‡ £d
Q F B-A -h 6 2 E-]- 3 B(post ? get) -A4-3 2 2 [ B˜ - -d -q (http://somewhere.com/script.cgi)
Q - K2 WD F Q À 2 >? DN >V FG. ‰ i 5M4 - @S B w 5A ] (submit) W-h 0 i I~ WD F . g-• w >Dw
2 [ C u fP >-Z 5 6 -A -h 6 } -NR A• -AM2DF E-]- 3 I • tG. gD W-h 0 i —L~2 BE - K
.HTML L M4-G 2 • @~ ? N @QG - v”- d B-A
-A N? \ DK 4D • 5M4 form hD fD F2 B G input gDh DH E- DMQ v 6 2 form hD - v”D d v 6 2

Bget ? post - 6 E-]- 3 @ ] 2 • F -A method N ]-q H-K BE-]- 3 G h fP e -] 3 > Dd4 F u action
: - ? P/ 2 Bg K DMQ P/ h fP ‰-Z ƒD] -A F type N -A H-/ N input gDhD - ?
.u – U f? W-/ 6 g K M Z 2 £] I DH v”D d A€2 E- DMQ W-h 6 ¡ • AU? DN : Text •
.– U f? @ 4 R -G 2 B i @ Q : Button •
. DMQ f? @h 2 † u]… O - / 2 ”6 on @h 2 u]… O - / ”6 B - / I @ Q : Checkbox •
.E-GM W-h 0 : File •
DMQ e u 2 • 4I[ BHTML FGH – U f? A€2 † B-N 2 - -N 2 DMQ @h 2 : Hidden •
.-N L 5 6 v- F2 † g K -Ad4 MQ2 † ™ F HTML M @/ -
. R @q D w qZ g K : Image •
£d I 4 M K2 - ]6 G1 2? > Fœ D. MS @h 2 DN B MS W-h 0 g K 2 : Password •
.( * ) gD•] DH A€ § F >? f -Q
.E - / 4 - ‡g K - K2 Z ‰ @ Q g K 2 : Radio •
. MHw -F 5 6 u -46 v”D d E-2D F DF g K 2 : Reset •
.v”D d DJD E- DMQ W-h 0 g K 2 i DH A€2 : Submit •
- / ‰-‡ @ Q select - N >- hD PN form h -~2? >-QœD2 2 /‚ h [h D v”D d I E- DMQ W-h 6 -~2? |dZ 2
>DZ2 ‰- d 4 3Q2 -Ad @S option gDh 4 I~] select h B [hw Q £] I @ Q textarea hD
.O - / fP d3 ‡ @h dQ ‡ d @Z
[\]
W J DH e‰- d | Q2 2 [ f -AMh E- DMQ P/ gD 2 R 5M4 DJD LH e -] @ Q r ‡

.v”- d @ 4 GS Q u 6 E-3M[ I J u JD u K dh
-d -• action H-K F] 3 d E - g K h- gD dh P M PN u fP @ DJD DN echo.pl e -] 3 h6

.- ‰ echo.pl 5M4
.v”D d E-d‰-S ‰-S @S 5M4 RS dh | ” Q -4 Mq ? @ Q 2 3 gD dh
: - W-q 5 6 €]?
<form action="echo.pl">
First Name : <input type="text" name="first_name"><br>
Secound Name : <input type="text" name="secound_name"><br>
<input type="radio" name="exact"> Exact Match
<input type="radio" name="all"> All Words<br>
<input type="hidden" name="todo" value="search">
<input type="submit" value="Search">
</form>
post 2 [ g K h- - • E 4? ”6 Bget 2 • g K h- C2D 34 E- DMQ @ ] 2 S ˜- W-q -Fœ D32
. 2 [ I @ -Q M RA• (echo.pl) u 4? fP e -] 3 >w -[ e‰- ] 5M4 @.F §D
^ _
‰ E-2D F f? Iœ -ddZ 2 Btext 5 6 u type H-K L I input hD g K h- B- -h -] S” - S £d I IœD gD ]

.O 2 ] fP I WD• 2 F Bsize H-K ˜2 • 4 u •F ZF -~2? Z 2 Bu value H-K ˜2 • 4u -N 2 ]
<form action="echo.pl" method="get">

Username <input type="text" size="20" name="username"><br>
Email <input type="text" size="40" name="email"><br>
URL <input type="text" size="40" name="url" value="http://"><br>
<input type="submit">
</form>
4' F` _
h0 ˜2 • 4 -A -h 6 h E- DMQ - Z 2 Bcheckbox d4 -A type H-K 2 F -~2? input hD - IœD2 DN

E-Q ? - /- K g-‡ ”6 do=subscribe DMQ @h 2 v”D d @Q•] >? •q -ddZ value H-K - name H-K -
W-h 6 2 M -K I - / g 4 d4 Bsubscribe 4 u value H-K do d4 u name H-K —3~ | ” B - K
.u ˜MQ 2 – U f?
.† ? @h h DMQ r]-S ”6 — F2 -dN g K †6 hidden ƒDd @q u]? f?

<input type="checkbox" name="do" value="subscribe"> Subscribe.<br>
</form>
7N3 0 4' F`
gDhD 4D • @ Q Bradio d4 type -A H-/ —3~ ™ F input gDh [h D Q - /0 ‰ @ 4 |dZ 2

‡ L I -Q J -A 2 - name H-K ‡ @QJ -Ad @Z input h @ Q ‡ -N ? - / g K 5M4 C•2
H-K ‡C -A ‡ name - F2 -A h DMQ iw OPN I J 4 - ] -] d4 >DZ B-Ad @S value H-K
.O - / fP RM value
<form action="echo.pl" action="get">

Age : <br>
<input type="radio" name="age" value="17"> 10 - 17<br>
Gender : <br>
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female<br>
</form>
.name h0 mG] >-ZM 2 -A]w B ]-q ‰- Female ? Male - / — I[ |]? ˜ - W-q Æ •
E'a
gDh 4 IœD gD ] | ” Q Bv”D d A€ h name H-/ u Q] select ‰- h IœD † ? gD ] ‰- 2DZ d4

-A ‡ select hD name H-K DJD -A h6 DMQ W-h 6 h E-]- 3 W-h 6 d4 value H-/ -Ad @Z option
.O - / fP option hD value H-K DJD

<select name="country">
<option value="kw">Kuwait
<option value="sa">Saudia
<option value="ua">Emirates
<option value="qt">Qatar
<option value="bh">Bahrain
<option value="om">Oman
</select>
</form>
b ( 7N3 ^ _
A€ >? -N 2 E-2D F I~ - Ad ( ¡•Ž6 t ) v R textarea h 4 -34 DN BTextarea .d - - -~2? 5 2

.E-]- 3 3S S W-h 0 g K 2 u]w post 2 [ - -A - DMQ @h v”- d I -3 -Ž g K 2 DN BI @/
.( 4w 4 ) cols H-K - [h @S § w 4 rows H-K - [hw 4 ZF |dZ 2

<textarea name="message" rows="6" cols="50">
This Text will appear inside the box !
WOW
It's working :)
</textarea><br>
</form>
meta gDh
! meta hD DN h qS? r -A]? †6 meta gDh -A h >? Ž 5M4
h6 FG. ¸ h6 FG.M -G E- MZ FG. H @q B FG. WD E- DMQ 2R –-[40 meta hD g K 2

head h f? HTML d 2 IœD meta E-FGH I J BE- DMQ -N Ž FG. g K e -] 3
.šD F –RJ r -A]w Q 3• ? PN
name H-K C meta hD ƒD] F e 3 Q JD Bhttp-equiv ? name H-K - Q3 -A~Q 4 meta E-FGH MK
. d}0 Iœ @~ w P http-equiv H-K C š /? e
.http-equiv name H-K @Z -A h E DMQ šD F F content H-K N meta gDhD ]-q H-K
|]… B(E ¦ E• DH e •-Q ?) N |Q‡D -G E- MZ r]-S ”… Bkeywords -A h6 •q -G E- MZ

: - hD |2 >DZ2 >? 5 6 v- F h
<meta name="keywords" http-equiv="keywords"

">`Z]deWcd]eW`abYW]^_WXYZ[\WRSTUVcontent="
. 2 -4 MH-G /V 4 -Ad @S @.G2 -G E- MZ >? ˜ - hD Æ †
: - ? http-equiv ? name H-K / B 2 [ mGd FG. E- DMQ 2 F 2 - 2 [ - S
. Z iD•2 † -A N? C 3 B@H DG D.G d M -G E- MZ Q : keywords •

. MS > 1Q š Q 2 † >? @~G2 FG.M — H IœD : description •
. FG. –-1]0 g K h fP e -] 3 h6 : generator •
. FG. ¸ h6 : author •
hD Iœ i d2D DZ Q HTML E-FG. B K § -F FGH E-]- 3 ˜ ] 2 F : content-type •

: - -S
<meta name="content-type" http-equiv="content-type" •

content="text/html; cahrset=windows-1256"> •
. FG. I3• ¡D 4 E- DMQ : copyright •
E-FG. C2 Q
. Mh @Z1 O-• 0 -AÄ6 - ]-} B Mh D. ·D[K -AÄ6 † ? B ‰ ‰RJ C2 Q E – J6 £KM
C Z rdS ”6 Bwindows-1256 N - - 1d Q § -F E-FGH g K h S C•2 Mh @Z1 Q ·D[K -AÄ0

D -Q § -F FGH g K 2 DA Windows 2000 4 - B h- § -F FGH N OPA Windows | -FGH
.g-€d C2 Q u K fP e -] 3 5M4 Q2 | ” >… (•q Unix (Linux Ë | -FGH C Z rdS ”6 - ? BUnicode
. 3h-d ‡ d4 content-type šD F ƒDd \-K meta hD —3~ v- F |]… - WD w I J
[ 2 • N Bright d4 u align H-K —3œ p hD g K h N 2 • W ? B¡ • Q E-FG. O-• L - ?

@~ w 2 [ N ]-q 2 [ - ? BE- d W • qZ @ 4 2 - d4 3Z I‡ D 3Q t3. -AdZ B Q -]
t3. ™ F B - 56 - MS u• FG. @Q• | ” gD 2 Brtl d4 u[3œ html hD dir H-K g K h A
5M4 5 w MK N W • 5 w MK t3. - 56 u• 2 -dQ B- 56 u• E G
BSindbad C S d4 Z BNetscape Navigator D Ž N Internet Explorer tG. - ‰- M D R OPN B
FG. 5M4 dir H-K }¸ † -2 2 O 2 2 fP O-• 0 g K F2 ™ > DdQ —2 U 5M4 i DH A€ R OPN >…
.- ‰- M
<html dir="rtl">
HTML – -
qZ | - ? W i • BWeb Developing C2D 2D[ dA MQ r A ] |]? WD ] >? -dQ 2 • HTML L MQ rA] ‡ >V
•F ? -AMS -A ¡-FM t3.2 h- • C2D E- d B• Q I J u C -[] fP 0 šD 5 6 @. 5 u MQ
| MQ] >? -d M4 BI‰ r] ]0 D3 Z -4 DF3H? N H6 A RQ E-3q ˜2 [ 5M4 A –-2D‡w - ? B–-GQ~ 5M4
–-U >6 M3 E E- d OPN I J CS Ddh -d] T Q] B-Ad4 E- DMQ 2R 5M4 WD.F G S E- d OPN Q3
.• Q I J 5 6 -] f ¸d
- ·- ]w ¡ ?
FGH gDhD -A A€ >? C•2 GZ ZF M g K d N CSS ? Casscading Style Sheet ? - ·- ]w ¡ ?

BH1 h @S @/ Font h Iœ † >-S O L B 2 -4 2 • f -4 —K Dhw >DM - A€2 H1 ‰ > DdQ •q BC2
gDhD I J A€ >? C•2 S W • A€ >? C•2 S B A€2 >? ‰ FG. > DdQ 2 ] S F] F] >? -dQ[ h D ”-
5 6 -dMH 5 - g D4w š 5M4 d OPN 2D[ ‡ BCSS d g K h- | ” @ 4 -ddZ 2 >V BHTML L š /w
CZ E•HD 3S 4D • I -Q D3ZdQ Z31 I • -A M4 WD.F Z 2 LM OPN E-GH D ]-q K d
/http://www.w3.org/Style/CSS : E
IhD M M- R L
h- gDhD £MK 2 ™F 2 J d 4 -34 N XML ? eXtensible Markup Language ? IhD M M- R L

† fP h6 hD @Q• gD‡? >? •q ddZ B- A Ž gDhD ? t3H? CSS d E AÄ >? 3 Bu H-K u Dh £KU @Z t3.2
i 3 i 3 >DZ ? -A]D t3.2 ™ F B•q E-€ • -S u K h? \-/ @ZU \-/ >D u -H-/ - h t3.2 qS u K h?
! >V ud ‰-G - B– U56 12 † h6 h0 t3H? PZN B €dM u † @ J
fP šD F DAÄ GS F BO 2 h f -A gDhD @ Q gD |]? ™ F IhD M M- R L Z E AÄ P

/http://www.w3.org/XML : C2D I • XML ‡ 5 6 CN”6 XML 4 2R M B - ·- ]w ¡ ? ˜2 • 4 hD @/
r32 Zh - -• L
i @ 4 |dZ B( Z -d2 ) L E-FGH D C2 E-FGH @ QM ..K B F • L 4 -34 N r32 Zh - -• L

E-S F @ 4 .K1 E-FG. 3S @Z1 g K BC2 R 5 6 E- DMQ W-h 6 > >D R i-AJ 5M4 H-/ E- M 4 PGd2
B DA |Q‡D 5 6 -A -œ6 -AM d gD Q‰ RN-J E- 32 Zh D I‡ D 2 Q /? E AÄ ‡ S F dG E }
I‡D ? /http://javascript.internet.com : I‡D 56 CN”6 r32 Zh - -• L 4 E- DMQ 2R M
./http://www.dynamicdrive.com
R AJ • 3
OPN 5 BE-]- 3 W -3 -A M4 ˜G E-GH D - 3• - Z -d2 -AQdH E-FG. CS -A 2 ˜2 • N R AJ • 3

@ Q2 >? · 1 • 3 E-L L f e 3 -S Z 2 BCGI ? Common Gateway Interface ? Q‰-1 E- D3 AJ E-GH D
‰-Ä ER 2 Q 5M4 -N– D - R N Perl L N - Kh • 3 E-L AU? Z BCGI E-GH D C e -] 3
mZQ 5M4 B— CGI e -Z ..K L r -4 L N B- Z -d2 E-FG. –-1]6 E- M 4 DM[ \D.d • -Q
D O A€ A€2 e 3 I‡D @Q• K LM N Z -d2 E-FG. @ Q - MS ..K L N 2 • PHP L
Ih w UNIX E R @ Q † — NT E R 5M4 D. -AdZ -~2? r Dh Z2- ASP L -~2? JD B— ˜h-d
/http://www.php.net IJ PHP L WD E- DMQ /http://www.perl.com : IJ Perl WD E- DMQ 2R M B -1 ]

0 12 HTML - 34 5 6 Hypertext Markup Language - ? 2 @A B 0 C2D E-Fgh I J - K LM N LM Opn B 3Q1 R L ? C2 E-Fgh Cs T-U V W-Q X

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

0 12 HTML - 34 5 6 Hypertext Markup Language - ? 2 @A B 0 C2D E-Fgh I J - K LM N LM Opn B 3Q1 R L ? C2 E-Fgh Cs T-U V W-Q X

Uploaded by

Copyright:

Available Formats

HTML

.CS T -U >V W-Q X C2 E-FGH

B [ 3 \D.dM e -] f? CZ B -4 html. 0 P/ B(Plain Text) [ \D.] E-GM DH HTML E-GM C Z

Internet tG. g 2 B- ]-} E- d /V -A 4 B† ? Q LM E-FG. 4 N | -FGH -S |AJ D ‡ MZ1

4 KH S U rG‡D ‡ (‘“' N Sindbad e -] H6 /‚ (‘’+ H0 N Netscape Navigator tG. H6 /‚

-N 46 . d -Q E-FG. I J B 2D‡ 2 ER -4 E ‡ E” J MAh GH L HTML L .. PN @S Q

: ‡ HTML E-GM >DZ

.. PZN A€ h ˜ - [ N-1 tG. g Kh d4

HTML is a Great Language

—3~] > Font hD g K dh ™ BFont hD g K h 5 6 v- Fdh B˜ - -d -q Great MS —K L >? •q E ? ”6

HTML is a <font color="red">Great</font> Language

HTML is a Great Language

•4 hD h Q H-K h6 IœD gD ] -d]… gDhD ? £‰-./ —3~] 5 u]? DN B /‚ ? -d t~ 2 ˜ - W-q

HTML is a <font color="red" size="+1">Great</font> Language

HTML is a Great Language

.. HTML 4 -A Q >? C•2 -œ6 D ?

.<B> 4 M K2 † <b> Iœ HTML u]? f? B LH ? 3S -A]DS ™ § w - 4 † HTML L •

:- N ‰ ‰RJ h- HTML M >DZ 2

D w -N Ž -A -G E- MZ FG. > Dd4 @q d - H-K -œ0 E- DMQ 5M4 fD F2 : Head •

•M Q- – RJw - ? B<head/> <head> IœD ¦? M Q- – RJw Bt œD 2R 5 6 v- F2 † Bt2 H ˜ - W-q

.body • [d IœD2 -A3MŽ gDhD ‡- - ?

.. h6 5 PZN h2 ]-q h1 W w > DdQ BE-2D h N 2 -dQ † ?

P hD align H-K g K h G O-• 2 F

<p align="left">Left aligned paragraph</p>

<a href="http://www.microsoft.com/">Microsoft Corp.</a><br>

MH v >? I [ |” Q B(-Q d}0 W- Q h Z 2) href † name H-K W- Q h- a hDM /‚ g K h -~2? JD2

.href H-K top# IœD d 5M4? 5 6 MH @ 4 -~2? |dZ 2

. <br> g K h - [ 5 6 W- ]0 5M4 £d -3J0

( - qS? @ Q ) ±nbsp& g K h - -œ0

[ E- - ²•} E- - ²•q - - C F2 –-~ 3 E- - @N-• tG. Id pre hD g K h |dZ 2

<center/> <center> hD uQœD – U f? — hD |dZ 2

u]D F —K ƒD] F N u.‰-./ N? BO D } f? |M 2 † DA B£‰-.K 4D • I - ‰ font hD @ Q2

g K —K ƒD] F face H-K N font hD £‰-./ W ?

<font face="verdana">Verdana Text</font><br>

(@Ghw > D w 5 6 €]?) —K >D 2 F K color H-K | -dN | ” Q

<font size="+4">Size 7</font><br>

<small> <big> hD g K h- D[/ O L. ? D[/ —K 3Z Q2 h 2 • -~2? JD

fP •F 2 F -~2? |dZ 2 B h-hw —KM 3 d - —K L gD |]w relative 3 ] -‡ • 5 —K L - ¡ [

<font size="7">Size 7</font><br>

B·D[KM 3 d g-• w -A r Kh S- w I J 5M4 }¸ h PN d h-hw —K • L | PS |dZ 2

.¡•Ž6 h 5 6 v- F2 † DA | P -AMS FG. O } A€2 @ HTML \D.] F –RJ g K 2†˜- hD

@Q• g K 2 tt hD B @‰- M em ? i hD 2 Q —KM strong ? b hD •q B GM K E- d M š /? gDh -~2? JD

<b>This</b> is Bold Text and <strong>this</strong> to!<br>

+*´ ? ', @q M[ - ‡ width P/ ™ Bwidth H-K - —K ¶ 4 2 F |dZ 2 hr hD DN w —K IœD \-/ h JD2

<body alink="red" link="yellow" vlink="blue"

‡ - >Dw >D @S P/ 2 B¡ iw ~/w w N B }•q ‰D~ h-hw > D w —M/ ed D3 Z >Dw

. J 2 -dQ OPN g K h G S § Q >? C•2 B D. 3 Q1 E•HD -A N? B D w qZ HTML 2 -dQ g K

FGH •q rdS DM B -F > DdQM 3 d- >DZ 3 d 2 -dQ B M[ 3 ] B 2 -dQ >-4D] | -dN

A H-/ 5 6 v- F2 hD PN B(¡•Ž6 h 5 6 v- •2 † ) G h DN BIMG hD ˜2 • 4 HTML FGH D. v 6 2

C -N L. D. 3Z >- - >- H-K [h D Z 2 B-A4-G 2 F height D. ¶ 4 2 F width H-K -~2? JD

. š /? MS f? @q [ 5M4 >DZ ™ F D. ¶ Q N : bottom, baseline, absbottom •

. [ - ‡•4 D.M >DZ2 † G - 2 5M4 D. ¶ Q N : left •

. [ - ‡•4 D.M >DZ2 † G 2 5M4 D. ¶ Q N : right •

‡ F ”6 B -•6 > dQ , B@ Z3 - -•0 ¶ 4 -A F] border H-K N D. WD -•6 IœD H-/ -~2? JD

.hspace H-K ˜2 • 4 [F \D.d D. - ? D. WD U-F ¶ 4 2 F -~2? |dZ 2

- - 65 D. † ¶ Q h alt H-K uQ~ fP £d >? ™ F B D. HD g K N B D.M alt H-/ -~2? JD

d/- I 3 2 F - [2 K h N >V -d A B œ 0 I‡D g- ‡? ? 5 6 }•q – RJw –R @S 12 ™ F f?

x, y, ) [ .] } RS M f -. } 0 } RS M d } 0 4 -34 u - } 6 >DZ B ‰ @ZU DN : circle •

- 5 6 rA• - MS f -. } 0 ‡ R @Ghw 5 6 WRd - MS B G. [ ] N - 5M4? [ ] >? -~2? § Q >? C•2

. Paint Shop Pro ? Adobe Photoshop @q h M e -] f? g K ] DM[ E- } 0 Q

<img src="/images/sample2.gif" usemap="#mymap">

B Dh? -•6 u D A€2 -N ? 5M4 d d4 B GM K MH 5 6 12 -Ad @S d/-h ˜•-d 4 56 D. >? >V Æ • h

<img src="/images/sample2.gif" usemap="#mymap" border="0">