Learn HTML

‫ ها ا
ب آ ا
ا‪www.cb4a.com‬‬
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
‫ ‪:‬‬
‫ ‪ ! " # Html : :‬‬
‫ ‪ ( & #( ) * +, ' : & : $%‬‬
‫ ‪./ .0, .1, ( $! ( #2 : ( : - %‬‬
‫ ‪* #"/ #( * # 4 ' #5 : #"/ / : 3‬‬
‫ ( ‪ $! 9, .6, .07 #2 .0 : :‬‬
‫ ‪! ;1 / <<<6 ; 2 : : :‬‬
‫ ‪ ! @ * 2 #2 0 &+ * : (1) 0 : 3‬‬
‫ ‪. ( # $5 ;1 0 3 3 : (2) 0 : &%‬‬

‫* ‪0 ;1 / %,‬‬
‫ ‪!'! D ... C & %B , 1 , /!, ; * #5 : (1) B : 3‬‬
‫ ‪C+ , "( * $! C E &, $2 D : (2) B :‬‬
‫ ‪<... 2 , & 27 .! <C 0, : (3) B : 1 F‬‬
‫ ‪$2 & ! ... ' : : *6 6 & ... # : 1 $%‬‬
‫ ‪ : @1 ... /! @ @ : "( : 1 - %‬‬
‫ ‪EG * 1 ... <!*H I 3 &, J : (1) EG : 1 3‬‬
‫ ( ‪K EG ... 2 J : (2) EG : 1‬‬
‫ ‪ $ #" ' : ( # : 1‬‬
‫ ‪$1 #2 ... : L : 1 3‬‬
‫ ‪!<..*5 &0 #.0 2 : - 2 META # : 1 &%‬‬
‫‪1‬‬
www.cb4a.com‫ ها ا ب آ ا
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬

.(Hyper Text Markup LanguageM ( 2 ) .B B ( L .
;1 F D : C % $.! . C L2 N( 0 L 1 2 ; 0 L $6
Java, M2 N(, L & & + 0 0 OG6 #(D 0 1 & #2 0
L #4 Q $6 . Compiler P( #0 ; E D $.! * G2 . JavaScript, CGI
* G .#( #4 &1 4 )L B R 5 & @ . G 6 # &
.. ! ( 2 . 0 L / ! E D # #. . C0 L $.!
.2! $/ 2 & / 6 0 2
L 2 EH, 2 #( $6 .# F, TAGS ; & Html L &2
S: (& ; &)
:$ 2 * G Bold ) 1 , ( 2 2 #( <B> # % ;!
</B> Text <B>
2 #( 5 , <BR> . # % @ @ #( $ ( # ) *6
.<P> @/ # % &
W & $! 6 Q # OG6 V5
...
/! E .#0 X ;1 F D L 5 2 $.! ( X , HTML 2 D
.)L G. $ Windows $! 0 @2 X .0 P X ;
MS Internet Explorer , Netscape Navigator B , ; * G2
.htm , .html #D 2 P 4 #/ &, /! * 1 .. #/ $
L OG6 ! 0 & .Html B #( $ X & 0 , O2G 0
#/ #% 0 P & . 2 . :( & #( #/ -
&, F, .html ' .4 C "/ 2 & OG6 # ' ( X
;1 5 #1 $ .( $ @ ! & /! # 2 $! #(
4 @1 #% $ # 1 :( & D 0 @ , # F7 #2
OG6 ! & .( R, D $, D C .1 . . ;1 / OG6 .X 5 &
.. &2 L
* . R * HTML 2 H P * C :

.D 3+ $ , <$2 G6 6 . # # 1 ; . ' $ OG6
2
‫ ها ا ب آ ا
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫‪&, $! * , . $! 0 % 0 & %2, 1 @ ' ; C, C" E‬‬
‫‪3 . 5 @ 1 35 Y #/ *, ( < ; &, * . 9+ 2‬‬
‫‪N 1 C0 G6 $! & %2 0 .* ;1 . ! ' #5 $! */‬‬
‫* ‪OG. * $! L% F, 2 *, 6 2 G6 & #6 # C * 1 #,‬‬
‫ )‪. OG6 2 .2 L% * G2 2 5 (. !: #/ *, 2Z & 61‬‬
‫‪ ...‬‬
‫‪3‬‬
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬

# G6 $! #5, .HTML & ; * : C . :
C 6,
. ; . $! .([ C * .5
: # G(7
-.6782‫ ا‬34‫و‬ -.‫ا‬012‫ ا‬34‫و‬

</HTML> <HTML>
</HEAD> <HEAD>
</TITLE> <TITLE>
</BODY> <BODY>
. # H . . # ([ # 6, # & EH & 7 . 2 &, <4: G
Html 2 &1 @2! $ .! $ # 7 . / H 0
!* G ; D .</HTML> # $. <HTML> # C" , Html ! &G
64 & 2 . ( ;1 F FG 3/ ! <HEAD> # ,
</TITLE> … <TITLE> :& & 3+ & E O & G6 .R &1 ;1
.3/ G6 $. $2 </HEAD> # 2 0 3
4
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
0 E ; !+B + P 2 # FG <BODY> # ; $7
</BODY> .B # ; E C+ , 6 . $5
:$ 2 @2 X R #5 … 6 < 1 @ OG6 ' , * ,
<HTML>
<HEAD>
<TITLE>
This is a test Webpage
</TITLE>
</HEAD>
<BODY>
Wow, I'm writing my first webpage
</BODY>
</HTML>
6 HTML , $! #( D &, ; D .O( # F7 $! 2 4 #5 &[
P/ ;1 / 0 Y #/ &, +! & 1st_file.htm #D ( , : C % .html , .htm
.- , ) .10 1 * 1 . G.! * 4 $2
Netscape &2 GY! . ( FG B R L #5 .O2 0 6 $2 ) 5 &
…Open (! MS Internet Explorer $! , .File "5 & …File Open ( Navigator
. 0 FG #% .File "5 &
: 1 G6 . & H( 1 . $ / +!D C * G
.* ( , Y 5 / ☺ * &G <0 ;1 6
: 2 1 4: ) ; *., &, , &, 5
@ L , UPPERCASE @ 2 H 0B # 2 & '! 0 D •

.. 2 2 ; , . 2 F7 2 3 * G .lowercase
5
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
^ L+ #/ 1 F,) / . , @"H Q 1D & G(7 D & •
' * 2 *1 &Y! N(, @ .Html $! OG6 60 $ (Enter
:$ 2
<HTML><HEAD><TITLE> This is a test Webpage </TITLE></HEAD><BODY>

Wow, I'm writing my first webpage </BODY></HTML>
:$ 2 ,
<HTML>
<HEAD>
<TITLE>
This
is a
test
Webpage
</TITLE>
</HEAD>
<BODY>
Wow,
I'm
writing
my
first
webpage
</BODY>
</HTML>
:2 G. ; ,
<HTML> <HEAD> <TITLE>

</TITLE>
</HEAD>
<BODY>
Wow, I'm writing my first webpage
</BODY>
</HTML>
.0 ;1 D 2 $!

R & 3 :2 . ) , @1 ; , @1 & : C % 2 @/ &, $ D G6 &2
.) G6 / &2 . )1 . $"/ #/
@/ . &2 2 2 $! 2 P / #2 &2 2 &G 5 &[
:$6 1 0B !!! 0 Z <. $ @/
# F, # G6 &, 4D) 0 . . <BR> # #(
.( .
$ 2 R $2 #5 ' % ;
<HTML>
<HEAD>
<TITLE>
</TITLE>
6
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
</HEAD>
<BODY>
Wow, <BR> I'm writing my <BR>

first webpage
</BODY>
</HTML>
&2 0 , @/ , $. , F, ' # 1 C / #/ FG <P> # + , *6
./ & _! $!+ !+ 3
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
Wow, <P> I'm writing my <P>
first webpage
</BODY>
</HTML>
7
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
$6 ) nbsp;& # #( D 6 . #2 3 D * G ( CH ! Q ,
G6 2 D * 1 (I P & Q! @1 ( , G .(Non Breakable Space @ (
.6 @ L / * 1 0 2 . Q 1 #
:$ 2 2 @2 ; &G
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
Wow,
I'm writing
my first webpage
</BODY>
</HTML>
#( @ 2 &, 0 $ H OG6 & *.! ( H &1 -
B OG6 2 ." 5D @ & L, & 2, $ :% G( . . @ #
:" . .( 7( & HTML L &+ OH0 $.! # 3 : C , #(
;1 C, @0 Q CH *6 &Y! * G2 . )1 / $! 2 - ; * G FZ
* ..2 (# / )/ OG6 ; E ® 0 : H © 3 '/ H2 R
<> $ & 0 $! $6 2 2 ., ; *4 , ."!2 . H OG6 ) 0
‫اــــ
ـ‬ ‫اـــد‬
‫اــــ
ــــز‬
‘ ‘
’ ’
‚ &sbquo;
“ “
” ”
8
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
„ &bdquo;
† &dagger;
‡ &Dagger;
‰ &permil;
‹ &lsaquo;
› &rsaquo;
♠ &spades;
♣ &clubs;
♥ &hearts;
♦ &diams;
 &oline;
← ←
↑ ↑
→ →
↓ ↓
™ ™
& &
< <
> >
" "
× ×
÷ ÷
– –
— —

¡ ¡
¢ ¢
£ £
¤ ¤
¥ ¥
€ €
¦ ¦
§ §

¨ ¨
© ©
ª ª
« «
¬ ¬
® ®
¯ ¯
° °
± ±
² ²
³ ³
9
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
´ ´
µ µ
¶ ¶
· ·
¸ ¸
¹ ¹
º º
» »
¼ ¼
½ ½
¾ ¾
¿ ¿
Capital ‫ــ
وف‬h‫اــــ‬
À À
Á Á
Â Â
Ã Ã
Ä Ä
Å Å
Æ Æ
Ç Ç
È È
É É
Ê Ê
Ë Ë
Ì Ì
Í Í
Î Î
Ï Ï
Ð &ET;
Ñ Ñ
Ò Ò
Ó Ó
Ô Ô
Õ Õ
Ö Ö
Ø Ø
Ù Ù
Ú Ú
Û Û
Ü Ü
Ý Ý
Þ Þ
Small ‫
وف‬h‫ا‬
ß ß
10
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
à à
á á
â â
ã ã
ä ä
å å
æ æ
ç ç
è è
é é
ê ê
ë ë
ì ì
í í
î î
ï ï
ð &et;
ñ ñ
ò ò
ó ó
ô ô
õ õ
ö ö
ø &oslas;
ù ù
ú ú
û û
ü ü
ý ý
þ &torn;
ÿ ÿ
11
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬

!" #$ %& '
$ P"( ;1 G6 $! #/ .HTML & $% ; * : C . :
C 6,
.& ' ! ( # 2 #2 0, & <BODY> # ; .!+ &2
C L ( ( . $! .2 5 $ 2G H D , C
) .N(, 1 & #/ D 1 R 6 $ +!B 1B $6 OG6 .,
<B $! 6 $ / 0 ( & & , ! OG6, :/
.( $! H ! :
C . &2 ' *
&, # 2 2 #5, & &2 C+ , G6 %, R + OG6 #(
.</BODY> ... <BODY> & &+ F, . P( H0 $! H2 1
! , &G
. FG 2 , 2 0, & # ; + $ ;1 (Attribute) ( 2 '
2 ! ( , # / 0 FG &1 R (Y #/ # &Y! N(, @ .# OG6
. G6 , . # $
: @ 7
<BODY BGCOLOR="FFFFFF">
...
</BODY>
, . ( & #/ $6 <BODY> # ; BGCOLOR ( !+Y 5 /
, ( " " $ & 2 ., 4D) ) & 6 6 ( & % $ / $.! FFFFFF
......R 'H & CC6699 H , .000000 H 2 & %
@/ 3 ...< 2 # / OG6 0 & , &!
... ( )
S: L 2 $6 H & 2 / # / &, 4:
12
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
0 OG6 &1 0 256 0 . 2 'H +( $6 , & , %:% *6
.N( & ;1 ( .0 & OG6 EH :( & .255 ; 000 & #5
* %:% & OG6 & S0 & S X H 6 & F, & *
& &2 ) & .'H +( & & 2 & 000 0 & &2 & :%!
& 255 0 & 255 0 & &2 .! & , .& OG6 & 255 0
.& $5 & 2 # / G26 ...'H & & 000 0 +(
%:% & EH . 1 &2 $ & 1 &, X 256×256×256
.+ 16777216 6 /
#4 2 …#5, . .. ) & &1 1 $ FFFFFF H 0 F, & &2
H 9 ; 0 & #5 #( 1 16 #5 , F1 #4) F1
.F1 #4 FF #5 "!2 F F #4 255 #5 ! .( A,B,C,D,E,F
255 0 % $! FF #5 . & 255 0 % ;1 FF F1 #5 ! &G
.'H & & 255 0 % & ;1 FF #5 .+( & &
6 5! & , CC6699 :F1 #5 R 'H & &1 G6 ;1
.000000
.F1 #4 "!2 6H & ) 0 G6
Aqua Antiquewhite Aliceblue

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

#00FF33 #00CC33 #009933 #006633 #003333 #000033
#00FF66 #00CC66 #009966 #006666 #003366 #000066
#00FF99 #00CC99 #009999 #006699 #003399 #000099
#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
15
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
#66FF00 #66CC00 #669900 #666600 #663300 #660000
#66FFCC #66CC33 #669933 #666633 #663333 #660033
#66FF66 #66CC66 #669966 #666666 #663366 #660066
#66FF99 #66CC99 #669999 #666699 #663399 #660099
#99FF00 #99CC00 #999900 #996699 #993300 #990000
#99FF33 #99CC33 #999933 #996633 #993333 #990033
#99FF66 #99CC66 #999966 #996666 #993366 #990066
#99FF99 #99CC99 #999999 #996699 #993399 #990099
#CCFF00 #CCCC00 #CC9900 #CC6600 #CC3300 #CC0000
#CCFFCC #CCCCCC #CC99CC #CC66CC #CC33CC #CC00CC
#CCFFFF #CCCCFF #CC99FF #CC66FF #CC33FF #CC00FF
#FFFF00 #FFCC00 #FF9900 #FF6600 #FF3300 #FF0000
#FFFFCC #FFCCCC #FF99CC #FF66CC #FF33CC #FF00CC
#FFFFFF #FFCCFF #FF99FF #FF66FF #FF33FF #FF00FF
%:% & X . :( & 3 ( X 0 ! O ( FG & P( H 2 ,
.X & b!2 F1 H X #/ #% & (
:-R7S -TUVS
r1s # ‫رة‬6Z‫^ان إ` ﺏ^]\ إ‬2b‫^ز ا‬S‫ ر‬def ‫ف‬hijk ` ‫ت‬6mnojR2‫ ا‬pi‫ﺏ‬
.6ًRu‫ دا‬67S‫ا‬0wj4‫ ا‬rxyb‫ ا‬zS {2|2 ،‫^ز‬Sh2‫ه|~ ا‬
#5 & D

C @ & OG6 , #( &2 & 0 & )
:. & OG6 R+ 0 G6 . 1
White Black
Green Red
Purple Marron
Blue Navy
16
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
Lime Teal
Silver Gray
Aqua Olive
Yellow Fuchsia
... ."( # ;
<BODY BGCOLOR="#FFFFFF" BACKGROUND="image.jpg">

...
</BODY>
: @ ( 5 (&0 ') (2 @ BACKGROUND ( #/
0 OG6 2 $ $! image.jpg @
0 - . 2 $L , ., 0 / @ )1 2 #5 5 R &, 4:
1 /! .4 & &, / / (BGCOLOR ( :( &) ( &2 O FG ) & C+ ,
17
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
.7 / ) &, ( C O + * G 3 . (2 @ #( #/ D
& ( ) *6 , .( )1 .2Y F,) Text-Based Browsers
& & ) @6 ! 5 ;1 #. &G .#. & C "/ )1 ( L Y 5 & G
. @6 #
C "/ #/ FG 6 R (2 C +1 , C ( #07 #( 3
.@ 2 @ .7 9D $ 0 3+ $! .+
: #4 &, c *( :( 4D :<BODY> # $! P"( $5 3 2
'H & @H C" $6 2 ;1 N(, 35 , ; */ . 1 / $ (Links)
6 $ +!B & $6 OG6 C .FH/ ; . 5 :C ! . H 5 $ : &,
( /Q @ , & #( , .#4 G6 L * G *0 D 5 &2 .
< ! .. P ( ; , : OG6 ( ; FZ
:P & , $! #2 #/ $ P"( OG6 *
$ P & TEXT="#rrggbb"

: & LINK="#rrggbb"
visited links . H $ : & VLINK="#rrggbb"
active links . 1 / # 1 F, & ALINK="#rrggbb"
$ & * & ( H 2, .@ @1 $! / P"( 0 1 &[
.@ ( P"( OG6 2 $! 6, D , ; *4 , ..%
<BODY BACKGROUND="backimag.jpg"
BGCOLOR="#ffff00"
TEXT="#000066"
LINK="#00ff00"
VLINK="#ff0000"
ALINK="#999999">
& ( $, < (2 backimag.jpg @ 5 $, 0 6 !. &,
: , <'L 'H & .4 P & <( (2 / @ )1 #1 $!) (
& .4! * , . & .4 . H $ : +(, .!
.@7 . 1 / 4 $! F
G6 3 C 6H C C5 +5 5 &2 &, O, 2 .0 / *! ...*0 $6 OG6 2 G
.
18
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
*
++,
3mj2‫ﻥ وا‬hj‫ت اﻥ‬6mn‫ ﺹ‬8k ‫ت‬6464‫ أ‬6ًiS s68‫ ﻥ‬682‫ ` ز‬.HTML ‫ دروس‬zS 262‫رس ا‬02‫ ا‬d2‫ ﺏ{ إ‬V ً 74‫ و‬V
ً ‫أه‬
.‫^ط‬w26‫ ﺏ‬-‫ﺹ‬6w2‫^م ا‬4^2‫ ا‬def ‫ف‬hij2‫ل ا‬V‫ ﺥ‬zS ‫رس‬02‫ ه|ا ا‬y {2‫ﺏ\ ذ‬6j‫^ف ﻥ‬4‫ و‬.67ou6ow‫ﺏ‬
u6ow2‫ ا‬n‫ء ﻥ‬6f‫ أو إ‬،rRi2‫ ا‬n‫داء ﻥ‬b -.h zS h‫ك أآ‬68‫ أن ه‬-UV2‫روس ا‬02‫رس وا‬02‫ ه|ا ا‬y ¢UVk ‫^ف‬4
s0j2‫ ا‬zS re26‫ ﺏ‬z2 ،6‫ه‬h‫ﺙ‬¤k y -7‫ﺏ‬6¥jS u6ow2‫^م وا‬4^2‫ ا‬pi‫{ أن ﺏ‬2 ‫و‬01. 0s r‫ﺏ‬6R26‫ وﺏ‬.‫ﻥ‬hj‫ت اﻥ‬6mno2
.¦j‫^ﺹ‬o‫ ﺥ‬34‫ و‬r2 ‫§ أن‬¥jj4 -‫ﺏ‬h¨j2‫وا‬
‫أ‬0182‫و‬
zS rZ ‫ي‬¤‫ و` ﺏ‬67y ‫^ط‬w2‫\ ا‬S rS6ij26‫ ﺏ‬3‫ ﻥ‬32 68‫ إﻥ‬.z‫ﺏ‬62‫ ا‬z4‫ر‬02‫ ا‬y 67y 68eRf j2‫ ا‬-12‫ ا‬68jmn‫راﺝ\ ﺹ‬
.-]‫ا‬hjy`‫ ا‬67k‫ادا‬0f‫ إ‬def 6‫ه‬68‫آ‬hk 68‫ أي أﻥ‬.‫ل‬6Zb‫ا‬
.(‫ﻥ‬hj‫ت اﻥ‬6mnojS ‫س‬6R‫ )ﺏ‬3 ¦RÜ‫ و‬Times New Roman ¦f^‫ ﻥ‬،‫دي‬6f «‫ادات ه ﺥ‬0f‫¬ن ه|~ ا‬y -1468R26‫وﺏ‬
<FONT/> ... <FONT> ^‫^ط ه‬w26‫ص ﺏ‬6w2‫ول ا‬b‫ ا‬34^2‫ا‬

‫ى‬h‫ﺥ‬b‫^م ا‬4^2‫ وا‬34^2‫\ ه|ا ا‬S 67S0wj‫ ﻥ‬j2‫ ا‬u6ow2‫ ا‬6S‫ أ‬.3¨m2‫^ن وا‬e2‫^ع وا‬82‫ ا‬U zS ‫^ط‬w26‫ ﺏ‬3mj26‫^م ﺏ‬. ^‫وه‬
:26j26‫ آ‬7y ‫^ط‬we2
OG6 $! .C 9 & %2, #/ 5 O FG ( 9 ( OG6 #/ Face
( 1 # 35 R FG P( H.0 ;1 CD, ( 0 # G
G26 ... $%
<FONT FACE="Traditional Arabic, Arabic Transparent, Simplified Arabic">

... Text ...
</FONT>
.C "06 @ ( , 2 & 27 &, D C
$! .1 % $ & d * G ( & ! ( OG6 , Color
'
<FONT COLOR="#FF0000">
... Text ...
</FONT>
3 ( F #0, *6 /! . ( OG6 #( ( #0 Size
.. 1
S1 & ^ #5 2 # - . . , :& 7 #0 #/
.@ O FG #0 ( , F, .7
<FONT SIZE="4">
... Text ...
</FONT>
19
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫ * ‪( #07 EG‬‬
‫( ‪1 #0‬‬

‫( ‪2 #0‬‬
‫) ( ‪($+!D‬‬ ‫( ‪3 #0‬‬
‫( ‪4 #0‬‬
‫( ‪5 #0‬‬
‫( ‪6 #0‬‬
‫( ‪7 #0‬‬
‫‪@Y , + @Y /! 6 ; 1 & #5 2 - :$ .! $% ,‬‬
‫‪.S‬‬
‫>"‪<FONT SIZE="+4‬‬
‫‪... Text ...‬‬
‫>‪</FONT‬‬
‫!‪C * G ( (S) L , (+) 2 0 % 6S1 #5 &Y! / OG6 $‬‬
‫ ; ‪$+!D #0 &1 0 3, ( 2 $ 4+ #5 :%! .$+!D #0‬‬
‫‪F, @ 0 ( L $ 1S #5 &7! / .7 #0 R , F, 3 6‬‬
‫ ‪.2 #0 R‬‬
‫ ‪:EG OG6 * G6 R +‬‬
‫( ‪3S #0‬‬

‫( ‪2S #0‬‬
‫( ‪1S #0‬‬
‫( ‪($+!D 6 0S ,) 0+ #0‬‬
‫( ‪1+ #0‬‬
‫( ‪2+ #0‬‬
‫( ‪3+ #0‬‬
‫( ‪4+ #0‬‬
‫( ‪5+ #0‬‬
‫‪.( #0, & %2, ;1 3 D $ $! ; , 4D‬‬
‫‪20‬‬
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
.5+ , 3S #0 2 6 ! 2 L, , 2, #5, 2 & ;
-‫رﺝ‬02‫ ا‬08f defb‫~ ا‬0U def‫ و‬2- -‫رﺝ‬02‫ ا‬08f d‫دﻥ‬b‫~ ا‬0U def «w2‫ ا‬3Ü 1‫ ﺙ‬02 ‫^ل‬j4 ،‫ل‬¤k ‫ أن‬0.hk ‫ذا‬6S ‫ف‬hf‫ن أ‬±‫وا‬
‫؟‬4+ zS h1‫آ‬b‫ وا‬2- zS rsb‫ى ا‬h‫ﺥ‬b‫ت ا‬6‫رﺝ‬02‫ وﺝ^د ا‬zS ‫ة‬0u6n2‫ ا‬6S ‫ إذن‬.4+
‫^ف ﻥ^م‬4‫؟ )و‬3 zS ` ً 0‫ ﺏ‬1 d2‫ إ‬-mno2‫ ا‬r‫ آ‬y «we2 ]‫ا‬hjy`‫ ا‬3¨m2‫ ا‬h¶j‫ ﺏ‬68Rs ^2 ‫ذا‬6S :h‫ال ´ﺥ‬µ‫{ ﺏ‬1‫ أﺝ‬6‫ وأﻥ‬68U
7 0.0mj‫ ﺏ‬68Rs ‫¦؟ وإذا‬8S h1‫آ‬b‫م ا‬6Üb‫ ا‬rRj2 6+ d2‫ إ‬1+ zS ‫ت‬6‫رﺝ‬02‫ ا‬d2‫ إ‬-26m2‫ ه|~ ا‬y ‫ج‬6jm‫ أ` ﻥ‬،(res 0i‫ ﺏ‬V
ً iy {2|‫ﺏ‬
~|‫ ه‬d2‫ إ‬Vً iy ‫ج‬6jm‫ ﻥ‬zm‫¦؟ إذن ﻥ‬8S h¶‫ﺹ‬b‫م ا‬6Üb‫ ا‬rRj2 6- d2‫ إ‬1- zS ‫ت‬6‫رﺝ‬02‫ ا‬d2‫ج إ‬6jm‫ا] أ` ﻥ‬hjy‫ إ‬3¨m‫آ‬
.‫^اردة‬2‫`ت ا‬6RjU‫\ ا‬R‫ ﻥ¶ ﺝ‬2 ‫ت‬6‫رﺝ‬02‫ا‬
(-: {i8s‫ أ‬0s ‫¨^اب‬2‫^ن ه|ا ا‬. ‫أرﺝ^ أن‬
.‫ة‬hZ61S ~0i‫ل ﺏ‬6S r‫ آ‬-¨j‫ ﻥ‬y‫^ف أر‬4‫ و‬،34^2‫ام ه|ا ا‬0wj4‫ ا‬-n‫{ آ‬2 ¹]^j2 -eSb‫ ا‬pi‫وه|~ ﺏ‬
<FONT FACE="arial" SIZE="6" COLOR="#FF0000">

This font is Arial, Size is 6, Color is Red
</FONT>
This font is Arial, Size is 6, Color is Red

<FONT FACE="arial" SIZE="+3" COLOR="#FF0000">
This font is Arial, Size is +3, Color is Red
</FONT>
This font is Arial, Size is +3,

Color is Red
<FONT FACE="Times New Roman" SIZE="5" COLOR="#0000FF">
This font is Times New Roman, Size is 5, Color is Blue
</FONT>
This font is Times New Roman, Size is 5, Color is Blue
<FONT FACE="courier" SIZE="2" COLOR="#800000">

This font is Courier, Size is 2, Color is Maroon
</FONT>
This font is Courier, Size is 2, Color is Maroon
<FONT FACE="Arial" SIZE="5" COLOR="#00FF00"> This </FONT>

<FONT FACE="Times New Roman" SIZE="7" COLOR="#FF00FF"> is </FONT>
21
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<FONT FACE="Arial" SIZE="2" COLOR="#FF0000"> multi </FONT>
<FONT FACE="Impact" SIZE="4" COLOR="#000000"> colors, </FONT>
<FONT FACE="Courier" SIZE="2" COLOR="#0000FF"> multi </FONT>
<FONT FACE="Times New Roman" SIZE="3" COLOR="#008080"> faces, </FONT>
<FONT FACE="Courier" SIZE="6" COLOR="#FFFF00"> and </FONT>
<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>
This is multi colors, multi faces, and multi sizes text

<FONT FACE="Impact" SIZE="6" COLOR="#000000">C </FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#008080">O</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF0000">L</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#0000FF">O</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#800000">R</FONT>
<FONT FACE="Impact" SIZE="6" COLOR="#FF00FF">S</FONT>
COLORS
.<BASEFONT> ^‫^ط وه‬w26‫ ﺏ‬-‫ﺹ‬6w2‫^م ا‬4^2‫ ا‬zS ‫ﻥ‬62‫ ا‬34^2‫ ا‬d2‫ن إ‬±‫ ا‬rj8‫ﻥ‬
y ‫م‬0wj4 ‫|ي‬2‫ ا‬464b‫« ا‬w2‫§ ﻥ^ع ا‬.hij‫^م ﺏ‬. ¦‫ أي أﻥ‬. 67e‫ آ‬-mnoe2 -1826‫¦ ﺏ‬ou6o‫« وﺥ‬w2‫ ﻥ^ع ا‬0.0mk ^‫¦ ه‬eRf‫و‬
.¦RÜ‫^ﻥ¦ و‬2 ‫د‬0m.‫ و‬67j.67‫ ﻥ‬d2‫ إ‬67j.‫ا‬0‫ ﺏ‬zS -mno2‫ا‬
-mno2‫\ ا‬S rS6ij. ¦‫ أﻥ‬6R26 -.6782‫ ا‬34‫ و‬d2‫ إ‬-‫ﺝ‬6m2‫ ا‬6S \126‫؟ ﺏ‬-.678e2 34‫ و‬def ‫^ي‬jm. `‫د و‬hnS 34‫ اﻥ¦ و‬TU` r‫ه‬
،§eR2‫ أول ا‬y ‫دة‬6f ºj. 34^2‫¬ن ه|ا ا‬y {2|2 .67k‫ة ﺏ|ا‬hy ‫ أو‬h4 ‫ أو‬-Re‫\ آ‬S 2‫ و‬،672 -464b‫ادات ا‬0f‫\ ا‬S‫ و‬r‫آ‬
، <FONT> \S h‫|آ‬2‫ ا‬-n264 u6ow2‫ ا‬n‫ ﻥ‬7y ¦iS -S0wjR2‫ ا‬u6ow2‫ ا‬6S‫ أ‬.<BODY> 34‫ و‬0i‫ة ﺏ‬hZ61S rxn.‫و‬
:‫ل‬6R‫ة آ‬hn¥2‫{ ه|~ ا‬2‫ وإ‬.‫ت‬6yVj‫ون أي اﺥ‬0‫ وﺏ‬-.h2‫ ا‬n8‫ وﺏ‬.(Face zS ` ً 0‫¦ ﺏ‬iS Name -‫ﺹ‬6w2‫ام ا‬0wj4‫\ ا‬j‫)ﻥ‬
<BASEFONT Name="Arial" COLOR="#FF0000" SIZE="5">
.hRU‫^ﻥ¦ أ‬2‫ و‬5 ¦RÜ‫ و‬Arial ¦f^‫ ﻥ‬¹1o. m‫ ﺏ‬-mnoe2 ]‫ا‬hjy`‫« ا‬w2‫ ا‬r.0ij‫^م ﺏ‬. ¦‫» أﻥ‬j8j‫ل ﻥ‬6R2‫ ه|ا ا‬-4‫را‬0‫وﺏ‬
‫^م‬4^2‫ام ا‬0wj46‫ ﺏ‬6i1 3‫ ﻥ‬32 6S .«w2‫ ا‬zS «R82‫ ه|ا ا‬67ef 14 -mno2‫{ ا‬ek y -‫^ﺏ‬jR2‫^ص ا‬o82‫ ا‬r‫¬ن آ‬y 26j26‫وﺏ‬
34^2‫ ا‬zS -‫وﻥ‬hS h‫ًا وأآ‬0.0mk h‫ أآ‬7y ،-‫ﺏ‬62‫ ا‬-eSb‫ ا‬y 68eiy 6R‫ آ‬6‫ه‬h7TR‫ ﺏ‬3mj2‫ وا‬67e.0ij2 <Font/> ... <Font>
<BASEFONT>
-‫ﺹ‬6w2‫ ا‬zf 68Rek ‫ﺏ‬62‫رس ا‬02‫ ا‬y 68‫ أﻥ‬h‫|آ‬k `‫ أ‬.-mno2‫ ا‬82 464b‫^ن ا‬e2‫ ا‬h¶k‫^ان و‬2b‫ ا‬zf .0m2‫ ا‬-1468R‫وﺏ‬
.{2‫ ذ‬h‫ أذآ‬2‫ ` ز‬6‫ أﻥ‬...-mno2‫^ن ﻥ ا‬2 0.0mj2 6‫ه‬68S0wj4‫ ا‬j2‫< وا‬Body> 34^2‫\ ا‬S ºjk j2‫ ا‬Text
‫ام أي‬0wj4‫\ ا‬jk -6‫ ﺏ‬r‫ﻥ ﺏ‬¤y <BASEFONT> 34^2‫ ا‬y Color -‫ﺹ‬6‫ وﺥ‬-‫ﺹ‬6w2‫ ه|~ ا‬z‫رض ﺏ‬6ik 0‫^ﺝ‬. `
¦14 ‫|ي‬2‫< ه^ ا‬BASEFONT> 34^2‫\ ا‬S ‫د‬0mR2‫^ن ا‬e2‫¬ن ا‬y 6R‫ه‬V‫ آ‬S0wj4‫ث وا‬0U ‫ وإذا‬.{jmn‫ ﺹ‬y 6R78S
.~0Rji.‫ و‬¹nojR2‫ا‬
:‫ﻥ وه‬hj‫ت اﻥ‬6mn‫ ﺹ‬y Headings z.‫و‬68i2‫¾ ا‬Rj2 ‫م‬0wjk -‫ﺹ‬6‫^م ﺥ‬4‫ك و‬68‫ه‬
</Hn> ... <Hn>

22
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
.‫^ان‬8i2‫^ى ا‬jS rR. 6-1 z‫ ﺏ‬3s‫ ه^ ر‬n ‫ف‬hU‫و‬
<H1> Heading 1 </H1>
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
‫ل‬6R‫ ﺏ‬-f^1jS 67‫ ﺏ‬-‫ﺹ‬6w2‫^م ا‬4^2‫ ا‬e. 6Ry‫ و‬.‫^ص‬o82‫ ا‬d2‫ إ‬67jy6]‫ إ‬zR. j2‫ات ا‬h‫ﺙ‬¤j2‫ت وا‬68j2‫ ا‬d2‫ن إ‬±‫ ا‬k¤‫وﻥ‬
:¦j¨j‫وﻥ‬
:-26j2‫^م ا‬4^2‫¦ ا‬2 ‫م‬0wj‫ وﻥ‬،(p.hi2‫^د ا‬4b‫ )ا‬S6¶2‫« ا‬w2‫* ا‬
<B> ... </B>
<STRONG> ... </STRONG>
This is Bold Text <B> Bold Text </B>

This is Strong Text <STRONG> Strong Text </STRONG>
ru6R2‫« ا‬w2‫* ا‬
<I> ... </I>
<EM> ... </EM>
This is Italic Text <I> Italic Text </I>

This is Emphasized Text <EM> Emphasized Text </EM>
hR2‫« ا‬w2‫* ا‬
<U> ... </U>
This is Undelined Text <U> Undelined Text </U>
\nkhR2‫« ا‬w2‫* ا‬
23
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<SUP> ... </SUP>
This is Superscript Text <SUP> Superscript Text </SUP>
pnw8R2‫« ا‬w2‫* ا‬
<SUB> ... </SUB>
This is Subscript Text <SUB> Subscript Text </SUB>
h1‫* ﺥ« آ‬
<BIG> ... </BIG>
This is Big Text <BIG> Big Text </BIG>
h¶‫* ﺥ« ﺹ‬
<SMALL> ... </SMALL>
This is Small Text <SMALL> Small Text </SMALL>
«‫]¦ ﺥ‬hji. ‫* ﻥ‬

<STRIKE> ... </STRIKE>
<S> ... </S>
This is Striked Text <STRIKE> Striked Text </SRTIKE>

This is Striked Text too <S> Striked Text </S>
TeleType -i‫ﺏ‬62‫ ا‬-2±‫* ﻥ ا‬

<TT> ... </TT>
This is TeleType Text <TT> TeleType Text </TT>
:26j2‫ل ا‬6R2‫{ ا‬2‫^م إ‬7nR2‫ ه|ا ا‬¹]^j2‫ و‬.Monospaced Text ‫ت‬6y6R2‫ ا‬0َU^S 826‫ ﺏ‬6ًx.‫ف أ‬hi. 82‫وه|ا ا‬
-U6R2‫ف ا‬6i]‫ ه أ‬m ‫ف‬hm2‫ ا‬67e¶Z j2‫ ا‬-U6R2‫ أن ا‬¢UV‫ ﻥ‬-26jjS ‫ات‬hS h¥f 6R78S r‫ آ‬681j‫ وآ‬m,i zyhm2‫ ا‬6‫إذا أﺥ|ﻥ‬
i ‫ف‬hm2‫ ا‬67e¶Z j2‫ا‬
iiiiiiiiii
mmmmmmmmmm
‫ة‬0U^S ¹1ok zyhm2‫ ا‬V‫ آ‬67e¶¥. j2‫ ا‬-U6R2‫¬ن ا‬y </TT> ... <TT> 34^2‫ام ا‬0wj4‫ ا‬08f 6S‫أ‬
24
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
iiiiiiiiii
mmmmmmmmmm
:6ًiS ‫ت‬68k ‫ة‬0f z‫\ ﺏ‬R¨k -eS‫وه|~ أ‬

<B><I><U>
This is a Bold, Italic and Underlined Text
</U> </I> </B>
<FONT COLOR="#FF0000" SIZE="+3"><U><I>

This text is red, size +3, Italic, and Underlined
</I> </U> </FONT>
This text is red, size +3, Italic, and

Underlined
n82‫ و‬s^2‫ ا‬n‫ ﻥ‬y 6ًiS ‫ت‬68k‫^م و‬4‫ة و‬0f ‫ام‬0wj4‫ ا‬68‫ﻥ‬6S¬‫ أن ﺏ‬:672‫ أو‬-8iS ru6S ¹]^k -eSb‫ ه|~ ا‬zS ‫ أردت‬0s‫و‬
`‫^م و‬4^2‫ ه|~ ا‬ºkhj2 -R‫ ` أه‬،ً6‫ﺏ‬64 ‫ت‬h‫ ذآ‬6R‫ وآ‬.(‫^ط‬w2‫^م ا‬4^2 «y 2‫^م و‬4^2‫\ ا‬R¨2 {2‫ )وذ‬.82‫ ا‬zS \R2‫ا‬
...`
ً ‫ ورد أو‬67.‫أ‬
:26j2‫ ا‬34h2‫ ا‬d2‫ إ‬hT‫ آ§؟ أﻥ‬...!678‫ ﺏ‬r‫اﺥ‬0j2‫م ا‬0f ‫ة‬6f‫ا‬hS º¨. 0U‫\ وا‬S y ‫دة‬0ijR2‫^م ا‬4^2‫ام ا‬0wj4‫ ا‬08f
:¤‫ ه^ ﺥ‬-26j2‫ق ا‬h26‫ ﺏ‬-‫ﺏ‬62‫^م ا‬4^2‫ ا‬-‫ﺏ‬6jy

<B><I><U>
</B> </I> </U>
<B><I><U>
</B> </U> </I>
25
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫أ‪hf‬ف أﻥ{ ‪ 8s0ok 32‬وأﻥ{ ‪ Rs‬ﺏ‪h¨j‬ﺏ‪ -‬ه|~ ا‪^4^2‬م ورﺏ‪ def eoU 6R‬ﻥ‪ -¨j‬ﺹ‪ 6ً8U .-mm‬ا‪h1i2‬ة ‪61f y 2‬رة‬
‫وا‪0U‬ة ‪^S‬ﻥ‪ zS -‬و‪ zR4‬أو ﺙ‪V‬ﺙ‪ §eS y 671jk -‬ﺹ¶‪ h‬ﺏ‪ y r‬ﺹ‪ -mn‬إﻥ‪hj‬ﻥ آ‪6ÃS zS §2¤jk 0s -eS6‬ت أو ‪`´ djU‬ف‬
‫ل ‪ zS‬ا‪b‬ﺥ‪6‬ء ا‪ -8R2‬وا‪0j2‬اﺥ‪V‬ت ا‪ º1k 0s j2‬ارﺏ‪6‬ك ‪6mnojRe2‬ت‪ ،‬و‪µk‬دي إ‪0f d2‬م ‪hf‬ض‬ ‫ا‪^4^2‬م ‪^jS‬ﺏ‪ §eS y -‬ﺥ‪ٍ 6‬‬
‫ه|~ ا‪ -mno2‬ﺏ‪ r¥26‬ا‪ º468R2‬وا‪êR2‬ب‪.‬‬
‫‪¤y {2|2‬ه‪ -R‬أن ‪ º8¨jk‬وﺝ^د ا‪^4^2‬م ا‪0jR2‬اﺥ‪ y -e‬ﺹ‪ {jmn‬ه^ ﺏ‪ n8‬ا‪b‬ه‪ -R‬ا‪ º¨. j2‬أن ‪6j2 672^k‬ﺏ‪ -‬ه|~ ا‪^4^2‬م‬
‫ﺏ‪ô26‬رة ا‪ -mmo2‬إ‪ .6ًuVS‬وإ` ‪6mnojR26y‬ت ` ‪ .3Uhk‬وآ‪h‬ة ه ا‪hR2‬ات ا‪ 67y roU j2‬ا‪^RRoR2‬ن ‪ def‬ﺹ‪6mn‬ت‬
‫‪678S‬رة ﺏ‪ º1‬ﻥ‪6‬ن ‪hU‬ف وا‪ 0U‬أو إ‪6Z‬رة ‪ > rS‬أو < أو "‬
‫ﺏ¬ﺥ‪6oj‬ر ‪ ...0.0Z‬وآ‪0f6‬ة أ‪ ،-464‬ا‪ -mno2‬ا‪ -RRoR2‬ﺝ‪ً0‬ا ه ا‪ -mno2‬ذات ا‪^4^2‬م ا‪ -mmo2‬و‪ hÅ‬ا‪0jR2‬اﺥ‪.-e‬‬
‫‪26‬‬
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
-
./ %
.#1 2 ./ P( 2 / ( # V5 G6 $!
* $ ( &, & C1 . 1 $+ $! & f *( &, R
."5 ./! # 4 # .2 6 ' $! 5 ) $+/ , * #. # & *2 .D
C 0 C/
d/ , "H #6 G0 ; @( 6 ! .0 ;1 * 1 & Y!
. + ( #.! 1 . *
.Y #/ <P> # ! .. * 2G & 7 D ./ ( # ) ^+ Y $! 5 /
Q !+Y #/ nbsp;& # . 0 ; P / $ $. <BR> # .@/
. Q 1 2 2 0
.6 Q # OG6 3 G6 $! 3
& g2 OG6 $! </P> ... <P> EH #2 C+ , #( 2 # 6 <P> # & 5 /
.ALIGN, DIR P"( #( - . ! P O0 @/ O0
: % .+, Center, Right ,Left # / G(7 $6 @/ @G ALIGN ( !
<P Align="left"> This is a left-aligned paragraph </P>
This is left-aligned paragraph
<P Align="right"> This is right-aligned paragraph</P>
This is a right-aligned paragraph
<P Align="center"> This is a centered paragraph</P>
This is a centered paragraph
<CENTER/> ... <CENTER> # #( 3 $! #1 2 "2 , / * G2
<CENTER> This is a centered text </CENTER>
This is a centered text
# / G(7 P @5 O0 #/! <P> 3 C+ , .( $ DIR ( ,

(Left To Right) & ; & P O0 LTR
27
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
(Right To Left) ; & & P O0 RTL
( L 2 1 . $.! C 0 ( OG6 2G)
# 0 C+ , / '

:( & @/ H . 4 ./ / # F, </BLOCKQUOTE> ... <BLOCKQUOTE>
.. & & . ;1 !+ ! E
:$ % $! 2 .2, V6 E , G C # @1 3+ 3 *, / /
<BLOCKQUOTE>
<BLOCKQUOTE>
6 P
</BLOCKQUOTE>
</BLOCKQUOTE>
& 2 . $! .+, :

C % 7! ./! / / 3 # G6 #( &, C 3
.0, . C/: &2 &, & +!, G.! &1 : C 5 C P .4 $ .35 G6
<!...O1Y 5 2 X &, 2 G6 7 &[
D C B A
H G F E
L K J I
P O N M
T S R Q
D *0 C .<BR> . nbsp;& Q # & C 2 C1 ( $, ;
:&+ + 6 2 G6 1 ! 2 .6 # OG6 & C , #(, # 7! C/ 5 2 7
<PRE> ... </PRE>
O1 # FG ' ' 2 G6 4 /! .C/ ' F, Preformated 2 ( 6
:$ 2 0 2 # OG6 &+ + #5, # ! ( ; ( # &2 .
ABCDEFGHIJKLMNOPQRST
/ 3 /! .& , ( @ / ; . ! E D $ / 3 #( # G6 &, 4D
./ ( @
28
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫‪./‬‬
‫‪*6 . ( @1 #( #"5 $! # 4 ( # & 10 ;1 HTML L F‬‬
‫‪:#"/ & & 1‬‬
‫‪. 1 $ % * .Ordered Lists . ,‬‬
‫‪ & ) ,‬‬
‫ ‪/‬‬ ‫‪.1‬‬
‫‬ ‫‪.2‬‬
‫‪W #‬‬ ‫‪.3‬‬
‫ ( ‬ ‫‪.4‬‬
‫‪& 0‬‬ ‫‪.5‬‬
‫ ‪#2‬‬ ‫‪.6‬‬
‫‪. 1 % G6 Unordered Lists Q #"/ . %‬‬
‫‪ 0 ) ,‬‬
‫ ‪^0‬‬ ‫‪0‬‬ ‫•‬

‫ ‪ /‬‬ ‫‪0‬‬ ‫•‬
‫ ‪ H‬‬ ‫‪0‬‬ ‫•‬
‫ ( ‬ ‫‪0‬‬ ‫•‬
‫‪."/ OG6 # "/ . ( # ; E . 1 #"/ 3 1‬‬
‫ ‪# #( #"/‬‬
‫>‪</OL> ... <OL‬‬
‫‪#(! Q #"/ ,‬‬
‫>‪</UL> ... <UL‬‬
‫ & ‪List 2 P( $! 2 # 6 <LI> # #( "/ & 2‬‬
‫‪.Item‬‬
‫‪: @ ( / #"/ Y 5 1 &G‬‬
‫>‪<OL‬‬
‫ا‪KLM‬س>‪<LI‬‬
‫‪<LI>OPQRS‬‬
‫‪29‬‬
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<LI>‫ رام‬V‫ا‬
<LI>WXPYM‫ا‬
<LI>ZX[\
<LI>‫^]م‬M_`
</OL>
<UL>
<LI>abcR\ ‫ح‬Re[M‫ا‬
<LI>af_ghiM‫س ا‬KLM‫ ا‬abcR\
<LI>abcR\ j‫]زی‬XQ
<LI>WXPYM‫ ا‬abcR\
</UL>
"/ 3 64 H 2 . 4 TYPE $6 # OG6 3 #( $ @ (
.( 3 &2 ."/ 2 C CH * G <OL> , <UL> #"/ # 3 #( @1
. 2 ( H :( & "/ .4 $! 2, #2 1B <LI> # 3 C+ ,
#5 & # 5 H L $ A, a, I, i :# / G(7 #"/ &+ .+ !
#5 #( , @ L , @ 2 : #( # 5 ; (1 6H $ ) +!B
:$ 0 $! N 2
<OL TYPE="i"> <OL TYPE="I"> <OL TYPE="a"> <OL TYPE="A">
.i .I .a .A
.ii .II .b .B
.iii .III .c .C
.iv .IV .d .D
.v .V .e .E
P"( # 7 $6 HTML L $! . 7 &1 - ; $/ ( OG6 &1 -
.O Q 3 D , 3 $ F, O Q & & R @
N , < 2.../ @ &2 Q #"/ 3 C+ , #( ( OG6 &, * G $!
$! C+ ! $6 Disc # . 1 ' / &1 @1 6 "/ $! 2 1 0 H &,
circle Q @" ,square 3 $6 6.4 &2 N(, H *6 &2 .TYPE (
:$ 2
<UL TYPE="square">
<UL TYPE="circle">
FG 2 !2 3 2 R 3 D 6 %7 .4 D D ( OG6 f &2
P"( # & %2 *.! 2 ( +L D h 0) . ( +!B / 3 /!
.(C+ , .+1 2 3 D $
/ Q #"/ B #( N(, C *6 &, * 2G, #"/ &1 - #B
:$6 # OG6 </UL>...<UL> 3 (
30
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<DIR> ... </DIR>
<MENU> ... </MENU>
1 #( #B 2 Definition Lists , ^ #"5 ;1 #"/ & P( 9 *6
.' , ^ . 2 3 & "5 E
HTML
Hyper Text Markup Language
WWW
World Wide Web
FTP
File Transfer Protocol
GIF
Graphical Interchange Format
JPG, JPEG
Joint Photographic Experts Group
:# %:% ; #"/ OG6 B E

."/ . </DL> ... <DL>
. # 6 O R 2 5 3+ <DT> $%
/ "/ @ 2 &[ #/ . + , 6 ' , ^ # 6 <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>
31
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫ ‪,‬‬
‫& ‬
‫!‪97 ; !+B . ' &1 - #5, G6 $‬‬
‫ ‪.B $! 0‬‬
‫ ‪ E , $% $! * G &2 ( !+ ;1 &[ ; &1 % 5 /‬‬
‫‪.&[ * . ,, N(, 2 ! . &+‬‬
‫& ‪EB G6 $2 6 &2 . # 6 <IMG> 6 ( @ #( $ " #‬‬
‫@< ‪.@ # 35 SRC ( + * G .6 $ @ &, 0 3 :2‬‬
‫ @ ‪$6 * G ( @ 2 ..0Y 5 1 thedome.jpg .‬‬
‫>"‪<IMG SRC="thedome.jpg‬‬
‫ ‪1, FG HTML 0 - )0 (% % $! @0 @ &, ) OG6 L‬‬
‫‪* V5 <(I $1! 0 $! @ 2 G &2 . :( & @ 1 5 1‬‬
‫ & ‪. 7 OG.‬‬
‫ ; ‪:$ 2 HTML 0 0 &1 9 0 $! @0 @ &2 &,‬‬
‫‪.@ # #% / @ 0 G6 # 2 OG6 $! #/‬‬
‫ ‪F, .N (I 0 $! @0 @ &2 0 $! C0 HTML &2 &, : %‬‬
‫‪.([ &1 6, & 1 & 0 & 0 .,‬‬
‫‪32‬‬
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
(HTML 0 - ) $ $1 0 & E( R 0 (& /) .. 2 OG6 $!
.@ 0 - images 0 ; ( #% &
G6 ' &1 E( D . .5 1 &Y! 0 35 2 . #1 2
. ( 0 FG 0 # 2 $1! 0 & E( & / 2 F, .@ &
OG6 ;1 4! 3 @ E # 4: 2 Pixel 2 145×200 $6 @ OG. &
< 2 .# G6 :( & O FG #0 @ .4 . C+ , #2 3 &! * G 3 .
.& ) 9B % #57 1 HEIGHT, WIDTH P"( !+Y
<IMG SRC="thedome.jpg" HEIGHT="70" WIDTH="120">
<IMG SRC="thedome.jpg" HEIGHT="300" WIDTH="500">
4: P G6 .@ &2 .4 : C C . ! ALT $6 <IMG> 3 #( $ (
' $ @ $! 4: 3 2 .R $! ! Q "C "/ .4" ( &2 1 C(
. " 35 $! (
<IMG SRC="thedome.jpg" ALT="The Dome Of The Rock">
F, % .% @/ $! 6 3 6.4 35 &Y! @/! &+ @ EY #/ 1
@ / , . '! P 3 @ @G ALIGN ( #( .N(, @1 , 2
MIDDLE, LEFT, ,BOTTOM, TOP :# / G(7 $6 1 1) 23 4 - $ :N(,
:$ 2 5 2 %7 * R+, RIGHT
33
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
e. ‫|ي‬2‫ ا‬82‫¬ن ا‬y ‫ذاة‬6mS ‫ أي‬0.0mj‫ ` ﻥ^م ﺏ‬6S08f‫ ه|~( و‬rS) -.‫د‬6i2‫ ا‬-26m2‫ ا‬y
j2‫^ر وا‬o2‫^ر ا‬7T2 -]‫ا‬hjy‫ ا‬-26m2‫ وه|~ ه ا‬.672 den2‫ ا‬-y6m2‫ذاة ا‬6mR‫ ﺏ‬h7T. ‫^رة‬o2‫ا‬
BOTTOM -R2‫ ا‬67eRk
<IMG SRC="image.jpg" ALIGN="BOTTOM">
TOP
\. ‫^رة‬o2‫ ا‬e. ‫|ي‬2‫ ا‬82‫ ا‬zS ‫ول‬b‫ ا‬h2‫¬ن ا‬y -R2‫ ه|~ ا‬0.0mk 08f‫و‬
.67en4‫ أ‬0jRy 82‫ ا‬s6‫ ﺏ‬6S‫ أ‬.672 6ei2‫ ا‬-y6m2‫ذاة ا‬6mR‫ﺏ‬
<IMG SRC="image.jpg" ALIGN="TOP">
MIDDLE
.‫^رة‬o2‫§ ا‬oj8S ‫ذاة‬6mR‫\ ﺏ‬. 82‫ ا‬zS ‫ول‬b‫ ا‬h2‫¬ن ا‬y -R2‫ ه|~ ا‬0.0mk 08f 6S‫أ‬
.67en4‫ أ‬0jR. 82‫ ا‬s6‫¬ن ﺏ‬y {2|‫آ‬
<IMG SRC="image.jpg" ALIGN="MIDDLE">
LEFT
‫|ي‬2‫ ا‬82‫ف ا‬6nj2‫\ ا‬S .‫ر‬62‫ ا‬dos‫ أ‬d2‫^رة إ‬o2‫ذاة ا‬6mS d2‫دي إ‬µk -R2‫ه|~ ا‬
.‫^رة‬o2‫ع ا‬6nk‫ ار‬ºU h4‫ة أ‬0i2‫ و‬d8R2‫ ا‬-7¨2‫ ا‬def 67e.
<IMG SRC="image.jpg" ALIGN="LEFT">
RIGHT
82‫ف ا‬6nj2‫\ ا‬S .zR2‫ ا‬dos‫ أ‬d2‫^رة إ‬o2‫ذاة ا‬6mS d2‫دي إ‬µjy -R2‫ ه|~ ا‬6S‫أ‬
.‫^رة‬o2‫ع ا‬6nk‫ ار‬ºU h4‫ة أ‬0i2‫ى و‬h2‫ ا‬-7¨2‫ ا‬def 67e. ‫|ي‬2‫ا‬
<IMG SRC="image.jpg" ALIGN="RIGHT">
#( .60 FG P & . ! ; E @ @G 5 &, &[
: P"( * G
.@ ; & ! P & ! :VSPACE
.@ N ; & ! P & /! ! :HSPACE
:%
<IMG SRC="image.jpg" ALIGN="RIGHT" VSPACE="20" HSPACE="20">
34
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
~6RR2‫^رة ا‬o2‫رج ا‬0j4 ‫ة‬hn¥2‫ ه|~ ا‬:-¨j82‫ا‬

-mno2‫ ا‬zR2 67k‫ذا‬6mS \S image.jpg
r‫ ﺏ‬20 6‫اره‬0S -Å‫ر‬6y -y6S -y6]‫وإ‬
‫ر‬6‫ ه|ا ا‬z‫رن ﺏ‬6s) .-i‫رﺏ‬b‫ت ا‬67¨2‫ ا‬def
\S ALIGN -‫ﺹ‬6‫¦ ﺥ‬y m]‫|ي و‬2‫ﺏ ا‬62‫ر ا‬6‫وا‬
82‫^رة وا‬o2‫ ا‬z‫ ﺏ‬-y6R2‫ ا‬¢U`‫ و‬.RIGHT -R2‫ا‬
(.672 y‫ا‬hR2‫ا‬
#2 !+ . 4 BORDER $6 <IMG> # 3 #( $ @ ( (
:( & *K #2 # . 2 @ & 1 P( 2 #( ( OG6 . 2i K
.@ 0 D F, 0 $6 +!B / .2 *K % #5
: @ 2 2 5 2K !+B j:%
<IMG SRC="image.jpg" BORDER="5">
.#1 2 ' $ ) C V5 $2 5 & &[
<B 35 * :( . #/ $ 9, ;1 &, 6 *
@1 & O Q &1 ( . 2 . / 9, & 2 # 1 (H
OG6 & /! & 1 *6 &2 . $ H( #0 .1 $ & 1 5 :. * 2G, ^
:6 B $! C . #
JPEG ,JPG
& 16.7 F,) 24 C ' G6 #1 .Group Experts Photographic Joint k (
;1 $ . H( 1 ( L+ 2 $! % ' G6 @H .(&
H 2 / &2 .(@ , 2 & H( #0 6 $1,).C #0 @ L
.^+ @0 ;1 * G &2 #0 L L+
GIF
&Y! * G 3 .& 265 6 ' G6 $! & f 1 ;5, Format Interchange Graphical k (
$1 GIF ' . " H *6 &2 .JPG ' / C 2 H( #0,
. % Transparent Images ! ( & H( ;1 @/ . , $! (
Animated Gifs 2
& 6 * &2 Z G. $5 0 0 D !<$ $! #(, & / & G6 & F, 7 5 &[
:&
@ 2 G & & 2 G / / =JPG

.H % @ L & 5 =GIF
35
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
$! (control panel) . $ R #5 0 D 2 G ?Resolution * 0 $6 *
6+ 6 *6 (settings) (5 ( #% (display)!" / , ( H
, 480×640 &2 Q ;1 0 ;1 FG (screen resolution) 7$
(color quality) 8 6 * G2 .) @5 ;1 ;1, 0 *6 600×800
. 1B .+1 &2 $ & 1 ;1 FG
.+ 0 "5 * .4! #2 & Windows 1 X / , (! 3.1 , 3.11 H $! ,
. 9
Y * 2 G .Picture Element k ( $6 Pixel 2 @ ; $/ - G6
& ( 2 & ;. . 480 1 640 & 2 ; (C 4)/ ., $ G.! 480×640
.2 @ #0 L 2 B H 2 3 2 % 2 OG6
! 0 ; D C <B &+ Thumbnail R &, * ' 6 *
FZ! . 1 / #/ $ C0 @ L @ * $6 . C / / / ! ."#.B 4" $ $ 2 OG.
."J " 6 . R &2 5 * G .2, #0 @ )1 ;
/ 1 - / @L 1 )1 # 2 , (B 35 , H 5 2 G)
#0 G @ .4 & 5 4B ;1 C0 , &G . @ .4 ;1
.(. C / 2
FZ & ;1 F $ 35 $! .+ &, C0 $1 #( &, R+ &
. .#0 @ 2 .4 4 5 9 + 0 #H: &H / ;
* G! < OG6 1 # 2 , ..60 , Z $! Q G . 1 / $! "H $
. ; , L .Paint Shop Pro X2 # 0 X , #(
#( FZ D, <67 #2 3 )1 2 5 5 # # , / &[ 7 G 1,
< 6 @L .+1 #0 #2 ; WIDTH, HEIGHT P"(
"H R 0Y 5 C ! *2 @L - @ .4 ; FZ P"( OG. *( &
0 & L '/ # . $! *, F, L #0 .+1 #% #0 @ ;1
. OG6
36
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬

"9$ :&
OG6 &Y! 2 2 $6 .0 B 2 G .B ^ $6 : , ...Links
;1 / ..5 & & : & / Z 2 OG6 2 $ ( $6 :
& ([ 0 $! 35 , ; C 2 */ N(, ;1 / ...35 $! N(, ; */!
...@ * ) % % C / / gL *0 N(, C J *0 ...#
/ ...* $! : E 2 # *, / OG6 & &[ 0 *, 2Z & C
... ; 6 * G *0 '
35 ( N(, &2 &, , (I 35 &2 &, . : ( @1 *6
& &2 &, , (% ;1 , , ;1, ; ) $! (I &2 &2 &, .
2 * V5, . ) ( &2 , &Y! D 3 0 $! E-mail $2
. @ ;1
D $6 .Anchor 2 ( $6 : EB , #2 </A> ... <A> # #(
FG 35 . :( & $ HREF ( .6, . , P"( !+ 6
.:
C 2 35 &1 2 &, 0 1 D
.$0( 35 ; E :;

1 .( 2 35 6 " @" 35 , ; EY #/
:$ 2 @ 2 # OG6 $! http://www.sakhr.com
<A HREF="http://www.sakhr.com"> </A>
& & 3+ &, 0 OG6 L . 1 / # $ 2 , @ 6 $ $/ &2
/! "H . 1 / $2 6 @1 F, . 2 &, 0 / 2 $2 F, .</A> ... <A>
:$ 2 . @ R $ Go To SAKHR :@ * , . & ;
<A HREF="http://www.sakhr.com">Go To SAKHR</A>
:$ 2 .4
Go To SAKHR
2 0 * , .6 $ &2 O $ F, 2 3 7! 2 * G <*0 #

. OG. & /! $6 SAKHR
Go To <A HREF="http://www.sakhr.com">SAKHR</A>
Go To SAKHR
$! ! * 1 2 S35 & %2 $! 6 2S 2 &1 2 (H) , @ E 3 *
:$ 2 </A> ... <A> & & @ EY P( # 2 6 OG6
37
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif"></A>
( 35 2 @ .4 ; FZ FG
35 ; / FG & , &2 </A> ... <A> & & 3+ $ F, &Y! #1 2
.C 6:2 , @ , C $ G6 &2 h $!
$! # <B & 9 G6 &1 - 5 ; 2G 6 <@ 64 B 4: 6 &[
. +!B $6 OG6 2 2 2 . .4 2 @ E 1 .'
.@ # &+ BORDER="0" ( 2 H 3 3
<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif" BORDER="0"></A>
. ( OG6 3 * 2 O 2 ; ,
<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif" BORDER="6"></A>
h ($ F,) 35 $! 0 ; &, $6 ; &[ /
G6 # 6 HREF ( 3 2 &Y! OG6 $! .* G Q , @ , HTML &2
.
index.html . FG &, ) 35 G. " ; / Y #/
:$6 * G ( @
<A HREF="index.html">Main Page</A>
Main Page
./ $! . $ &2 C+ , 6 @ E 3 *7 *2G,
. @ &2 @L @ E 6
<A HREF="nablus1.jpg"><IMG SRC="nablus_1.jpg" BORDER="0"></A>
@ ; 2 nablus_1.jpg O @L @ 5 % G6 $!
nablus1.jpg O
38
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
0 FG 0 &1 ( 0 $! C0 @B FG &2 G &2
1 ' $! 65 $ / * G G. 2 * 1 0 ! $
. EY 5
C % . , ; ( (I &2 ; @B #/ &, $6

(I &2 F, , 6(I ; , :
...O
! & D .! B R 2 . $ 2G 0 L . C
:( & *"H / FG $! 0 &2 ! & D $ *2
.O , #/ &, 0 * G .
$! . $! ( /D #/ & #Y &2 G6 , #/ &, 6 6 ,
NAME $6 <A> # % ( #( * 1 # OG6
N(, @/! ; 0 &2 & "H / #/ EY C #/
</A> ... <A> # ( .+ #% . ! 2 , ( @/ OG6 ; 6G 6 ! 0 ,
<A>LINKS</A>
;/ &, #. ) O # F7 2 OG6 $6 % @( ! NAME ( #(D 5 & &[
attrib1 #D 1Y #5, .( & 2G
<A NAME="attrib1">LINKS</A>
,< ) 2 =) > 2 15 "9$ :& ?@ . ABC0 A% D3C &
F$(+$ @> F" 1 "9$ )& -' E, - > 35 F #3 ...
.-+ G"& 3C F C >H( 23 .I " +9 #3
.@/ OG. E $6 % % @(

2 htutor06.html ( FG F,) @/ OG6 0 FG # ! 6 H
:$ 2 $6 @/ OG6 ; @ &2 .@ @/ ; $ (
<A HREF="htutor06.html#attrib1">3rd Paragraph</A>
3rd Paragraph
# @ :( & .+ FG # &/ &, 0 6 @/ # 2G 2 # , 4D
X ': ; . 1 / FZ $2 & EY . ! #/ $ A, ,
( MAILTO 2 2 6 6 , FG :(B! .$"/ 2 "H $2 B
(I &1 F, EMAIL &1 6 $ FG & &, ;1 $2 HREF
<A HREF="MAILTO:yahya@palnet.com"> Email Me </A>
Email Me
39
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
) *6 $/ $! .0 : #( , & . &, &[
.* 62G #. & &, 0, $ 4: +
2 ( , 4D Email &1 , 35 &2 $0( &1 ; 5 1
, ! . D / & G6 3 &1 @2! R 1, & G6 H
6 35 G. D $! #( 2 9 ;1 $ HTTP 2 2 35 ;
2 ( Email &1 2 1 HyperText Transfer Protocol P / 2
OH .0 $+!D $2 B X R R H B 5 $ .& G6 5 MAILTO
. 35 $! * 0 :( C %2 OG6 % ! / C .E & ; B
@ H & D[ *6 : C %! .P( 2 . 2 B #(D N(, D0 6 &2
1 . # @H60 X & ; D "6 1, ;1 F $ B 1
6, / D $ C+ , D0 OG6 & .Protocol) FTP (File Transfer ;1 / P( 2
. 2 P( $ V/ 10 , Groups News (B 10 $2 B , &1
.Protocol) NNTP (Network News Transfer 2 :( & OG6 .& 9+ 5
¢j. ‫ن‬b ‫ج‬6jmk {‫ أﻥ‬8i. ` 67y ‫^آ^`ت‬k‫و‬h12‫د ا‬0ik‫ﻥ و‬hj‫ام اﻥ‬0wj4‫`ت إ‬6¨S ‫د‬0ik ‫إن‬
def ‫^ي‬jmk 67S0wj‫ ﻥ‬j2‫ت ا‬6mnojR2‫ ا‬3TiRy .67iS rS6ije2 »S‫ا‬h12‫ ا‬zS 0.0i26‫{ ﺏ‬1jS ¹4
.‫ت‬6S0w2‫ ه|~ ا‬3f0k -‫ﺹ‬6‫» ﺥ‬S‫ا‬h‫ﺏ‬
h7Tk‫دي و‬6f º.‫\ و‬s^S ‫ أي‬rS ¦eS ¦2‫ﺥ^ل إ‬02‫ ا‬3j. FTP ‫¾ود‬S ‫^ان‬8f def h82‫ ا‬08f V ً Ry
‫^ان‬8f def h82‫ ا‬6S‫ أ‬.Windows y §¥jRe2 ¦‫ﺏ‬6¥S r¥‫¦ ﺏ‬y ‫ت‬6neR2‫ات وا‬0e¨R2‫ ا‬-Ru6s
‫ أي‬،‫وﻥ‬hj2‫ ا‬0.h12‫ ا‬z.‫و‬68f def h8e2 ¦‫ﺏ‬6¥S ‫^ك‬e4 d2‫دي إ‬µy -.‫ر‬61‫ت اﺥ‬6f^R¨R2‫ى ا‬0U‫إ‬
¹nojR2‫ ا‬-S¾U zR] 6ً¨S0S ‫^ن‬. -.‫ر‬61‫ت اﺥ‬6f^R¨R26‫ص ﺏ‬6‫ ﺥ‬¹nok »S6‫ﻥ‬h‫ق ﺏ‬V‫إ‬
.e‫ﺹ‬b‫ا‬
.FTP H : . + $ 2 E * 1 & , /1, ...&[

2 , 0 X & %2 ;1 F $ H & G6 *
ftp://ftp.simtel.net/pub/simtelnet/win95/
: @ 2 6 ! * 1 2
<A HREF="ftp://ftp.simtel.net/pub/simtelnet/win95/">Simtel FTP Server</A>
Simtel FTP Server
% ;! .NEWS 2 #( . : 2! (B 10 ,
: @ 2 HTML L 5 ( alt.html V/ 10 3+
<A HREF="news:alt.html">Alt.Html</A>
Alt.Html
40
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
-
(1) 0
9+ G6 6 * G & 5 ; ."H0 +! 5 .0 & & &2 G6
. $! .( D 0 P"(
.( D B $! 35 0 D 7 #H0, 2, HTML L .+ $ N5, & 0
E $ & #"/ * ;1 / D $! 0 3+ &, / / .N(7 , @
6.4 #2 . 4 . # $! .( ; * G N @1, $! .
. ' ( # & ( . 6Z, &2 D ! 5 @
* 5 2 HTML , & @, F, % % C0 . $! .0 0 3 &
3 $ 0 . $ P"( * G $! ( $ ) C2
.:
C . R &1 &2 $! C $ 2! '/ D &2 ..
… J 6 &G < , 6
0 ( # G6 *
‫ول‬0¨2‫§ ا‬.hik ‫^م‬4‫و‬ <TABLE>...</TABLE>
y §o2‫§ ا‬.hik ‫^م‬4‫ و‬Table Row

<TR>...</TR>
‫ول‬0¨2‫ا‬
y 6.Vw2‫§ ا‬.hik ‫^م‬4‫ و‬Table Data

<TD> Cell Data </TD>
-e‫ ﺥ‬r‫ت آ‬6.^jmS §.hik‫§ و‬o2‫ا‬
::
C 5 %2, @ #2 &[
& … ( & & , @ ( & &2 0 EB . , $ # $6 OG6
</TABLE> ... <TABLE>
<0 $! 6 $ 1 #2 : .. 1 0B $L & Z *6 & & G6 E &[
# !+Y #5 7 D <" , %:%
</TR> ... <TR>
.%:% ., 6 ) .6 $ 1
41
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<TABLE>
<TR>
</TR>
<TR>
</TR>
<TR>
</TR>
</TABLE>
< 2 $! 6 $ (@1 ,) :( 1 #2 6 $% Z

# + 6
</TD> ... <TD>
& H0 $6 :( &, </TR> ... <TR> # & .2 &, $. & . :( 1
. 2 & .2 2 0 * G 2 $! & ( , )!7 6 .
.& & G6 &+ 2 ( $! 0 FG P &, *2G,
<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>
.. 1 $ 0 ; 4, .&[ @ * + 6
Data Data
Data Data
Data Data
42
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
& 6 Q 0 !+Y #/ $ ( :C 5 4 . ... 3 .P/ $ *6
. / &, $6 .0 $! 7 *4 , &, , , &, 5 $ .N( P"(
: %:% ;1 #
22 0 N •

O ;1 2 , 22 N •
.O ;1 @ 2 , 22 :( N •
.# 2 3 #( 2 P"( *6 &, 2 . $ "( OG6 & 2
C , #57 </TABLE> ... <TABLE> # 3 #( $ P"( 5 ,
#% & * 6 D
..+ $ % ) E
-R2‫ وا‬،67j‫آ‬6R4 0.0mk‫ول و‬0ë2 ‫ود‬0U -y6]¬‫ ﺏ‬-‫ﺹ‬6w2‫^م ه|~ ا‬k

‫ود‬0U ` ‫ أي‬hn‫ ه ﺹ‬672 -]‫ا‬hjy‫ا‬
BORDER
<TABLE BORDER="5">
<TABLE BORDER="0">
z‫^ﺏ‬e4‫ك أ‬68‫ وه‬.r‫ول آ‬0¨2‫ض ا‬hf 0.0mj2 -‫ﺹ‬6w2‫م ه|~ ا‬0wj‫ﻥ‬

‫^رة‬o‫ض ﺏ‬hi2‫ ا‬rR. ‫|ي‬2‫ ا‬3sh2‫ ا‬-‫ﺏ‬6j‫ أي ﺏ‬eR2‫ ا‬:‫ض‬hi2‫ ا‬0.0mj2
‫ول‬0¨2‫ض ا‬hf ‫د‬0m. ‫^ي‬ÃS 1‫ ﻥ‬3s‫ ر‬-‫ﺏ‬6j‫ أي آ‬182‫ وا‬.‫ة‬hZ61S
§ejw4 ‫ول‬0¨2‫ض ا‬hf ‫ )أي أن‬.¹nojR2‫|ة ا‬y6‫ض ﻥ‬hf ºU WIDTH
.(¹nojR2‫|ة ا‬y6‫ض ﻥ‬hf ‫ف‬Vj‫ﺥ‬6‫ﺏ‬
<TABLE WIDTH="600">
<TABLE WIDTH="80%">
-Rs ‫ل‬V‫ ﺥ‬zS ‫ع‬6nk‫ ه|ا ار‬0.0mk ‫^ن‬.‫ و‬،‫ول‬0¨2‫ع ا‬6nk‫ ار‬0.0mj2
‫ول‬0¨2‫ع ا‬6nk‫د ار‬0mk -1‫ ﻥ‬-Rs ‫ أو‬.r126‫ع ﺏ‬6nk‫د ار‬0mk -eS
¹nojR2‫ ا‬-mn‫ع ﺹ‬6nk‫ ر‬-1826‫ﺏ‬ HEIGHT
<TABLE HEIGHT="500">
<TABLE HEIGHT="100%">
‫ول‬0¨2‫ ا‬6.V‫ ﺥ‬zS -e‫ ﺥ‬r‫ آ‬z‫ ﺏ‬-y6R2‫ ا‬0.0mj2

CELLSPACING
<TABLE CELLSPACING="10">
:r82 ‫ أو‬.-e‫ ﺥ‬r‫ آ‬y 82‫ ا‬-.‫ا‬0‫ود وﺏ‬0m2‫ ا‬z‫ ﺏ‬-e‫ﺹ‬6n2‫ ا‬-y6R2‫ ا‬0.0mj2
.‫ول‬0¨2‫ ا‬6.Vw2 S‫^ا‬72‫ ا‬3Ü 0.0mk CELLPADDING
<TABLE CELLPADDING="10">
43
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
|‫ﺥ‬¤. ^‫ وه‬.‫رًا‬6. ‫ أو‬6ً8R. -mno2‫ ا‬def 6ًy‫ول أ‬0¨2‫ذاة ا‬6mS 0.0mj2

left ,right 32‫ا‬
ALIGN
<TABLE ALIGN="Left">
<TABLE ALIGN="Right">
‫ول‬0ë2 -new2‫^ن ا‬2 0.0mj2 ‫م‬0wj.‫و‬

BGCOLOR
<TABLE BGCOLOR="#00FFFF">
$27 G6 $! % ;1 ./ &[ #57 .0 3 P"( $6 OG6
:. $.! # $5 , # 2
<TABLE BORDER="5">
Data Data
Data Data
Data Data
<TABLE BORDER="5" CELLPADDING="5">
Data Data
Data Data
Data Data
<TABLE BORDER="5" CELLPADDING="5" CELLSPACING="10">
Data Data
Data Data
Data Data
44
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<TABLE BORDER="5" CELLPADDING="5" CELLSPACING="10"

BGCOLOR="#FFFF00">
Data Data
Data Data
Data Data

BGCOLOR="#FFFF00" HEIGHT="300">
Data Data
Data Data
Data Data

BGCOLOR="#FFFF00" HEIGHT="300" WIDTH="75%">
Data Data
Data Data
Data Data
1 &, * 2G & 7 D </TR> ... <TR> # 3 ( P"( &1 &[ #2
:$.! # G. + $ P"( #6, , .# OG6 0 $!
45
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
32‫ وا‬،§o2‫ ا‬678S ‫^ن‬j. j2‫ ا‬6.Vw2‫ ا‬r‫ داﺥ‬6ًy‫ أ‬82‫ذاة ا‬6mS 0.0mj2
ALIGN
Center ‫ ه‬-]‫ا‬hjy‫ ا‬-R2‫ وا‬Right, Left, Center ‫ ه‬672 -eRjmR2‫ا‬
‫ أو‬defÈ2 6S‫{ إ‬2‫ وذ‬،§o2‫ ا‬6.V‫ ﺥ‬r‫ داﺥ‬8e2 -.‫^د‬Ri2‫ذاة ا‬6mR2‫ ا‬0.0mj2
def 67Rs‫ و‬.-ewe2 464b‫« ا‬w2‫اد ا‬0jS‫ ا‬def ‫§ أو‬oj8R2‫ ا‬y ‫ أو‬rn4È2 VALIGN
Baseline ,Top, Bottom, Middle :‫ ه‬2‫^ا‬j2‫ا‬
‫^ن‬2 r‫ه‬6¨k 3j. 68‫ وه‬.§o2‫ ا‬678S ‫^ن‬j. j2‫ ا‬6.Vwe2 -new2‫^ن ا‬2 0.0mj2
BGCOLOR
.68‫د ه‬0mR2‫^ن ا‬e2‫ ا‬1k 3j.‫< و‬TABLE> 34‫ و‬zR] ‫د‬0mR2‫ ا‬-new2‫ا‬
: % :( & P"( OG6 1 ' ' 0 ; &[
<TABLE BORDER="5" HEIGHT="300">

<TR ALIGN="Left">
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR ALIGN="Right">
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
</TR>
</TABLE>
Data Data
Data Data
Data Data
<TABLE BORDER="5" HEIGHT="300">

<TR VALIGN="Top">
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR VALIGN="Bottom">
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR VALIGN="Baseline">
<TD> Data </TD>
<TD> Data </TD>
</TR>
</TABLE>
46
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
Data Data
Data Data
Data Data
<TABLE BORDER="5" HEIGHT="300" BGCOLOR="#FFFFFF">

<TR BGCOLOR="#808080">
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR BGCOLOR="#C0C0C0">
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR>
<TD> Data </TD>
<TD> Data </TD>
</TR>
</TABLE>
Data Data
Data Data
Data Data
<TABLE BORDER="0" HEIGHT="100%" WIDTH="100%">

<TR BGCOLOR="#808080">
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR BGCOLOR="#C0C0C0">
<TD> Data </TD>
<TD> Data </TD>
</TR>
<TR BGCOLOR="#FFFFFF">
<TD> Data </TD>
<TD> Data </TD>
</TR>
</TABLE>
Data Data
Data Data
Data Data
47
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫[& ‪.W & #/ $! .1 - 3, . :( ( # / 3 < $/ G‬‬
‫‪48‬‬
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬

(2) 0
@2! &[ * &, ^0 ' ., 5 *, )!, , .0 &1 - G6 $! C 3
5 - & &[ 2 .."( 3 ."( 3 ." 2 0 &1 C0 @ 0
. :( P"( 3 F,
<TD> # 2 :( & :( 1 & < $! :( 1 &1 O5 2G 6
: HTML L 1 & 1 F, ;1 ( F &, &2 & . </TD> ...
((I 0 ( 0 E 3 #) .0 ; : #"5 # P
&2 L 0 6 . G6 2 ! ' $! 1 5 FG % 30
.( 2 $! & ( F,) & 1 %:% &
<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>
:. 0 G.! :( 3 ( P"( ,
Left, ‫ ه‬-S0wjR2‫ ا‬32‫ وا‬،ً6y‫ أ‬-ew2‫ ا‬y ‫^ﺝ^د‬R2‫ ا‬82‫ذاة ا‬6mS ‫د‬0mk
ALIGN
Center, Right
Top, Middle, Bottom, 32‫ﺥ| ا‬¤. ^‫ وه‬،8e2 -.‫^د‬Ri2‫ذاة ا‬6mR2‫د ا‬0mk

VALIGN
Baseline
49
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
،r126‫^ب ﺏ‬eR2‫ض ا‬hie2 ‫ة‬hZ61R2‫ ا‬-R2‫ ا‬-‫ﺏ‬6j‫{ ﺏ‬2‫ وذ‬،-ew2‫ض ا‬hf ‫د‬0mk
0U‫ أ‬y 6.Vwe2 ‫ض‬hi2‫ ا‬0.0mk n.‫ و‬.-.^ÃR2‫ ا‬-182‫ ا‬rR. 3s‫ ر‬-‫ﺏ‬6j‫أو ﺏ‬ WIDTH
.‫^ف‬no2‫ ا‬r‫ آ‬y 6.Vw2‫ ا‬r‫ آ‬def ¦1k 3j. 2 ‫^ف‬no2‫ا‬
.-182‫ة أو ا‬hZ61R2‫ق ا‬h26‫{ ﺏ‬2‫ وذ‬،§o2‫ ا‬y -ewe2 ‫^ب‬eR2‫ع ا‬6nk‫د ار‬0mk
r‫ آ‬def ¦1k d2‫دي إ‬µ. §o2‫ ا‬y 6.Vw2‫ى ا‬0U‫ع إ‬6nk‫ ار‬0.0mj‫{ ﺏ‬S6s‫و‬ HEIGHT
.¦y 6.Vw2‫ا‬
-ew2‫ ا‬-ne‫^ن ﺥ‬2 ‫د‬0mk BGCOLOR
6ًy‫ أ‬67ek j2‫ ا‬6.Vw2‫ ا‬zS ‫^ب‬eR2‫د ا‬0i2‫\ ا‬S -26m2‫ ا‬-ew2‫» ا‬S0‫^م ﺏ‬.
<TD COLSPAN="n"> COLSPAN
67¨S‫ د‬3j4 j2‫ ا‬6.Vw2‫د ا‬0f ^‫ ه‬n U
‫ )أي‬6ً.‫^د‬Rf 67ek j2‫ ا‬6.Vw2‫ ا‬zS ‫^ب‬eR2‫د ا‬0i2‫\ ا‬S -26m2‫ ا‬-ew2‫» ا‬S0‫^م ﺏ‬.
.(67en4‫أ‬
<TD ROWSPAN="n">
ROWSPAN
67¨S‫ د‬3j4 j2‫ ا‬6.Vw2‫د ا‬0f ^‫ ه‬n \126‫وﺏ‬
:62G $L $ . 4: ) *6 &, $ &, 5
. # 2 .BGCOLOR ( : C % G( .# 3 0 3 2 P"( *6 4: 2 •

' C &2 # GY! ( # 3 & ' # 2 <# 3 0 3 2 G
O C G6 &2 # G .0 # 3 & ' 0 # GY! # 3 &
.<BODY> # $! ( & 1 #
& P"( OG6 3 , ( .WIDTH, HEIGHT P"( ' % 4: •
30) . " ' ! C( . @ # / / C+ , ( ([ R
.( ( # :9+
0 ...* D2B & H ; D FZ & $ !:(B OG6 $! )( &
(* G , G 9B * G2) ) * 5 $6 P"( OG6 3 / +!, &,
) :( # $! P"( OG6 #( #% .<TABLE> # :( & 22 0
.0 $! 2 9D $! O ;1 ( 2
.*5 H 3 0 0 @6 +!, . &+ / +!, $ , OG6
#/ &, $2 :! $5 & 5, :( & 1 ;1 0 $! ) F &, , G •
(: @ $! N 2) .. :( # G
<TABLE BORDER="5">
<TR>
50
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<TD> Data </TD>
</TR>
<TR>
<TD> Data </TD>

<TD> Data </TD>
</TR>
<TR>
<TD> Data </TD>
</TR>
</TABLE>
: 1 G6 &
Data
Data Data
Data
4 4! 5 :( , .G # ., 2 CH0 !G :( &2 $/ /

C :( L #/ &, $6 * G ;% / &, / / .G 1 & # , F, ."(
.COLSPAN, ROWSPAN P"( #( * G
:P"( OG6 #( 3 0 @ 2 @1Y #/ &G
<TABLE BORDER="5">
<TR>
<TD COLSPAN="2"> Data </TD>
</TR>
<TR>
<TD> Data </TD>

<TD> Data </TD>
51
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
</TR>
<TR>
<TD COLSPAN="2"> Data </TD>
</TR>
</TABLE>
Data
Data Data
Data
C , !G :( # @1Y #5, # $ C+ , 4D ..0 5 $ :( 1 6 2 &, 4D
:
&, "$ . 3 70 10 .$ ), : A( .X 5 &, . E D
.-+ ), "$ ( .1
$! @0 :( X #/ :(I %
<TABLE BORDER="5">
<TR>
<TD ROWSPAN="3"> Data </TD>

<TD> Data </TD>
</TR>
<TR>
<TD> Data </TD>
</TR>
<TR>
<TD> Data </TD>
</TR>
</TABLE>
G6 .- % $% & 0 :( G 5 F X ( N(, @
.X 0 6
Data Data
Data
52
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
Data
Table Header ( $6 </TH> ... <TH> # #( . # $ :( & P( 9 *6
.0 F,
$! G ) 1 , ( .4 FG P &, 6 </TD> ... <TD> & . '
$6 . ( P"( &, ( (/1, 2 #. $ ) . +! @ (
.2G $ <TD> P"(
$ " &1 !+Y P( $6 </CAPTION> ... <CAPTION> $6 0 $! ( @ ( #
# &+ / @ <TABLE> # @ .+ # 2 1 $.! * G .22 0
. :( ,
<TABLE BORDER="5">
<CAPTION> Table Caption </CAPTION>
<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>
Table Caption
Data Data
Data Data
Data Data
53
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫‪ $! ! 5 ' ;1 *M%, &, 6 F $/ . OG6 . ; ...C (,‬‬
‫ ' ‪#(D / %, ' @1 * .# / P"( @ DD 3 0 0 $5‬‬
‫ ‪.0‬‬
‫‪54‬‬
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
+$ )
0 ;)(
<TABLE WIDTH="80%" BORDER=10 BGCOLOR="#C0C0C0">

<TR>
<TD> ... </TD>
</TR>
</TABLE>
‫ة‬0U‫ وا‬-e‫ ﺥ‬zS ‫^ن‬S ‫ول‬0‫ﺝ‬
<TABLE WIDTH="80%" BGCOLOR="#C0C0C0">

<TR>
<TD HEIGHT="200"> ... </TD>
</TR>
</TABLE>
‫ود‬0U ‫ون‬0‫ة وﺏ‬0U‫ وا‬-e‫ ﺥ‬zS ‫^ن‬S ‫ول‬0‫ﺝ‬
<TABLE BORDER="10">
<TR>
<TD><IMG SRC="image.jpg"></TD>
</TR>
</TABLE>
55
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<TABLE CELLPADDING="5" CELLSPACING="5" WIDTH="50%" BORDER="3" BGCOLOR="#FFFF00">

<TR>
<TD>...</TD>
<TD>...</TD>
<TD>...</TD>
</TR>
<TR>
<TD>...</TD>
<TD>...</TD>
<TD>...</TD>
</TR>
<TR>
<TD>...</TD>
<TD>...</TD>
<TD>...</TD>
</TR>
<TR>
<TD>...</TD>
<TD>...</TD>
<TD>...</TD>
</TR>
</TABLE>
... ... ...
... ... ...
... ... ...
... ... ...
56
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<TABLE CELLPADDING=0 CELLSPACING=0 WIDTH="100%" HEIGHT="100%" BORDER=0>
<TR>
<TD WIDTH="33%" ROWSPAN=3 BGCOLOR="#FF80C0">...</TD>
<TD BGCOLOR="#ffCCFF">...</TD>
</TR>
<TR>
<TD BGCOLOR="#ff99FF">...</TD>
</TR>
<TR>
<TD BGCOLOR="#ff9999">...</TD>
</TR>
<TR>
<TD ROWSPAN="3" BGCOLOR="#FFFF00">...</TD>
<TD BGCOLOR="#ffff66">...</TD>
</TR>
<TR>
<TD BGCOLOR="#ffff99">...</TD>
</TR>
<TR>
<TD BGCOLOR="#ffffcc">...</TD>
</TR>
<TR>
<TD ROWSPAN="3" BGCOLOR="#FF8000">...</TD>
</TR>
<TR>
</TR>
<TR>
</TR>
</TABLE>
<TABLE WIDTH="100%" BGCOLOR="#FFFFFF" BORDER=0 height="2000">

<TR>
<TD WIDTH="25%" BGCOLOR="#000080">...</TD>
<TD WIDTH="50%">...</TD>
<TD WIDTH="25%" BGCOLOR="#000080">...</TD>
57
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
</TR>
</TABLE>
<TABLE WIDTH="100%" BORDER=0 CELLSPACING=0>

<TR>
<TD COLSPAN=3 BGCOLOR="#00FFFF" HEIGHT="100">...</TD>
</TR>
<TR>
<TD BGCOLOR="#00FF00" HEIGHT="2000">...</TD>
<TD BGCOLOR="#FFFFFF">...</TD>
<TD BGCOLOR="#00FF00">...</TD>
</TR>
</TABLE>
58
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<TABLE CELLPADDING=0 CELLSPACING=0 WIDTH="100%" BORDER=0>

<TR>
<TD WIDTH="25%" ROWSPAN=2 BGCOLOR="#008000">...</TD>
<TD BGCOLOR="#808000" HEIGHT="100">...</TD>
<TD WIDTH="25%" ROWSPAN=2 BGCOLOR="#008000">...</TD>
</TR>
<TR>
<TD HEIGHT="2000">...</TD>
</TR>
</TABLE>
59
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫ ‪-$‬‬
‫‪(1) +I‬‬
‫!‪ )1 / Frames B ;1 #/ & & G6 $‬‬
‫(‪….‬‬
‫!‪; / ., 6 N H &, * ' 6 …* .+7 <B $6 .‬‬
‫‪5 5 &2 .N( #5 &1 @ / . 2 $! .4 - #5, @1‬‬
‫ ‪.([ #/ $! . / .4 #5 , $! @0 : N ;1 /‬‬
‫‪ G ;1 D‬‬ ‫‪C % 6! D * ! 7 B &, $ G.! OG6 % 6 5 2 G‬‬
‫‪ &1 @1 6 . #5 2 &, / / …& , , F1 :#5, %:% & 2 &Y! 6 2‬‬
‫‪ $! 6 $ * &1 C, ( D 1 0 $6 . G / 2 Html‬‬
‫ ‪. 2 - & N( . 2 5:1 D /‬‬
‫‪ 1B ; !+B! . / .! <O6 FG 2 .4 .0 # 2 ,‬‬
‫ ‪ &, F, .."( . 0 B ( OZ # $, C" 0‬‬
‫(‪:k P‬‬
‫ &‪.1"0 23 ) %& + 1% %& %) ( = +I %‬‬
‫‪. & 2 , ; C ! 0 ' % $! $, F,‬‬
‫‪60‬‬
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
$2 , , %:% Y #5 * G . G6 $! $ %f + #/ …, &, 5
Y 5 , ./ $! . 1 5 $ / * #( , % ' $! .(
frame1.html, frame2.html, frame3.html . , (% $! .( $ $6) $ ;1
<HTML>
<HEAD>
<TITLE>Frame1</TITLE>
</HEAD>
<BODY>
Frame 1
</BODY>
</HTML>
#/ - ( G 6 . B !2 #+ FG $ " &[ ,
# #(
<FRAMESET> ... </FRAMESET>
</BODY> ... <BODY> # & D

C
(( BODY #( &+ D c $ " &G))
<HTML>
<HEAD>
<TITLE>Master File</TITLE>
</HEAD>
<FRAMESET>
</FRAMESET>
</HTML>
#0, 1 J $6 COLS $6 # OG6 3 #( $ ; ( :P"( ; &[ $7
/ @ / . …# (<.!1 6) & / #0 m . B
. 6:2 ,...
+> 9 31 1$$ )$ P A%9 D31> !F$ 5 ...@1 #. R+ $ % OG6 * &[
( @64 ( N(, # ./ - +5 2 1Q ;5 R 0$ 2 ;5 2S
.C/D . P"( $5 #57 B
<FRAMESET
COLS="50%,50%">
-Z6¥2‫ ا‬3Ü zS %50 6R78S r‫ آ‬3Ü z.‫^د‬Rf z.‫ر‬6‫د إ‬0m. </FRAMESET>
<FRAMESET
def %30 ‫ و‬%50 ‫ و‬%20 67S6Ü‫رات أ‬6‫ إ‬-‫ﺙ‬V‫د ﺙ‬0m. COLS="20%,50%,30%">
-Z6¥2‫ ا‬3Ü zS 2‫^ا‬j2‫ا‬ </FRAMESET>
،r‫ ﺏ‬200 ¦RÜ ‫ول‬b‫ ا‬-.‫^د‬Rf ‫رات‬6‫ إ‬-‫ﺙ‬V‫د ﺙ‬0m. <FRAMESET

COLS="200,300,*">
،r‫ ﺏ‬300 ‫ﻥ‬62‫وا‬ </FRAMESET>
61
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
‫^ن‬4 ¦82‫ و‬ziS 3¨m‫د ﺏ‬0mS hÅ ¦‫ * أي اﻥ‬262‫ ا‬6S‫أ‬

-Z6¥2‫ ا‬-‫ﻥ‬61j4‫ف ا‬hi‫ ` ﻥ‬68‫ أﻥ‬6R26) -Z6¥2‫ ا‬zS 1jR2‫ ا‬3¨m26‫ﺏ‬
(\s^R2‫ ا‬hu‫ زا‬67S0wj. j2‫ا‬
262‫ وا‬،r‫ ﺏ‬200 ^‫ول ه‬b‫ ا‬3Ü ‫رات‬6‫ إ‬-i‫د أرﺏ‬0m. <FRAMESET
COLS="200,*,15%,20%">
6S‫ أ‬-Z6¥2‫ ا‬3Ü zS %20 \‫اﺏ‬h2‫ وا‬،-Z6¥2‫ ا‬3Ü zS %15 </FRAMESET>
.-Z6¥2‫ ا‬zS d1k 6R‫¦ ﺏ‬RÜ ‫^ن‬y ‫ﻥ‬62‫ا‬
<FRAMESET
-U6R2‫ ا‬6S‫ أ‬....r‫ ﺏ‬150 ¦RÜ ‫ول‬b‫رات ا‬6‫ إ‬-‫ﺙ‬V‫د ﺙ‬0m. COLS="150,*,2*">
ni] ^‫¦ ه‬RÜ 262‫ر ا‬6‫س أن ا‬64‫ أ‬def 3jy -1jR2‫ا‬ </FRAMESET>
(*) ‫ﻥ‬62‫ر ا‬6‫ ا‬3Ü (2*)
/! B #0 1 $6 # ..1 0 *, /1, ROWS $.! % ( ,
./ , / #( F, @1 3 3 * G . ( ( )
:(2 Q % OG6 &, % *2G,) . + % ) #57
<FRAMESET
ROWS="50%,50%">
-Z6¥2‫ع ا‬6nk‫ ار‬zS %50 6R78S r‫ع آ‬6nk‫ ار‬zy‫ أ‬z.‫ر‬6‫د إ‬0m. </FRAMESET>
<FRAMESET
%30 ‫ و‬%50 ‫ و‬%20 67k6f6nk‫ ار‬-y‫رات أ‬6‫ إ‬-‫ﺙ‬V‫د ﺙ‬0m. ROWS="20%,50%,30%">
-Z6¥2‫ع ا‬6nk‫ ار‬zS 2‫^ا‬j2‫ ا‬def </FRAMESET>
<FRAMESET
‫ﻥ‬62‫ وا‬،r‫ ﺏ‬50 ¦f6nk‫ول ار‬b‫ ا‬-y‫رات أ‬6‫ إ‬-‫ﺙ‬V‫د ﺙ‬0m. ROWS="50,120,*">
-Z6¥2‫ ا‬zS 1jR2‫ع ا‬6nk‫ر‬6‫^ن ﺏ‬4 262‫ وا‬،r‫ ﺏ‬120 </FRAMESET>
262‫ وا‬،r‫ ﺏ‬50 ^‫ول ه‬b‫ع ا‬6nk‫ ار‬-y‫رات أ‬6‫ إ‬-i‫د أرﺏ‬0m. <FRAMESET
ROWS="50,*,15%,20%">
6S‫ أ‬-Z6¥2‫ع ا‬6nk‫ ار‬zS %20 \‫اﺏ‬h2‫ وا‬،-Z6¥2‫ع ا‬6nk‫ ار‬zS %15 </FRAMESET>
.-Z6¥2‫ع ا‬6nk‫ ار‬zS d1k 6R‫¦ ﺏ‬f6nk‫^ن ار‬y ‫ﻥ‬62‫ا‬
<FRAMESET COLS="*,2*">
‫ول‬b‫ع ا‬6nk‫ ار‬ni] ¦f6nk‫ﻥ ار‬62‫ ا‬z.‫ر‬6‫د إ‬0m. </FRAMESET>
&, F+ & &2 . %2 *6 H :! <FRAMESET> # / P"( 2 2G & #
O:1, @2G ."( / # C/ % C c (I # ; /B &[ #/
<# G6 1 6 ! <FRAME> $6
# &2 (B /!) ."( B & 10 6 &[ ; 5 2
$! ."( 1B #/ 2 .6 D . D B OG6 6
C % @ E ! , GY! . OG6 * G $ &, & <BODY> #
#( :
<"IMG SRC="imagname.ext> 6 * G P( #
.<IMG> % C . # F, # 6 <FRAME> # #( Y! B $!
# G6 #( # .B , ( O.4 2 P"( #/ !
62
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
SRC ( #( @ #5, .<FRAMESET> ( @2G B 1
.
: % , .O:1, @2G % ) @ #Y &[ #/ 1
<FRAMESET COLS="50%,50%">
<FRAME SRC="frame1.html">
</FRAMESET>
. * R, /! &[ ... &[
:(I %
<FRAMESET COLS="200,400,*">
</FRAMESET>
:- % %
<FRAMESET ROWS="50,*,15%,20%">
</FRAMESET>
:3
<FRAMESET COLS="*,2*">
</FRAMESET>
.0 2 C <FRAME SRC> #( B ( @C @ E 3 2G ; !+B
:% G6 * <SRC IMG> #(
<FRAME SRC="thedome.jpg">
</FRAMESET>
S:$6 OG6 <. ( 2G / 2! 0 C #/ D G &[
~|‫ ه‬3x4 ‫|ي‬2‫ء ا‬6f^2‫ ا‬-‫ﺏ‬6R‫ ﺏ‬h1ji. u‫§ ر‬eS d2‫ج إ‬6jm‫رات ﻥ‬6‫ إ‬-mn‫دراج ﺹ‬ •
63
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫ا‪6‬رات‪.‬‬
‫ا‪ §eR2‬ا‪ uh2‬ه^ ‪ HTML §eS‬إ‪6jf‬دي ‪ hÅ‬أﻥ‪ 68‬ﻥ‪ ºj‬ا‪^4^2‬م >‪<FRAMESET‬‬ ‫•‬
‫` ‪ .<BODY/>... <BODY> zS‬وﺏ‪^jm. ^7y 26j26‬ي‬ ‫‪ </FRAMESET>...‬ﺏ‪ً 0‬‬
‫‪ def‬ا‪ u6ow2‬ا‪ j2‬ﻥ‪0.h‬ه‪6Ê2 6‬رات و‪.67k6n.hik‬‬
‫ﻥ‪0wj‬م ا‪0f 0.0mj2 COLS, ROWS u6ow2‬د ا‪6‬رات )ﺹ‪ 6ًy^n‬آ‪6‬ﻥ أو أ‪0Rf‬ة(‬ ‫•‬
‫وأ‪.67S6Ü‬‬
‫ا‪6neR2‬ت ا‪ -fhn2‬ا‪ zR] h7Tk j2‬ا‪6‬رات ه ‪6neS‬ت ‪6f‬د‪ -.‬آ‪ 68Rs j26‬ﺏ¬ﻥ‪y 67u6¥‬‬ ‫•‬
‫ا‪02‬روس ا‪62‬ﺏ‪ -‬أو ﺹ^رًا‪ .‬و` ‪^jmk‬ي ‪ def‬أي ‪ 8k‬أو و‪^4‬م ﺥ‪6‬ﺹ‪.-‬‬
‫ﻥ‪0wj‬م ا‪ <FRAME> 34^2‬داﺥ‪ r‬ا‪ §eR2‬ا‪68R2 uh2‬داة ا‪6neR2‬ت ا‪ -fhn2‬داﺥ‪r‬‬ ‫•‬
‫ا‪6‬رات‪ ،‬وذ‪ \S {2‬ا‪6w2‬ﺹ‪ .SRC -‬ﺏ‪ -y6]6‬إ‪ d2‬ا‪0wj4‬ا‪ 0.0mj2 ¦S‬ﺏ‪ s6‬ا‪. u6ow2‬‬
‫‪:$ 2 :( & B 2 6 % 3 2‬‬
‫‪... &G 3 </ OG. *.! & 27 6‬‬

‫; [& ‪$! 6:2 E 2 ! E &2 . 1 B , /!, B # / 5‬‬
‫ ‪: % $! 2 .‬‬
‫ ‪& 1 ; O #/ . $% & & 2‬‬ ‫•‬
‫‪64‬‬
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫ ‪& ; O #/ . $% & 1 & 2‬‬ ‫•‬
‫ ‪: % ,‬‬
‫‪:. Q 1B D‬‬
‫ ‪C , . #/ & ;1 F &,‬‬
‫>"*‪<FRAMESET ROWS="100,‬‬
‫>"‪<FRAME SRC="frame1.html‬‬
‫>"‪<FRAME SRC="frame2.html‬‬
‫>‪</FRAMESET‬‬
‫ ‪E D * G @ 0 72 HTML L #. 6 & 1 ; #/ $% &2‬‬
‫‪.N(, @ <FRAMESET> F, ! #( * G & D‬‬ ‫ ‪C 2‬‬
‫‪65‬‬
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<FRAMESET ROWS="100,*">
<FRAMESET>
</FRAMESET>
</FRAMESET>
* G .@1 OG. !+ 1 $/ &G & 1 ; #/ ($% B / ,) $% &,
:$ 2 ". @ &2
<FRAMESET COLS="200,*">
</FRAMESET>
</FRAMESET>
$6 OG.! . % % ( @
</FRAMESET>
</FRAMESET>
: (I % EY &[ #/
66
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
#0f 6, 0 D C) @1, %:% G #/ &G <* G2 , @1, %:% 0
.(6 $ #0 ( , 3 $Q .( 7! @2G
<FRAMESET COLS="100,*,100">
</FRAMESET>
& & 2 (I &G & ; #/ OG6 &
(/ @ 6 G6)
</FRAMESET>
: ". @ OG6 ;1 C & / & X
<FRAMESET COLS="100,*,100">
</FRAMESET>
</FRAMESET>
G6 $! / %2 *6 ;/ &2 B E , 5 G6 $! 5 5 . ; &[
& / & $! 2 6 .0
67
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
9"
(2) +I
2 9+ G6 $! ;1 ' $! ! / . B 9+ V5 H D
.. / P"( $5 ;1 C 3 .B , #(
6 $ $! .0 & G c & & *2G, &, F+ & 0,
$! B 10 $ # g2 <BODY> & D C 3+ FG <FRAMESET>
2 J ' # ' ( 3+ FG <FRAME> .22 10 OG6 P"(
.. ( D &, # 2 / P"( & H &, m0 #. & . "(
7 $6 D, $ C" 'Z $ @ 2 * 0 B &1 - 1
.(1 $! . + 5 $ ) ( 3 P"( # '!
& " & :2 3 /! . @ &2 <FRAMESET> # P"( 3, : C %!
2G 62G $27 5 ;1 &2 P"( OG6 ;1 H2, & 1 2 .Netscape, MS Explorer
., & .0 * *, .1
G(7 B .4 #1 , .4 #/ $6 FRAMEBORDER $6 P"( OG6 ; ,
:. 1 % G6 ..4 # 0 .4 1 # /
<FRAMESET ROWS="50,*,15%,20%" FRAMEBORDER="0">

</FRAMESET>
:$.! N( -:% P"( ,
(BORDER="n") .2 C 5 G(7 $6 B @64 * :BORDER •
Netscape 3 /!
.C+ , Netscape 3 (BORDERCOLOR="rrggbb") & !+B :BORDERCOLOR •
2 C 5 G(7 B !+ Q! ! :FRAMESPACING •
.MS Explorer 3 $6 (FRAMESPACING="n")
:$ 2 $.! <FRAME> # 3 ( P"( ,
.(2 ) c V. 2 Q ! / :MARGINHEIGHT •
MARGINHEIGHT="n"
68
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
.(2 ) c N ; V. 2 Q ! / :MARGINWIDTH •
MARGINWIDTH="n"
, , 0 ;1 /! R , .4 #1 , .4 2 :SCROLLING •
C "/ 1 , .4 $ auto ..4 # no ..4 yes # / G(7 .B
Windows / #4 $! - 2 C .. 0
SCROLLING="yes"
SCROLLING="no"
SCROLLING="auto"
:( & 2 , L B #0 #2 1 3 # ( OG6 !+ 1 NORESIZE •
.# 5 F, G(7 D $6 .:!B
$! @ ! 0, FG $ " #( #57) % OG6 * P"( OG6 1 , R +
% &1 X ./ $2 $! ' 5 #5 .(. + % +!, .! '
O0B :!B #( #% ;1 Z 3+ O L , B 2 # / * G2
NORESIZE ( 1 H 3 $2 * G .
<FRAME SRC="thedome.jpg" MARGINHEIGHT="40">
</FRAMESET>
<FRAME SRC="thedome.jpg" MARGINHEIGHT="40" MARGINWIDTH="30">
</FRAMESET>
<FRAME SRC="thedome.jpg" MARGINHEIGHT="40" MARGINWIDTH="30" SCROLLING="yes">
</FRAMESET>
<FRAME SRC="thedome.jpg" MARGINHEIGHT="40" MARGINWIDTH="30" SCROLLING="yes" NORESIZE>
</FRAMESET>
69
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
$ FRAMEBORDER, FRAMESPACING, BORDER, BORDERCOLOR P"( *6 * G2
O B P"( 3 .2 .<FRAMESET> 3 2G $ # G6 3 #(
.6 Q & ;1 $6 . $! 22 B 10
B & ' / $ $.! # G. ( #6, $ NAME ( $/
* G P"( $5 &1 / @ C( C1+ . !, &, +! /! * G .+1 ,
.W & $ $!
:6 . $! @1 $ " ( 0 # B ' - % # *6
<NOFRAMES> ... </NOFRAMES>
D C C( 35 ( H , # 5 $! B &1 & ! # G6 #(
k / B % B ) &, . &2 D *6 &Y! ) .B #1
$6 OG6 & B & * G .6 3 C *2 (Netscape, MS Explorer
.B #1 C %
6 ! * 1 2! *5 @6 ! C% C &( D & G *5 H R &, , GY!
. 1 2 2 * 2 c $ " . $! # G6 E
<HTML>
<HEAD>
<TITLE>Main File</TITLE>
</HEAD>
<FRAMESET ROWS="50,*,15%,20%" FRAMEBORDER="0">
</FRAMESET>
<NOFRAMES>
<BODY>
* 2,
@
6 1B
</BODY>
</NOFRAMES>
</HTML>
G6 &+ 4: 2 D #! . 35 N(, ( D * ;1 C 2 G ,
( $2 5 ;1) R ; E , B OG6 ;1 F 35 &7 *"H . ! ( #
!!( 1
( 1 B P"( 3 0 5 5 /! G6 $! 2G $ F, ' # <... G
<$ $! B #( 35 G6 & ( ;1 5 * , .NAME
70
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
9( 2

(3) +I
* 9+ G6 6 * G . - % #/ $! B 9+ $! 3 H D & & N 2
$1 . & %2, ( 5 $! # & %2, 3 ; E C( . (
. 1 F H 2
NAME $6 @ 1 B ' $ P"( # !2 ^ & + & $! ., /
B 9+ 0Y #/ &, *1 2 ./ $! ! @ . #5, &, *1
.F1 $!, G ,6 35 G. Y % $5 % :( & . 1
B & ' / . <FRAME> # P"( #6, & ( OG6 & 5 /
) #5 ( OG6 & . * R+, $2 .G/ G%"$ 3C $" ..+1 ,
% ! 5 FG http://www.khayma.com/hpinarabic/examples/mainfile.html $ %
, & / & $! . 1 2 $ % * * ) 35 G6 & H0 )
.B $! @0 : H, ;1 /, .(F0
( .! ...([ B $! 6.4 35 2 *, 1,) B $! .4 & <!<0 G
& &, , 2 &, 5 .0 2 $2 & / ; E B OG6 H D C .(<*g4
. #/ &, 0, .% G6 $! ( ( 35 $! $6 $!
.$ $ / ; / &, 5 / 2! 2 *.! & C27 &2 $2 5 ;1 C 0
mainfile.html , FG $ " @
<HTML>
<HEAD>
</HEAD>
<FRAME SRC="header.html" NORESIZE SCROLLING="NO" MARGINHEIGHT="1" MARGINWIDTH="1">
<FRAME SRC="lftframe.html" NORESIZE SCROLLING="NO" MARGINHEIGHT="1" MARGINWIDTH="1">
<FRAME SRC="htmintro.html">
</FRAMESET>
</FRAMESET>
</HTML>
header.html , FG ( ) F @
<HTML>
<HEAD>
<TITLE>Header File</TITLE>
</HEAD>
<BODY bgcolor="#BCD8EB">
<CENTER><IMG SRC="frambnr.jpg"></CENTER>
71
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
</BODY>
</HTML>
lftframe.html , FG : H ;1 F FG @
<HTML>
<HEAD>
<TITLE>Buttons</TITLE>
</HEAD>
<BODY BGCOLOR="#BCD8EB">
<A HREF="htutor01.html"><IMG SRC="lesson1.jpg"></A><BR>
</BODY>
</HTML>
& . ! .4 FG # B P( ;1 F D 6 2 B $/ 3
O / ;1 N , 6 / " @ . * ;1 F, 0 #
htmintro.html
F 1Q$ 7P 23 +I 2 c # & . :( & #/ $ NAME ( $7 6
G6 . 0, & #B G6 #( ! # - "9$ :& ;)( . ( %)
.N( $! ; , N( B $! : 5 & B
2 : # 6 ) </A> ... <A> # P"( & @ 0 ( 2G &[ & /!
(G :C 5 4) .TARGET $6 ( OG6 (. $! !1
::
C C+ %2, @ #/ 1
N ., <* G2 , ! ( Z ?NAME ( 3+ &, 0 / %:% & F7 * ,
$ " $! /! 3+ # G6 &, . &, C0 $. & &G <FRAME> # P"(
$! @0 <FRAME> # & # F, 3 &2 !+ , OG6 ...$ " $! 3+ $6 &G
* G2 !. D G.! P( # 3 3 <<$ "
# B P( # D ' # &G .C+ , !. D FG :
, /( # 6 .mainwindow #D B G6 , )! . .4 FG
1) ^%$#</ % P( H #5 , F, , , O , (I # F, O1 3 , ,
.( G6 $! C/D * 62G7 ( D $! #( FG _ H
:$6 $ @ R &G
<HTML>
<HEAD>
</HEAD>
72
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<FRAME SRC="header.html" NORESIZE SCROLLING="NO" MARGINHEIGHT="1" MARGINWIDTH="1">
<FRAME SRC="lftframe.html" NORESIZE SCROLLING="NO" MARGINHEIGHT="1" MARGINWIDTH="1">
<FRAME SRC="htmintro.html" NAME="mainwindow">
</FRAMESET>
</FRAMESET>
</HTML>
* G . &[ 3 ." " ! &2 $ " 1 & . 5 &2 G.
. O!1 FG #B #( &2 F, & B
. B $! .4 : OG. / 0 / : $6 %
&[ . 4 OG6 7 ;1 #/ $2 2G TARGET ( $7 6
:$ 2 R !< : ;1 F FG 6 , .lftframe.html ; ;1
<HTML>
<HEAD>
<TITLE>Buttons</TITLE>
</HEAD>
<BODY BGCOLOR="#BCD8EB">
<A HREF="htutor01.html" TARGET="mainwindow"><IMG SRC="lesson1.jpg"></A><BR>
</BODY>
</HTML>
...
, &2 .^0 G6 * 1 L $ * G1, ... ; / @ R0 # , / /
* R+, $2 .* G &+ $ 1/ ' C" 1 0 ! 5 , ;1, N +!, ;
!+Y 5 &, c " ; @ * , : 2 #2, $0 FG
. ;1 @1 F, . B ; /B ( @ . !+ :
: OG6 ;1 / 0 #5 & ) ; B ) / & /c %
.@ 0
( , * G B ( # ; $! <* G2 , @ 0 2
:2 # / 3 D (Y , F, . % $! * G2 . $!
<A HREF="filename.html" TARGET="mainwindow"> ... </A>
:$ 2 2 3 D 2
<A HREF="filename.html"> ... </A>
.& 2 $! , C
73
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
( 5 3+ :( & . HTML L O! < ! &G .B @ $! 5 /
#/ & F, . & ;)( E$ $! #/ &, R ( "_top" $6 TARGET
' 2 ! / OG6 ..2 @ 0 &, :
C , @0 1 , F, L Y
.mainwindow #B $! 2 F1 & HTML L $!
.4 35 HTML L $! ' 2 ! _top ; !+B N(, # 5 -:% 0 , / /
&! @ 2 2 GY! .lowercase @ L 2 ., C" 2G &, 0 .
: # / $6 OG6 . 1 , .72 OG6 $! . 6 $ 0 ;1
_top
V
ً ‫^ﺝ^دة أﺹ‬R2‫رات ا‬6‫¶ ا‬ek ‫ أي‬-Z6¥e2 ‫^ى‬jS def‫ أ‬y -mno2‫ ا‬rRmk
_blank
¦y -eRmR2‫ ا‬-mno2‫ض ا‬hik‫ و‬¹nojRe2 -Å‫ر‬6y‫ة و‬0.0‫ ﺝ‬-Z6Z ¹jn‫^م ﺏ‬k
_self
3k j2‫ ا‬-1i¥j2‫ ا‬-e‫^ﺹ‬2‫ ﺏ¦ ا‬0‫^ﺝ‬k ‫|ي‬2‫ر ا‬6‫ ا‬n‫ ﻥ‬y -mno2‫ ا‬rRmj‫^م ﺏ‬k (-]‫ا‬hjy‫ ا‬-26m2‫)ا‬
(‫{؟‬2|‫ آ‬2‫ أ‬،-R2‫ دون وﺝ^د ه|~ ا‬6Ru‫ث دا‬0m. 6S ‫\ ه|ا‬126‫ )وﺏ‬،67ef h82‫ا‬
74
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
_parent
،‫ب‬b‫ر ا‬6‫ن ا‬6S rRmR2‫ر ا‬6‫ض ا‬hi‫^م ﺏ‬k

.-1‫آ‬hS ‫رات‬6‫ إ‬-mn‫ ﺹ‬rR. ‫|ي‬2‫ ا‬26j2‫ ا‬r¥2‫ ا‬rS¤k‫و‬
</FRAMESET> ... <FRAMESET> ‫^م‬4^2‫ ا‬zS ‫ أزواج‬-‫ﺙ‬V‫ ﺙ‬d2‫ج إ‬6jm‫ ﻥ‬68‫ف أﻥ‬hik ‫أﻥ‬
.-mno2‫ ه|~ ا‬rS ‫اج‬h‫ﺥ‬
r‫ آ‬-mno2‫ ا‬0.0mj2 ‫ول‬b‫ا‬ •

-uh2‫ ا‬-mno2‫ ا‬zS zfhnjR2‫ ا‬3 ‫ و‬2 z.‫ر‬6‫ ا‬0.0mj2 ‫ﻥ‬62‫ا‬ •
3 ‫ر‬6‫ ا‬zS zfhnjR2‫ ا‬5 ‫ و‬4 z.‫ر‬6‫ ا‬0.0mj2 262‫ا‬ •
^‫ ه‬3 ‫ر‬6‫ وأن ا‬3 ‫ و‬2 z.‫ر‬6Ê2 (‫م إذا أردت‬b‫ب )أو ا‬b‫ ه ا‬-uh2‫ ا‬-mno2‫ ﻥ^ل أن ا‬26j26‫وﺏ‬
-R2‫ ا‬67y0‫ ه‬-1i¥k -e‫ وﺹ‬def 4 ‫ أو‬5 ‫ر‬6‫^ى ا‬jU‫ل إذا ا‬6R2‫ ا‬r14 def‫ و‬.5 ‫ و‬4 z.‫ر‬6Ê2 ‫ب‬b‫ا‬
-mno2‫ ا‬r‫ﺏ‬6R‫ ﺏ‬2 ‫ و‬1 z.‫ر‬6Ê2 -1826‫ ﺏ‬hSb‫ وه|ا ا‬...3 ‫ر‬6‫ن ا‬6S 67eRmk 3j2 _parent
.-uh2‫ا‬
(defb‫ول )ا‬b‫^ى ا‬jR2‫ ا‬y rRmj26‫^م ﺏ‬k _top -R2‫¬ن ا‬y _top -R2‫ وا‬-R2‫ ه|~ ا‬z‫¾ ﺏ‬Rje2‫و‬
.-1i¥j2‫ ا‬-e‫^ﺹ‬2‫\ ا‬s^S zf hT82‫ ا‬p¶‫ وﺏ‬6ًRu‫دا‬
: : ; & & +, ! . ; &[
<A HREF="mainfile.html" TARGET="_top"><IMG SRC="mainpage.jpg"></A><BR>

<A HREF="htmintro.html" TARGET="_top"><IMG SRC="noframes.jpg"></A><BR>
/% 2 / &, 3 * G * G J0 .@0 0 ;1

75
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
9(

!!!# C C ... .
&! .N - & / ' &1 : C 5 C0( G6 &2 &, ( /! & & N 2
.C/ 2G # !+ P"( 1 C & 9+ 6 3 @ C 6 0
; .+ 07 5 $, * 1 $(, D .. 2 #2 .4 & . &2 &
#1 $! $J0 &2 .(/ ) 3 ( / &+ .0 &2 & &2 , 3 G6
$! . #J N(, # #( 1 D g .1 / #.m & .( # & # OG6 &, $! .0
1 ;1 F, &+ 6 #1 +! ([ ) , .0 % / 'D 5
.* 2 . * *, / OG6 2 , ;1 .9+ F7 P( D 1 # .,
Horizontal /! @ HTML L ; </ @/ &1 @/ OG6 ! FG ( G6 N,
:2, . Q D /! <HR> # 2 * # / 0 3 Rule
<HR>
:( G6 * .4
G6 % #5 ., SIZE ( +, G ( G6 *K 3 * .$ 2 G6 &2
::
C % *K
<HR SIZE="5">
<HR SIZE="1">
<HR SIZE="10">
, / 5 G(7 &, &2 & $ WIDTH ( #( ( )1 *2 * G2
<HR WIDTH="80%">
<HR WIDTH="400">
<HR SIZE="5" WIDTH="60%">
76
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
center, left, right # / G(7 $ ALIGN OG ( ( G. N( P"( &
<HR WIDTH="80%" ALIGN="center">
<HR WIDTH="400" ALIGN="left">
<HR SIZE="5" WIDTH="60%" ALIGN="right">
( !+Y #/! "Q Q C 1 C( , G $%:% C"Q C.4 2 ( G6 &Y! 4: 2
NOSHADE
<HR SIZE="5" WIDTH="60%" ALIGN="center" NOSHADE>
( :( & * FG & ( 3 *, G 2 & ! *0 D ( G6 & &2 G ,
(Explorer MS 3 /! ) COLOR
<HR SIZE="5" WIDTH="60%" ALIGN="center" COLOR="#FF0000" NOSHADE>
4: ) 2 0 1 ( <-- ... --!> 4: # 6 10 OG6 $! $ #
.R $! G6 ) 1 .4 D &, / $ &+ + , (
This is line one<BR>

<BR>
and, this is line three<BR>
0 $6 OG6
This is line one
and, this is line three
.4 - $ $. , F,) . $! #2 #/ FG <BR> # *, 2Z &
<CLEAR $6 # G. ( 0 , # .! .( 0 $! FG P
&1 ( $! O2G 0 #5 ( OG6 1 * R+ $2

/ &, ;1 $! / / C . ;1 OG6 35 $ ALIGN ( #(
* G2 .N .0 ;1 , @ C .4 . FG P &, & ; @ 0 right
77
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
ALIGN ( !+Y #/ # , bottom / ( ; .left / #( 1 (2 @)
.@ ; ! @G .4 . FG P &, 0 ! C:,
.@ $0 & F, ;1 B & P 3 $! CLEAR ( 1 P(

;. F,) @ _ & V. 1 D g P .4 3 $ right # / G(7 $6
/ OG6 &Y! $ (!!<#. ., @ OG6 , ...@ N .0 ;1 ! P .4 3
.right $6 @ ALIGN 5 &2 1 #(
& ; .0 ;1 P 3 .0 $! $ left / #( 2 @ &2 ,
left $6 @ @G &2 1 * G .@
#(! $% @( ' / OG6 @2 2 G , ;1 <* G2 , ...2 '
.0 3 0 & B 3 $ all /
OG6 E, < ( OG6 !+ 3 2 6 ( & % ) / &, * ,
& @H $.! !+B , C! C $6 2 %
RIGHT
def 67e. ‫|ي‬2‫ ا‬82‫ف ا‬6nj2‫\ ا‬S .zR2‫ ا‬dos‫ أ‬d2‫^رة إ‬o2‫ذاة ا‬6mS d2‫دي إ‬µjy -R2‫ ه|~ ا‬6S‫أ‬
.‫^رة‬o2‫ع ا‬6nk‫ ار‬ºU h4‫ة أ‬0i2‫ى و‬h2‫ ا‬-7¨2‫ا‬
<BR CLEAR="right">
zS 82‫ ا‬i8S 67‫ أﻥ‬6‫ﻥ‬0‫^ﺝ‬2 CLEAR="right" -‫ﺹ‬6w2‫\ ا‬S <BR> 34^2‫ ا‬68n]‫¬ذا أ‬y
‫ف‬6nj2‫ا‬
% G6 3 left / #( 0 &[
RIGHT
82‫ف ا‬6nj2‫\ ا‬S .zR2‫ ا‬dos‫ أ‬d2‫^رة إ‬o2‫ذاة ا‬6mS d2‫دي إ‬µjy -R2‫ ه|~ ا‬6S‫أ‬
.‫^رة‬o2‫ع ا‬6nk‫ ار‬ºU h4‫ة أ‬0i2‫ى و‬h2‫ ا‬-7¨2‫ ا‬def 67e. ‫|ي‬2‫ا‬
<BR CLEAR="left">
¦jeiy 6S ry CLEAR="left" -‫ﺹ‬6w2‫\ ا‬S <BR> 34^2‫ام ا‬0wj4‫ ا‬zS ‫ة‬0u6y ` ‫ أن‬¢UV‫ﻥ‬
82‫ ا‬def‫رغ أ‬6y h4 -y6]‫ه^ إ‬
78
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫‪left @G 3 F, R .2 $! left / #( C‬‬
‫‪LEFT‬‬
‫ه|~ ا‪µk -R2‬دي إ‪6mS d2‬ذاة ا‪ô2‬رة إ‪ d2‬أ‪ dos‬ا‪62‬ر‪ \S .‬ا‪6nj2‬ف ا‪ 82‬ا‪|2‬ي ‪def 67e.‬‬
‫ا‪ -7¨2‬ا‪ d8R2‬و‪0i2‬ة أ‪ ºU h4‬ار‪6nk‬ع ا‪ô2‬رة‪.‬‬
‫>"‪<IMG SRC="image.jpg" ALIGN="LEFT‬‬
‫>"‪<BR CLEAR="left‬‬
‫ا‪±‬ن ‪ rRik‬ه|~ ا‪ -R2‬آ‪Z `) º¨. 6R‬ء أ‪ zS rxy‬و]\ ا‪ 34^2‬ا‪ y º468R2‬ا‪6R2‬ن‬

‫ا‪(!º468R2‬‬
‫‪* all / 0 $2 0 * *,‬‬
‫& ‪)1 "/ @ #/ @/! 2 $! &, +!B 1/‬‬
‫!‪/ &2 . #/ D &, , & , / &2 .( & .! OG6) .R @G‬‬
‫‪.@G! )1 B‬‬
‫‪# &+ G6 3+ 6 ! 1 2 C‬‬
‫>‪<NOBR> ... </NOBR‬‬
‫‪.(#/ D) F, BReak NO k ( $6‬‬
‫‪79‬‬
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
9( *

& +/,
@ ;1 C5 , L OG6 3 : C C 5 5 &2 G6 3
L $! (3+ $ ,) C1 / 3 + & C 5 G6 P( . !
. "( 9+ 6 D, HTML
% 6 @ F, E 3 , : * :( & * : ,
6 G6 <!!( 35 ; Y #/ $ : OG6 & ;1 F @ @ * , &2 .
2Z & &2 * 1 C 0 9+ G6 &2 &, .! D &2 &, & . "( ,
.5 & .( *,
C+ , 9+ G6 :( & . 1 $ "( ( @ 0 # ; C !+ &G
"( &2) : 3 * G2 ( "( &1 - , ) # 3
*0 FG # * G .. .. #) . & / ; C+ , E ..(: (I ' $6
.(@" &2 &, D .. $ F, &2 5 C "01 :C 2 0 &2! ..@" # 2 ;1 ! #
( ) ! $! 1 Paint Shop Pro % X , ; E C (,
.
.35 T)+ U"$ C

. $! .0Y #/ 1 @ 0 .. ( 5 R N , ( $6 OG6
.0Y ( @ $6 OG6
<IMG SRC="flowers.jpg" WIDTH="320" HEIGHT="310" BORDER="0">
80
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
USEMAP="#map_name" $6 <IMG> # P"( & @ 0 ( @ OG. + &[
( OG6 $! @0 * G (2 @ OG6 #( &, R ( $
J &, FG #D % $.! map_name / , .(W & C/D OG6 &1 -)
.# @Y ' #D G6 &Y! N 2 .(O # F,) (
:$ 2 @ R 61 .ourmap # ( $ &, * ,
<IMG SRC="flowers.jpg" WIDTH="320" HEIGHT="310" BORDER="0" USEMAP="#ourmap">
. $6 % @( . ( $! ; @( $6 OG6 2
ourmap #B ( , R (Y #/
<MAP NAME="ourmap">
...
</MAP>
6 3 # @ #( D , 4D

:$ 2 6 , ) : ( ' &, E * G
( ' , R + )L /! 6 . 2 OG6 # &, @ @ * 1 2Z, &, , 6
6 ( 5 /! * G2 ( 1 C, . E D ./ 2 35 2 *
.6 2, F, ( 3 2 @ L N(, ' F, ( 3 *, ; "1 @ .
. #2 *Q C/! 3 * G
0 <6 Q & 6H &, R &2 2 HTML #( ' OG6 2 6 &[ Z
.6 $ ( ' 1 ' # &+ E FG <AREA> # #( 6
<MAP NAME="ourmap">
81
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<AREA>
<AREA>
<AREA>
<AREA>
</MAP>
#% & SHAPE ( )L G. #( / 2 2 D C , E $ 2 G.! * G 3
; % / 2 &, C (, COORDS ( # G6 / 2 35 E
‫دس‬62‫رس ا‬02‫ ا‬y 68iS $ HREF $6 35 ( #( &, $. &! 35 &1
...&%$ ;5
:$6 ( / 2 # 5 %:% SHAPE ( G(7
RECT
4 2f
CIRCLE
"
POLY
+ " 2f
:(. 6, &) $ 2 @ R &G & "1 & 2 @"
<MAP NAME="ourmap">
<AREA SHAPE="poly">
<AREA SHAPE="rect">
<AREA SHAPE="circle">
<AREA SHAPE="poly">
</MAP>
C 5 ( OG6 G(7 .COORDS ( #( # FG ( & 2 2 35 ; &[ $7
& (. & / ; E *, * 5, # ,) ( ;1 2 $. 2 % % 5
: + 2 ; 4, ./ 2 :(Y 5 2 D ( &, $.
82
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫!‪(#5, ,) .; ; H $ % N H $ % ! E #4 $1 2 $‬‬
‫‪#5, %:%) .65 ! ; !+B @" OG. H2 / $ % 6 0 2! @" $! ,‬‬
‫!‪(/‬‬
‫‪&2 . 2 G6 H % $ / & / 2 $ % ! E " + 2 $! C (,‬‬
‫‪(/ 2 :(Y ( Q #5 1) .61‬‬
‫‪6 * 1 2! 2 !0 X $7 6 !2 & < %B OG6 0 3 2 &[ 7 5‬‬
‫ !‪. 1 3/ $ / % 6 &2 $! Z 3+ #% X G6 $‬‬
‫ ‪ , ;1 .22 @ , ! 3 * G !+B .X @G! , 0 ;1 Z‬‬
‫‪. ( $! .( 0, & / 3 0 % 0 6 ! * 1 2‬‬
‫‪83‬‬
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
: ( ; &[

.(310,300) $6 ; / % (28,255):$6 / % 2 2
.2 175 65 (140,160) $6 6H2 / % 2! @" ,
D &, 6 2G (315,230) ,(300,20) ,(150,10) $6 O H % &7! (-% ) & 3+ 2 ,
. ; / 5 %B &2 &, /! #. ./ OG6 2G $! 6,
(10,140) ,(110,65) ,(130,10) ,(10,10) :$6 ($1 ) 3+ 2 $! / % &Y! C (,
:$ 2 R $ / @ &+ OG6 2 &[ #/
<MAP NAME="ourmap">
<AREA SHAPE="poly" COORDS="10,10,130,10,110,65,10,140">

<AREA SHAPE="rect" COORDS="28,255,310,300">
<AREA SHAPE="circle" COORDS="140,160,175">
<AREA SHAPE="poly" COORDS="150,10,300,20,315,230">
</MAP>
* .HREF ( . #( $ : . $ & & $/ <&[ $/ G
@H 35 & , & 1
<MAP NAME="ourmap">
<AREA SHAPE="poly" COORDS="10,10,130,10,110,65,10,140"

HREF="http://www.sakhr.com">
<AREA SHAPE="rect" COORDS="28,255,310,300"
84
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
HREF="http://www.ayna.com">
<AREA SHAPE="circle" COORDS="140,160,175"
HREF="http://www.pcmag-arabic.com">
<AREA SHAPE="poly" COORDS="150,10,300,20,315,230"
HREF="http://www.asp.com.lb">
</MAP>
& 3 0 5 /! ) .$ 2 @ OG6 3 @ EY ( @ 3 0 C (,
O &2 F, $! ( 3+ 3 , 35 $! .22 ( @ ". 0 R + 0,
(@ E @ & C 5 &2 &, C (
<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://www.sakhr.com">
<AREA SHAPE="rect" COORDS="28,255,310,300"
HREF="http://www.ayna.com">
<AREA SHAPE="circle" COORDS="140,160,175"
HREF="http://www.pcmag-arabic.com">
<AREA SHAPE="poly" COORDS="150,10,300,20,315,230"
HREF="http://www.asp.com.lb">
</MAP>
:' G6 $! & . & 7 %, &, , &[

... <MAP> @ 2 2 ; E .! $! @ & %2, ( OG6 E , G :;
!!.D C5 0 <@ . ! E @ 2 3 </MAP>
OG6 3 . $ ( @ &1 - #/ R &Y! USEMAP ( 2 , !
..0 1 &2 . @ @ ;1 ./ #% & (
.2 F, 6 0 D C+ , <2 & 6 ..2 N(, @ 3+ @ OG6 L 5 G : %
.35 2 @ ' /! 6 .. @ @ Q ( &
@ 0, * <* G2 , . @ ., ; 0 &! G6 $! 4 /5
0 &! ( ; . USEMAP ( ( 0 L, @ ; , 0 2,
: & ' ;1 F @ 2 @ ! 3 &2 (R 2 6 $1,) .* G $! 2 F,
( $! ! : ) ;1 F & @ L @
85
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
&, ( &2 F, $! /! @ @ 3+ 9 6 ( &, :(
( . 2 . 1 E 3 / </BODY> ... <BODY> &+ &2
USEMAP="#map_name" ( + , ( OG6 #( "( &2
. OG6 3
/! ..& 6 . 1 "( # #/ $ X & %2 B :#( *
2 #% & # X #( 2 2 . 1 6 $ 2 # #% @ #/
2 ( %B 0 Y X #/ G26 .2 OG6 & 2 : & 1
&2 .. "( /1, 3 @ '"5 :( *, F, !! ( @ 2
2 (7 +! / ) .X & 9 G6 + *, /1 :! N N. *,
c 1. : C , G6 2, $! .+ $ G6 . ; 4: OG6
Live Image ;1 3" X & G6 * , ;1 (X OG6 % &1 -
. C" @ C"( * ;, http://www.mediatec.com/a/index.php
86
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
9( -

(1) ?3
. $! . + 2 EG &1 . ! - & & G6 &2
D 2 35 #4 &, D HTML L $! C1 (. Q) / 3 + & EG &, 3
& H .0 & 35 & 1 2 0 .6, & , @ * G 60 & (
" $2 5 " $! *5 H I &, 35 #2 E 5 ,...N(, .0
.* +! ( $6 EG &Y! .G @ , ! 1 &2 * 6 $ $2 B
H, & .35 H 5 & .( 1 . . :( & ( # 4 2 ; !+B
.35 ( , 2 &1 - H ! $6 35 $! EG ;1 %
HTML L .1 $ N $.! ... :2 .G @/ .2 $! EG 3 &2 D
$! EG *2Y ./ 3 0 $! . $ # % .% 1 # 0 $6
&2 (. B 0 &, / 2 G 3 G6) C , D
C 0 . ! E $ . *5
( .0 $6 JavaScript, CGI % $! / 0 L & (EG $1,) . (
&+ L OG6 & 0 3/ ) ; 0 G ( .N( , # & . / &1
&2 ...2 & ! .EG HTML 6! $ + 2B 2 G , .*0G
.HTML N L & F, ; 3 ' & G6 $! . 2 . *2Y
H ! $ 2 )
:$ 2 $6 2, 0 , / / <! G6 $! 0 ( 2, & :

C 2 #2
Text
Option 1
1 2 3
Wx‫أر‬
]cz‫|{ ا‬S‫ا‬
87
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
:( & . # N(, 2, 0 ; *4 , &, , ./! ! $! @0 2 $6
. G6
" ;5

&, 0 ., D (C+ , / ) .4 , - & ) .+ &1 ( / 2 &, 3
:6 EG & , & &+ C 0 E
</FORM> ... <FORM>
:P"( -:% 6 .EG G6 ' $ P"( ) E @ 0 2
ACTION
C1 G6 &2 @1 . @ .0 # EG # FG &
;1 0 CGI X C1 &2 5 , . EG # Email $2
.0 OG6 / - 1 0 FG Server #( 2
& '/ , (H ! $! @1 - 2) N ; : C % . + &72 ! @0
35 &+ @1 , 2 &1 - #/ &, , ./ ( / )
. 35 $! @0 - EG $! 2
<FORM ACTION="mailto:someone@domain.com"> ... </FORM>

<FORM ACTION="name_and_address_of_CGI_script"> ... </FORM>
METHOD
OG. & 5 *6 .ACTION / ( $! & 3 . # $ /

. Server #( ( # F, ( 0 1 &2 $! #( $ GET :6 (
F0 (- F,) 0 1 &Y! 35 $! 2 &1 - EG #( 1 ' % $!
# &72 0( 0 1 &2 1 #( Post $6 % / .35 $! @
.$2 &1 ;
<FORM ACTION="mailto:someone@domain.com" METHOD="post"> ... </FORM>

<FORM ACTION="name_and_address_of_CGI_script" METHOD="get"> ... </FORM>
ENCTYPE
&, 0 ) :& & / G(7 $6 .. C/! # $ H / ( OG6
(C! C $6 2 # / OG6 2
application/x-www-form-urlencoded •
text/plain •
&1 @ 0 , $! , H ' & & 1 & G6 0 ; , $ / $! )( &
X , ;1 N0 $ 0 1 6 & / & F, #(B 3! &Y! 1+
88
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
Multi- @ ( $6 D #, MIME #1 &2 G) :( & OG6 / FG $2 B
9, 3 0 / ' $ B $! @" & $6 Extentions Mail Internet purpose
& & / & ' 6 6 .($2 B :( & P /! @ &
:$ 2 text/plain #( ! . / / -
NAME=Yahya Al-Sharif
Address=Nablus , Palestine
Email=yahya@palnet.com
EG # 1 %, . & #/ EG $! / , $6 Address, Email ,Name 2 )
( 5 / , &1 - ( $.! @ @ @64 P ,
:2 ! application/x-www-form-urlencoded #( 1 ,
NAME=Yahya+Al-Sharif&Address=Nablus+,+Palestine&Email=yahya@palnet.com
k ( X ! * G ./ 1 ;1 G . $! s ( &, *
2 2 R - #. 2 EG :( & @1Y #/ Formaters
/ 0 / ;1 5 2 * G! C" +! $6 ; / &, / D &2 text/plain H
.* , . , & / 0 &, & + D * G .
&1 ; *5 & / , $! EG L +!, &2 5 :/ :( &G
:$6 $2 B *
<FORM ACTION="mailto:email@domain.com" METHOD="post" ENCTYPE="text/plain">

...
</FORM>
.' $! H ! 4 &2 "( EG 1 & . 5 &2 G.
2 OG6 &, / / . <INPUT> # #( .EG $! 2, 1 $! &[ ,
G6 * R+ * G ;1 D C % G(7 ... < 2 .# G. P"( # 5 N , P"( 0 $6
#.
X &1 0 2 $6 2 @ 0 P / ! Sindbad 3.x #( 2 G :4:
:( & FG Netscape
Nablus, Palestine
Please enter your address:
( !+Y 5 #% & (C/ . 1 / OG6) 2 G6 <INPUT> # ( / C
F, TEXT / . 1, O , FG 2 9 # G. TYPE
<FORM ...>
<INPUT TYPE="text">
</FORM>
89
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
:2 G6 X
:'()*+, ‫)ة‬./
TYPE -‫ﺹ‬6w2‫\ ا‬S -S0wjR2‫( ا‬32‫ل )ا‬6Zb‫\ ا‬R‫{ ﺝ‬2‫إ‬
r¥‫ ﺏ‬6ًU` 67¥s68S zm2 eik ‫ون‬0‫ن ﺏ‬±‫ ا‬67‫آ‬hk‫^ف أ‬4‫و‬
‫^م‬4^26‫ ﺏ‬6R7‫رﺝ‬0‫ ﻥ‬z.h‫ ´ﺥ‬zeZ ‫ك‬68‫ أن ه‬-TUVS \S .ronS
<TEXTAREA> ,<SELECT>
<INPUT TYPE="text">
<INPUT TYPE="password">
<INPUT TYPE="hidden">
<INPUT TYPE="radio">
<INPUT TYPE="checkbox">
Submit Query <INPUT TYPE="submit">
<INPUT TYPE="reset">
<INPUT TYPE="button">
. ( # / 3 0 TYPE ( 4 &[ * + 5 &2, &, 0,

- / #( NAME $6 <INPUT> 3 ( % ( .. % ; &[
&, / / .(/ O FG #B 1 $! 2 * ) .% $! / G. address #B 1Y 5
0 + 0 0 ! ( &2 - EG ( $! / J #B G6
/ &Y! * EG K &, 1 ; .35 #2 . + 5 $ X 5 & 0 &
&1 % 1 / , &1 C/ m 5 4D) . ( OG6 :( & . 0, FG #D J
P( / G6 &, ;1 (&[ ;) 0 D N 2 .(EG . $ ' H
.& (Y
<FORM ...>
<INPUT TYPE="text" NAME="address">
</FORM>
1 0 FG "H .+, + @1 0 $.! : enter your address Please @ ,
( 2 EG 60 5:1 . 2 $! . 2 @ OG6 Q 3 2
.NAME
90
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<FORM ...>
Please enter your address : <INPUT TYPE="text" NAME="address">
</FORM>
Please enter your address :
/ % $6 (6 N(, @1 F, ,) Nablus, Palestine / ( @64 @ ,
D $! #( ( OG6 .VALUE ( :( & 6.4 &2B! / 6 $ +!B
3 +! /2 . # #. 1 . H #4 5 & @2 , 0 5 2 . ! 35 $
.. D
C 2 .!G 2 ! 3
<FORM ...>
Please enter your address : <INPUT TYPE="text" NAME="address" VALUE="Nablus, Palestine">
</FORM>
Nablus, Palestine
#5 0 / #02 O FG #5 3 SIZE ( #( * G / #0 ; C , E 5
40
<FORM ...>
Please enter your address : <INPUT TYPE="text" NAME="address" VALUE="Nablus, Palestine" SIZE="40">
</FORM>
Nablus, Palestine
C+ , 10 #5 0 ,
Nablus, Palestine
@ ./ ( .2 &, "H &2 $ :( #0 2 F, SIZE ( 0 D
& "H 3 0 D . ;1 O.4 ;1 /! F * G &2 / #0 , R :N(,
;5 #2 MAXLENGTH ( $7 6 . / #0 P H0 - 2
.( P
<FORM ...>
Please enter your address : <INPUT TYPE="text" NAME="address" VALUE="Nablus, Palestine"
SIZE="40" MAXLENGTH="30">
</FORM>
Nablus, Palestine
?- G 4, C! 30 & %2 / G6 $! 2
:$6 OG6 C <N(, @ . 0Y * , ! INPUT # P"( & &[ .
. / (2) 9 :TYPE •
91
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
. / # & :NAME •
. / ( ") +! 5 & :VALUE •
. / #0 :SIZE •
./ $! ( ;5 & :MAXLENGTH •
C P"( - & text / 6 password / 6 EG $! ( / & $% 9
&, &[ 0 5 &2 .. ' 6 2 . ****** 2 ;1 .4 :( &, Q
EG $! "H 5 & 2 (B 0 0 1 #( / & 9 G6
<FORM ...>
Please enter your name :
<INPUT TYPE="text" NAME="the name" VALUE="" SIZE="40" MAXLENGTH="30">
Please enter your passwod :
<INPUT TYPE="password" NAME="the password" VALUE="" SIZE="40" MAXLENGTH="30">
</FORM>
: Please enter your password
C ". . L , &, C+ , 3 , Q! .2 * G / VALUES +! # 5 2 $! Q, # $, 4D
.D ) $! / +! 5 2 6, #1 * R+, &, , % G6 $! , .@ &
.4 & .! & X 2 .$( / F, hidden 6 / 9, & - % 9 ; &[ $7
:% G6 .EG &+
<FORM ...>
<INPUT TYPE="hidden" NAME="my forms" VALUE="form1">
Please enter your passwod :

</FORM>
: Please enter your passwod
&, & & "H &, EG .4 1 % / G6 0 &, 6 4D
Z G6 ;1 0, $2 < (D 2 D ;( $ 0 & @" :6 Z .C ( :
C / *6
... #2 *.0 5 , D C % * ^, $1
./ ;1 F .. EG OG6 &, C0G . 2 &+ -:% * &, )
/ G6 !+ *2Y < B #( EG OG6 & F, H 3 2 * 1
.EG 2 $! 5 F, # F, ($6 )
92
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
... EG $!
<INPUT TYPE="hidden" NAME="my forms" VALUE="form1">
... $% EG $!
<INPUT TYPE="hidden" NAME="my forms" VALUE=" form2">
... - % EG $!
<INPUT TYPE="hidden" NAME="my forms" VALUE=" form3">
5 $!+ / + , * %:% EG & F, #( "H F, 5 & * 1 * G
: 2 7 * G EG 1 C " * ,
, my forms=form1
, my forms=form2
my forms=form3
.# 1 @ ( 5 &, "H # #(D 6 $( / &, / 3 &G
." "H #5 $ EG &+ 0 ; C0 . # # 5 . #(
! / 35 #2 / @ EG .4 0, & .#1 2 EG 1 Q :
. : 0 0 3 0 ( + C" +! &!
<FORM ...>
<TABLE BORDER="0">
<TR>
<TD>Please enter your name : </TD>
<TD>
</TD>
</TR>
<TR>
<TD>Please enter your password :</TD>
<TD>
</TD>
</TR>
</TABLE>
</FORM>
0 ;1 / *2 $!+B & / ; E N 2

Please enter your password :
<* G2 , ...+!, G26
93
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
9( ,

(2) ?3
2 EG # 5 ' $! 5 / .EG & & $% 6
Text, Password, $6 EG $! ( 2, ) 5 5 2 . $! EG E
.R + & H , & ' 30 <. #/ 2 2G 6 Hidden
,Radio :9, %:% $6 & (D ( 2 & 10 3 &[ 3
(B "5 Checkbox
0 &2 &, ;L ^ Z &, 2 G6 #( Q & .RADIO ; 2 3 ,
./! @ 0 ( &, "H ;1 N(, @ , /! @
2 ;1 H ! $! 0 6 2) ( FG R &1 "H 7, &, , $, ) %2
2 * G RADIO 2 ;1 &2 &, O , ( "5 2 ;1 &2 &, & D &2 ( ( "5
(Sindbad 3.0 #( 2 G 2 2 .4 EG 1 &, *2G, &, ,):$
Sindbad 3.0
Sindbad 4.0
Ms Explorer 3.0
Ms Explorer 4.0
C0G J & , C ... <"/ OG6 % $ 2!
<FORM>
</FORM>
<INPUT> <* G P( # 2G 6 2 G6 #/ #%
<FORM>
<INPUT TYPE="radio">
</FORM>
# , ; E &G :( , *6 &, &2
<FORM>
<INPUT TYPE="radio"> <BR>
</FORM>
94
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
&! G ; #D , .. NAME ( #( , F, :( OG6 ; &[ E
P(2 * F+ 6 EG F+ G6 & Z 9+ C1 C &2 &, +!
.H )L J &1 0 &, +! & $ EG :( & / #/
browser 6 #D G6 &2 ! &1 - 6 ,
<FORM>
<INPUT TYPE="radio" NAME="browser"> <BR>
</FORM>
F, &2 (' 30) EG 2 ;1 %Z D /! + $6 OG6 &, 0 & 4: 2
.browser #D * ( OG6 & "H #/ (
#(D 5 & &G C O * G "/ OG6 $! ( 2 5 1 $6 @(
:VALUE (
<FORM>
<INPUT TYPE="radio" NAME="browser" VALUE="Sind3"> <BR>
<INPUT TYPE="radio" NAME="browser" VALUE="Sind4"> <BR>
<INPUT TYPE="radio" NAME="browser" VALUE="Msie3"> <BR>
<INPUT TYPE="radio" NAME="browser" VALUE="Msie4"> <BR>
</FORM>
&[ ; 5 /! * G 3 &2 . ( OG6 !+ 3 C 64 EG 2 $! J L D &, 4: + , 6
"H &2 &, 35 D & 3 &2 .EG G6 & . / C ! .@ 5 / 2 1 /
R+ R # / 2 1 ;/ * G . 5 2 P( / OG6 & F, &( $2 L C 1
.O
<FORM>
<INPUT TYPE="radio" NAME="browser" VALUE="Sind3"> Sindbad 3.0 <BR>
<INPUT TYPE="radio" NAME="browser" VALUE="Sind4"> Sindbad 4.0<BR>
95
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<INPUT TYPE="radio" NAME="browser" VALUE="Msie3"> MS Explorer 3.0<BR>
</FORM>
Sindbad 3.0
Sindbad 4.0
MS Explorer 3.0
MS Explorer 4.0
* ! $"/ 2 O ( # 5 6, .4 &, , G *, $6 / & 9 G. ' ( *6
. ! O ( $! "H 2 * 3 CHECKED ( !+Y
<FORM>
<INPUT TYPE="radio" NAME="browser" VALUE="Sind3"> Sindbad 3.0 <BR>
<INPUT TYPE="radio" NAME="browser" VALUE="Sind4" CHECKED>
Sindbad 4.0<BR>
</FORM>
Sindbad 3.0
Sindbad 4.0
MS Explorer 3.0
MS Explorer 4.0
.(- % ( , ) ) / , ( 1 EG . * $ @ * R+, &, , ...C (,
:$ 2 $6
browser=Msie3
2 G6 ( D C 64 .CHECKBOX ;1 FG & (B 2, & $% 2 ; &[ $7
;1 ;/ &, J+!, , . #. - & G0 !:( *6 C 1 &2 / FG 2 &1
.' H 1 . ; ' % (
Sindbad 3.0
Sindbad 4.0
MS Explorer 3.0
MS Explorer 4.0
!5 $! / & %2, ( *1 &Y! / "/ $! / & %2, ;1 / #5 &, 5
.%2, /! / ( &2 RADIO $! RADIO CHECKBOX & ' 6 G6
:. 1 'g #% & 2 . / OG6 &[ #/
96
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<FORM>
<INPUT TYPE="checkbox" NAME="Sind3" VALUE="Yes"> Sindbad 3.0 <BR>
<INPUT TYPE="checkbox" NAME="Msie3" VALUE="Yes"> MS Explorer 3.0 <BR>
</FORM>
$! CH C "/ $! / 2 1, #% .TYPE ( checkbox / , / D

C , <4: G
3 ./ 3 0 @ 5 6 17! VALUE ( , ./ $5 &1 ( NAME (
./ 2 2 . $! 5
CHECKBOX y 6S‫« أ‬y 0U‫ وا‬rU ‫ر‬6j‫\ اﺥ‬j‫ ﻥ‬RADIO y

j2‫`ت ا‬6m2‫ ا‬y ‫دة‬6f ‫م‬0wj. {2|2 ،rU zS h‫ر أآ‬6jw8y
.‫ال‬µ2‫ ا‬n82 -‫ة أﺝ^ﺏ‬0f def 67y rom‫ أن ﻥ‬rRjm.
y 6S‫ أ‬،-nejwS 32‫ة وا‬0U^S ‫^ل‬m2‫ء ا‬6R4‫^ن أ‬k RADIO y
‫ة‬0U^S 32‫ وا‬-nejwS ‫ء‬6R4b‫^ن ا‬jy CHECKBOX
:$ 2 0 * ! 3 $% & / ( # , ) C < 2
Sind4=Yes
Msie4=Yes
CHECKED ( #( RADIO 3 ! 2 "/ @ / ) # C+ , 3 2
<FORM>
<INPUT TYPE="checkbox" NAME="Sind3" VALUE="Yes" CHECKED>
Sindbad 3.0 <BR>
<INPUT TYPE="checkbox" NAME="Msie3" VALUE="Yes" CHECKED>
MS Explorer 3.0 <BR>
</FORM>
Sindbad 3.0
Sindbad 4.0
MS Explorer 3.0
MS Explorer 4.0
# & @ 0 # ; / 9 G6 (D #"5 6 & (B 2, & - % 9
$6 <INPUT> & D C #( $
<SELECT>
<OPTION>
<OPTION>
<OPTION>
97
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
.....
.....
</SELECT>
" 3+ FG <OPTION> # "/ . & <SELECT/> ... <SELECT> &, -
"5 $! ( 3+ &2 2 N ' % ; ."/ 1 & 1 2 #( .
<FORM>
<SELECT>
<OPTION> Sindbad 3.0
<OPTION> MS Explorer 3.0
</SELECT>
</FORM>
:$6 0 &2 * G
Sindbad 3.0
$! 6!1 2 P"( *6 .# OG6 1 / P"( 0 & ( D 2
! . / & 2 G. /! ' @ 0 P"( 0 2 C+ , 6 .( # / 2
$ SIZE ( 0 2 ."/ # # 2 $6 NAME ( 0 <SELECT> k
. 1 5 F, G(7 $6 .. ! @64 1 $ "/ 9 (N ,) #0
<FORM>
<SELECT NAME="browser" SIZE="2">
</SELECT>
</FORM>
Sindbad 3.0
Sindbad 4.0
2 *6 &Y! C "/ 3 0 )1 ; 5 9 F7 "/ )1 &2B
#/ .MULTIPLE ( !+Y << 2 @ 5 /! C "/ OG6 & ( 0 C+ ,
#, 0 R #% & (4 &2 &, 0 SIZE 3 2 / &G # 5 , ) # / 3 0 ) &[
."/ $! @ 5 & %2, (D "H
<FORM>
<SELECT NAME="browser" SIZE="4" MULTIPLE>
</SELECT>
</FORM>
98
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
Sindbad 3.0
Sindbad 4.0
MS Explorer 3.0
MS Explorer 4.0
. (B 1 %, @ ctrl ^ ;1 L+ #/ &, 0 ( @1 , 4D
&[ .( 5 & 6( $ VALUE $.! <OPTION> # 3 ( P"( ,
&, <OPTION> F, 3 .2 $ SELECTED ( * G2 ."/ $! / 2 5 1B
. "/ @ O ( # 5 .4
<FORM>
<SELECT NAME="browser" SIZE="4" MULTIPLE>
<OPTION VALUE="Sindbad 3.0"> Sindbad 3.0
<OPTION VALUE="Sindbad 4.0" SELECTED> Sindbad 4.0
<OPTION VALUE="MS Explorer 3.0"> MS Explorer 3.0
<OPTION VALUE="MS Explorer 4.0"> MS Explorer 4.0
</SELECT>
</FORM>
Sindbad 3.0
Sindbad 4.0
MS Explorer 3.0
MS Explorer 4.0
TEXTAREA ;1 / 2, & $ 2
# 2 0 # EG $! @ / 2 @1 #( 6
<TEXTAREA> ... </TEXTAREA>
&2 . # O1B NAME ( 0 & D 3 < ( P"( & ( 3 6
"/ @ / ( +1 # & & 2 P F, &Y! / VALUE ( 0 D
<TEXTAREA NAME="comments">
Hello, please write your comments here :-)
</TEXTAREA>
Hello, please w rite your comments here :
$ ROWS ) $ COLS $6 C1 C+1 / G6 P"( 0 2
9B
99
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<TEXTAREA NAME="comments" COLS="30" ROWS="6">
</TEXTAREA>
3 ( OG6 D) / ( 2 P / $ WRAP $.! 6 @ ( ( ,

:$ ;1 $6 6G(7 # 5 %:% *6 (MS Explorer 3.0
2 ;1 1 * 2 2 1 , @1 ;1 P &, $ $ : virtual
(. 2 ;1 ( OG6 %7 2 4, / ( 2 ) 3
<TEXTAREA NAME="comments" COLS="30" ROWS="6" WRAP="virtual">

</TEXTAREA>
1 G6 ;1 C+ , * , @1 ;1 P &, $ : physical
<TEXTAREA NAME="comments" COLS="30" ROWS="6" WRAP="physical">

</TEXTAREA>
100
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
( # FG 2 * , ;1 2 , @1 ;1 "/ @ & P &, $ : off

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

</TEXTAREA>
2 6 Z Of &, 35 "H F, & 4 EG ( @ 2 & . , )! C
Y C "/ #/ $ submit 9 3 @ OG6 <INPUT> # ; &[ <C ! &, &2
.EG $! 6Z # $ Y 1 / 1 #/ H
<INPUT TYPE="submit">
Submit Query
, GY! +!B @ $6 H ;1 @64 (Netscape $! Submit Query ) , Submit &, 4D
)L G. VALUE ( #( * ! 6 L
<INPUT TYPE="submit" VALUE="Press here to send the form">
Press here to send the form
#. R &, *2 4 (I $! #."I & L 5 & G & @ 1 & *5 H &2 $!
/ <INPUT> # TYPE 92 reset #( * G L EG $! O2 R 2
.submit 3 ( P"(
<INPUT TYPE="reset" VALUE="Forget about it">
Forget about it
> # 3 E EG $! 2, & ( 2 INPUT 6 <button H Y #/ FG
% / L & (2 X ,) 0 P ;1 F $ EG 6 EG &+
6 X 3 . ' *6 C ..5: X OG6 L #( 2 JavaScript
.reset, submit 3 ( .G $6 EB / & 5, C " &2 .. 0
<INPUT TYPE="button" VALUE="This is a sample button">
. $ D < #, . 3 + & 6 6 <* , ! .EG &1 % . ; &[ ... C (,
; @ # ;1 7 D
C , C" &, * +! & * G . $!
.- 3 .+ ( G ( ;+5 G /
101
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
9(

&, . %&$
# 0 $! L OG6 $! C1 01H ..2" ... 3 + & C 6 V5
S:/ * C ... <# OG6 $6 ! ...( # 9+ 6 .C1
Best Viewed with MS , Best Viewed with Netscape Navigator @1 ! &, * ' 6
35 ) * H 1 (2 , … 2 R @6 +!,) , Explorer Internet
35 OG6 $ &, / / .35 & %2 G OG6 % 6 / C ?B
2 &2 . & O Q & #."D - *G , R G. & 0 & @+
"H #5 G - !…#. $! /! R * G .1 $ P"( , # ) & + 5
(I "H 66 $ 0 6 &! ; Q (I C C( 35 * G ; (
C : C ! &+ & G & & *6 & G6 #1, &, 3 , D C) . R #(
(D #, ( # & + 5 h O Q &1
2 !2 2 0 2 5 $ HTML L $! # & *6 0 #
&, * 5 &) Browser Specific Tags & O Q & P( . ;1 - 6
3 0 .1 @ # 0 ; C , 5 .(2 2 ) .+ 3 N2 2
- 1 3 $! O5 *2G, .( $ $6 # OG6 )1 G / &2
# / ;1 &( .2 TYPE ( <UL> # &1 & :2 &, 2 6 /! .#"/ &1
.:(B G6 ;1 /! % G6 .. E $
': .0 & - 2 #/ X 2 &, ; D * G & %2,
R 5 & P"( # #1 ( &, Q & * G ([ & & . @ 0
$6 ( .4 :( $1,) G 7 OG6 . .4 :( $ ( Y
$! ( D ;1 , 2 :6 #. C Rg Z . $ C5,
H .. G6 ' / C , & &2 G C %2, 0 &2 5 <([ R & .+1
/ $! #2 . . . $ ( / H 2
. 3 0 $! / .0( &2 & &2 /! P ;1 .
<&G !
&+ D / *2 .:C 0 C.4 . 1 $+ " %7 $ ( # OG6 ) &, 3
&2 # OG6 #( D * 5, D * G .3 G.! R &( *5 H 3 0 &,
C" * G2 .H 3 0 6 $ / * .4 &, , G .0 &2B 5
$ / &1 " @2! * G.! ( & #( * )
. ( ;1 *H . 66
‫ى‬h‫ أﺥ‬-.6U 7y -‫ﺏ‬hi2‫ت ا‬6mno2‫ ا‬6S‫ أ‬،ً6S^Rf -462‫ ا‬-.¾e¨‫ت اﻥ‬6mno2‫ ا‬zf ‫ث‬0mk‫ أ‬68‫ ه‬6‫أﻥ‬
y 6‫ه‬h‫|آ‬2 ‫ل‬6¨S ` ‫ب‬614‫ة أ‬0i2 ً-¨j‫ ﻥ‬6ً46s 2 ‫ت‬6mnojR2‫ ا‬y -‫ﺏ‬hi2‫ ا‬-¶e2 ‫^ﺝ^د‬R2‫ ا‬3f02‫ن ا‬b
-‫آ‬hZ zS Plugin y6]‫» إ‬S6‫ﻥ‬h‫ ﺏ‬d2‫ج إ‬6jm.‫ و‬V ً ‫ أﺹ‬67Rf0. ` ºj‫ ﻥ‬¹nojS V ً Ry .‫م‬6R2‫ه|ا ا‬
^‫ وه‬،-‫ﺏ‬hi2‫ ا‬67y 6R‫ ﺏ‬-R26i2‫ت ا‬6¶e2‫ ا‬zS 0.0i2‫ ا‬3f0. h‫ ´ﺥ‬¹nojS ‫ك‬68‫ وه‬.‫د‬6‫ﺏ‬084 ^‫ وه‬hw‫ﺹ‬
102
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
S‫ا‬0wj4‫ ا‬-U6‫ ﻥ‬zS 2 ‫^رر‬e1‫ إآ‬y^4‫و‬h.6S rxy‫ أ‬6ًowZ 6‫ أﻥ‬z2 .2‫ أ‬-‫آ‬hZ zS ^¨‫ﻥ‬6k
h‫ أآ‬-¶e2‫ ا‬-u68‫ت ﺙ‬6mno2‫ وا‬-‫ﺏ‬hi2‫^ص ا‬o82‫ض ا‬hf y rxyb‫ﻥ¦ ا‬b r‫ ﺏ¦ ﺏ‬-‫ﺹ‬6‫^م ﺥ‬4‫ و‬-.b
.‫ت‬6mnojR2‫ ا‬zS ~hÅ zS
Ms Internet Explorer Sindbad 3.x $0 #( $7 & $ D # ) , &, 5
B #5 $1, & & G6 $1, 7! 3 ./! P"( # &1 -, 1 3.x
2 , 1 & (2 ( G6 2 u ;) C0 %2 DH D . * G .(3.x) C+ ,
5 , 4: &, X OG6 -, C #( 2 G & .C 1 B $( & #1
2 #.0 & & G *" , G $G 3 G6) ([ X ( # #1 R,
0 &/ & 2 G , ;1 .((I 2 & , / 2 D 9 #"
&( *5 H &, * 1 C+ F, DB ,, )! 3 * # C"
2 F, & @ *5 &6 #. 0 &2 # & #.4 &, &+ * G . 5
.# & /! '
#/ / &1 C( C0. 6 3, . ( C4! G. # )1 /
#1 R 2 ( # . * G . $! R 2 ( # )1 ;1
D R :( & .+1 1 $! ( - 0 $ .N( # 3 .(
.. ( # OG6 & C+ #1
3 .([ #( 2 G , # ( @6 ;1 *5 #1 $ D G6 &2
L #( H D . $! &!) 2 ( 2 P @6 *2Y &2
. R ( G D 6 %7 @6 *2Y &2 & , * 6 2 &2 (HTML
103
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
&, .
Navigator Netscape
* G :( * &2 GY! Netscape Navigator 3.x R ( # ;1 OG6 F :. 4:
@ @6 3 &!
<BLINK> pS‫ﻥ وا‬ •

<MULTICOL> ‫دة‬0ijS ‫ة‬0Rf‫ا‬ •
<EMBED> ^.0y \6S‫ و‬-4^S ‫أﺹ^ات‬ •
</BLINK> ... <BLINK>
;1 *, ) O6 & & G6 & O P F, 3+
<BLINK>H.P in arabic </BLINK>
H.P in arabic
</MULTICOL> ... <MULTICOL>
<:0 "0 $! 6 2 @1, @1 ; C/ * $! P .4 &, 6 .../! &
2 & $ Q ! / #% & 6 $ @1 1 &, *! .# OG6 * O! G6
.22 @1 L FG ) * G2 O0 FG 1
@1 1 #/ COLS ( )L G. #( .& 1 $! @/! 3+ 0
<MULTICOL COLS="2">
OUR PARAGRAPH IS HERE
</MULTICOL>
.2 (I 1 2 & ! GUTTER ( #( &[
<MULTICOL COLS="2" GUTTER="70">
</MULTICOL>
@1 3 0 )1 3 / &2 @ ;1 1 2 )1 # OG6 $! 2B ! D
P )1 $! L - ; FZ 5 3+ , % / 5 3+ * G (22 P F,) C
.WIDTH $6 )L G6 FZ $ ( .R @G! ) C
#( #% 500 % / P )1 D

C , #57 :& & % :( & ( OG6 * R+7
%60 $6 5
104
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<MULTICOL COLS="2" GUTTER="70" WIDTH="500">
</MULTICOL>
<MULTICOL COLS="2" GUTTER="70" WIDTH="60%">
</MULTICOL>
<EMBED>
h $! EB C1 #( FG <EMBED> # G6 Netscape #1
#J .Plugins ;1 OG. gL !+ X 0 6 &2 . ! , / 3/ 2
.N(, :L ; / ! 0 :L ) ;1 D : C , F D Netscape k .5
L+, #% * $! & P( $! about:plugins 2, *0 $! % :L ! )
.B & :L OG6 ;1 # @1 (Help "5 & Plug-ins About ( , Enter
.. */ $ : 5 ;1 , :L OG6 & Netscape 2 35 * G2
$! #2 0, & #( $ ;1 $! @0 @ .4, FG 6 mid P( X L &
.&[ O . @ .4 $ ( #2 gL 2 0 , / / .$
:$ # G6 3 ( P"( &
L :SRC
<EMBED SRC="onceupon.mid">
#0 #2 3 , & ./ @ 0 $.! O 2 .4 5 #2 &, 4D
...&G HEIGHT, WIDTH P"( :( &
<EMBED SRC="onceupon.mid" WIDTH="145" HEIGHT="61">
$"/ L true # / G(7 . 1 C "/ L # &2 G :AUTOSTART
#2 OG6 $! .4 N 2 . +!B / $6 L # false ( OG6 $! 2)
.* G 1 1 , L $! #2 "H R & /!
.true, false # / G(7 D #, 2 2 +1 # &2 G $ LOOP $6 @ ( (
.MS Explorer k ( # O! 2 2 1 6 2 D &, 4D
105
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
1 &, .
Internet Explorer MS
&! * G :( * &2 GY! MS Internet Explorer R ( # ;1 OG6 F :. 4:
@ @6 3
<BGSOUND> / , •

<MARQUEE> !D •
<BGSOUND>
$! # 1 C "/ - au , wav , mid B $ F, & 3
EY 5 % ;! (BackGround Sound F,) <BGSOUND> # #( * G R
/ baladi.mid ; 3/
<BGSOUND SRC="baladi.mid">
$ LOOP ( C+ , 0 2 .E # N 2 #( $ SRC ( *6 &G
/ , -1 / 61Y 5 , .@1 C5, G(7 ., F, 1/ H1 2 1
H &, $ D G.! ( D) . D ; 1/ H1 2 ; FZ G.! infinite
, N(, * / 0 5 $! 0 *, . /! (*H.0 Y #/ &,
.X & *0(
<BGSOUND SRC="baladi.mid" LOOP="infinite">

<BGSOUND SRC="baladi.mid" LOOP="3">
G . 1 / &, , .J &, "H &2 - *5 $! : E , $! ,
:$ 2 F, $! 6 $ : EB 1B / # * G! .1 ,
<A HREF="baladi.mid"> ... </A>
#( R 9 5:1 . 1 / S# 2S $6
One Man's Dream Upon A Time Once
</MARQUEE> ... <MARQUEE>

( ; # $ 4 )
%Z N $6 ( H0 &) !: OG6 <* G2 ,.. 0 < ;1 *, 32 P G. * ,
* G ( @ $6 OG6 2 .# OG6 .MS Explorer $! .% &2 $ (
<MARQUEE>
H.P in arabic
</MARQUEE>
106
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
@1 N *6 &, / / # OG. P"( 0 & :! 6 &, &2 D 3
' , ;1 .2 .(( # / 1) .( (
:% 3 * 6, P"( $6 OG6 <IMG> # 3 ( C/ . (v , 2
( & :BGCOLOR
<MARQUEE BGCOLOR="#FF0000">
H.P in arabic
</MARQUEE>
.R @G! 9 5 , % 5 G(7 &, $6 !: 9 :HEIGHT
<MARQUEE BGCOLOR="#FF0000" HEIGHT="80">

H.P in arabic
</MARQUEE>
, % 5 G(7 &, C+ , 6 !: )1 :WIDTH
<MARQUEE BGCOLOR="#FF0000" HEIGHT="80" WIDTH="40%">

H.P in arabic
</MARQUEE>
top, middle # / G(7 $6 !: $0 ;1 0 5 FG P @G :ALIGN
. ( OG6 E #1 1 C "/ ' $ F, +!B $6 bottom
Welcome to
<MARQUEE BGCOLOR="#FF0000" HEIGHT="80" WIDTH="40%">
H.P in arabic
</MARQUEE>
Have a good time.
.good time Have a Welcome to
Welcome to
<MARQUEE BGCOLOR="#FF0000" HEIGHT="80" WIDTH="40%" ALIGN="middle">
H.P in arabic
</MARQUEE>
Have a good time.
.Have a good time Welcome to
107
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
Welcome to
<MARQUEE BGCOLOR="#FF0000" HEIGHT="80" WIDTH="40%" ALIGN="top">
H.P in arabic
</MARQUEE>
Have a good time.
. 0 ;1 0 P & !: & $ Q ! :HSPACE
Welcome to
<MARQUEE BGCOLOR="#FF0000" HEIGHT="80" WIDTH="40%" HSPACE="30">
H.P in arabic
</MARQUEE>
Have a good time.
;1 & C 1 Q ! .2 / ( % :VSPACE
/ L & !: .4 2 ' .4 P"( 0 65 $ P"( 2 &[ ;
: P"( ; $7 &[ ..1
, %:% (N ,) # 5 %:% *6 1 / !: $! 0 P * BEHAVIOR
: $6 P 2
& #. D * G +!B / $6 @ @ (I ; 0 & O0B * scroll •
.D #, 2
.O1 5 ([ 0 ; 0 & @ @ P * slide •
<MARQUEE BGCOLOR="#FF0000" WIDTH="80%" BEHAVIOR="slide">

H.P in arabic
</MARQUEE>
H ;1 / #5 * G 2 2, 5 &2 &, C5 O:1, % $! P &2 &, &
N(, @ P * @1B * $! 0 Refresh
.(I ; 0 & C6G " 0 P R07 alternate •
108
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<MARQUEE BGCOLOR="#FF0000" WIDTH="80%" BEHAVIOR="alternate">
H.P in arabic
</MARQUEE>
right ( +!B $6) ; 2 $ left # / :( & * G P O0 DIRECTION
.& ; 2 $
<MARQUEE BGCOLOR="#FF0000" WIDTH="80%" DIRECTION="right">

H.P in arabic
</MARQUEE>
3+! . D ; 2 &, , GY! .!: ( P . ! * $ 1 LOOP
.-:% 2 1 @ .6 $ 1 3+ * G :( infinite , -1 /
;1 / E * G -:% 2 G 5 , $ G.! ':B ;1 C 0 # , C2 P 0 G)
( L @1B Refresh
<MARQUEE BGCOLOR="#FF0000" WIDTH="80%" DIRECTION="right" LOOP="3">

H.P in arabic
</MARQUEE>
:/ OG6 * F, $1 .5 &, 5 !: $! P * 1 &/ & ( &[ $/
, % & 10 D $6 2 #:! &, #2 @ H G, % &H Q $!
)1 1 .2 0 9B $ H @! :( 5 @ .+1 # $ /
% & 10 0 6 1 @ . : C %! .# 2 1 6 .5 /
F , G6 &Y! 2 #:! 2, & 2 $6 !D &, . ;1 ( 35 $! @ OG.
!/ . 6 ; ...C+ , . 1
:P"( * &[
1 C 5 G(7 $6 P N(, / 2 & ! ( OG6 :SCROLLAMOUNT
.(% .+7 7 D &2 :
C 5 ., 1,) 2 1/ !
<MARQUEE SCROLLAMOUNT="1"> HTML </MARQUEE>
109
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
! ! $% % $! , .2 1 $6 . 2 2 $! HTML 2 ./ $ ! &Y! ; $!
G6 ' % &1 C+ 50 F (/ ,) @( 2 $! 2 50 H/ 2 &, F, 2 50 $6
.$ ;1 2 200 100 6 & /: & % G26 1 9B $
( OG6 #( N(, @( 2 & H/ $! P 5L FG &H $2 :SCROLLDELAY
( % & 0.001) % $ &H % ( OG6 3 O /
:& $! X" & &/ ( OG6 3 / % #(,
<MARQUEE SCROLLAMOUNT="1" SCROLLDELAY="500"> HTML </MARQUEE>
(2 # ) % @! *6 &, $ $6 % 3 0 $! ( OG. 500 / , /
. % $! P N $2 : C 2 C6 4c + 5 .2 N(, @( 2 &
6 SCROLLDELAY 2 N SCROLLAMOUNT ( $L &[ * ,
<MARQUEE SCROLLDELAY="500"> HTML </MARQUEE>
110
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
2 &, .
Internet Explorer MS
<...BODY> 0 1 V6 % ( •

<IFRAME> "1 •
<BODY/> ... <BODY>
@ 0 # ., R+ & !<.! $ * &1 ( ( , @ 0 C OG6 &, / 6
P( . @ 0 P"( ;1 , 6 * 6 2 . G C/ .1 % $ . $6
*Y! ...BGPROPERTIES ;1 $6 . ; ( ' $! : C ! , .MS Explorer k /!
& <<C( C" 4: ( $! 4 /5 * G %, R $0 ;1 / 5
./! * $ $6 /! P % (
F, FIXED / " G(7 $6 , 2 ( % #/ <BODY> # 3 ( OG6 3+
&2 C1 @ &,
<BODY BGPROPERTIES="fixed"> ... </BODY>
5 :
C % .. OG6 ' #( #/ V. #2 1 Q, $!
#( 5 2 . 1 V6 2 2 , !+B <P> <BR> #(
, 0 V6 !+B / / # $6 <BLOCKQUOTE/> ... <BLOCKQUOTE>
# $! P"( 1 :( & & G6 MS Explorer ! &2 .u ... 0 #(
<BODY>
2 V. $ :LEFTMARGIN

F V. $ :TOPMARGIN
<BODY LEFTMARGIN="50" TOPMARGIN="50"> ... </BODY>
* N $! .0 . * *7
<IFRAME> ... </IFRAME>
2 .Floating Frames " B MS Explorer .1 HTML $! @! " 2B &
& 9 OG6 6! $ 2B ;1 ! 11 10 9 $! #1 2 B ;1 ! / #
3 0 ; C0 $ " 0 B E & 5 . )1 '
F, % .% ( E 1 0 $.! %2 , 2 ! " B $! , .u ...
P"( ) ; !+B B ( +1 FG #/ #% & 2 N(, 1
!* 6 2 G6 ..0 5 $
" c # ,
111
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<IFRAME> Here, there is a floating frame </IFRAME>
G. P( &+ Q! H0 N $ F, .1 X & 1 1 OG6 . $6
&1 2 .4 - + @ OG6 &, / / <.7 G! # ( 2 @1 *6 0 .B
#( 2 G @ OG6 Z 3 &G ." B #1 D R :( & +1 # $! B
.(!, C4) c * Z #1 / $! Netscape
. / $.! P"( ; @ /
B $! 0 FG :SRC
<IFRAME SRC="thissite.html">
Here, there is a floating frame
</IFRAME>
, / # / #( * G # @ 2 C1 C+1 B & :WIDTH, HEIGHT
<IFRAME SRC="thissite.html" WIDTH="70%" HEIGHT="200">

</IFRAME>
yes # / G(7 D #, B , , 0 ;1 O0 , !+ , G :SCROLLING
no , ( +!B)
<IFRAME SRC="thissite.html" WIDTH="70%" HEIGHT="200" SCROLLING="no">

</IFRAME>
0 ( +!B) 1 # / G(7 B %:% .4 #1 , .4 :FRAMEBORDER
. D $ $
<IFRAME SRC="thissite.html" WIDTH="70%" HEIGHT="200" SCROLLING="no" FRAMEBORDER="0">

</IFRAME>
$ : 5 & ( #/ $2 c # Y #/ ( OG6 :( & :NAME
(9+ G6 1 F 30) .. B .
<IFRAME SRC="thissite.html" WIDTH="70%" HEIGHT="200" NAME="myframe">

</IFRAME>
2 S,.#,.$.V $! /S " 0, G &[ .myframe 5 /
:$
<A HREF="htmintro.html" TARGET="myframe"> ‫أل‬.‫أم‬.‫ﺕ‬.}‫ إﺕ‬acKLc </A>
B G6 ( ; FZ . 1 / &Y!
112
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
9( -

" V) 7
;1 0 L &2 &, & 2 . ;K $ . 3 + , ; G6 :( & (
. 2 OG6 ;1 L 1 & (2 &2 $ 2 5 #/ .B
,$ 3>
2 3 D &2 C " &[ O 5 , ;1 5 B ;1 L &, &
H D 35 *6 &2 &, &! "5 * G $!" @1 ;1 C %2 D) .5 * G $! !
H.0 ;1 P F, . P , 6 (4 OG6 ; . ) G6
( 35 , . Gw $ / $6 OG6 2 .@2 B ;1 ) Scanner
:.6, , @ , / &2 # ., R+ & &2 .B # 1 ;
, GY! Scanner ;1 . #% & .1 ./ .2 $ 1 2 :#
.0 5 * G $! 2 . 6 @1 $ * G! 2 . 1 F, 0 !
.
2 1+ C!+, S S P OG6 )1 $! , 5 1+ $ * G! "H ,
- 2 :( & 0( 2 h @ - 1 0 ; !+B . C
@ 2 0 5 C , .R $! 0 - , :( & . &+ ( , B
. ;1 # R+ 2 .0( 2 #1 $ @
0 #1 6 #6G1 ( D *(, O2) / 2! ./ OG6 & G DZ6 # D 1 &2
. ':Y ( 2 5 &, ; . / P )1 3
( ! 2 MS Internet Explorer /, $ !2 2 Netscape M C 0 FG
B $! N 2 &.! . / 2 . &
J 2 &, D 3 D c 1 & (2
.# C . ! C H L
&1 - 1 1 Q !+ # 3 , , 1 ; E , &4 D C
. L &1 1 0 G6 1 3 *, 35 ! C5: ... L
&, ;1 6 L 9+ $! . +/ 2 ) # 0 # D *6 &2 &
.'D $! 5
...
:1 2 1 #/
<HTML>
<HEAD>
<TITLE> ... </TITLE>
</HEAD>
<BODY>
....
</BODY>
</HTML>
113
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
. @ OG6 !+Y #/ #% &
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256">
& # .2 &, + </HEAD> ... <HEAD> & &+ F, ;1 #/ $! * G
</TITLE> ... <TITLE>
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256 ">
</HEAD>
<BODY>
....
</BODY>
</HTML>
@ $6 &[ . ! .C! C $6 2 @ OG6 2 #5
charset=windows-1256
# &1 - 1 'D $! W & .5 #/ ! @ $5 , .1+ $.!
./
)1 # $ Code Page H "5 $6 (Y <</ @ FG !
. ) R ( FG , ., / , .. :( &
$( 3 L ; @ OG6 . ( 2 G % , C
S:/! B 3
*6 &2 &, 5 F,) / DOS L #4 # , & ... ;/ $( & 2 G
X2 @ * 2 $ / X 3 *, :! (J H X
. ./1 ;1 G(, .0 @1 *6 2 @ * $! , - .u ... ( #4 # @G!
$6 0 2 ..0 OG6 & ' Q $! $! 2 2 &2 . L 4,
( $ B / 7$$ + $! ) .+ &1 ( $ X &
& 102 "@G! " X :( & 2 P &, ; ..+1 P ,
."# " % (I X #( N(, L 2 .72 . 2
.% G6 * (!!!, ..!, 2 5 ;1) / @2 R +

:$ 2 . ! g H "5 *6 &, )
‫ي و هـ ن م ل ك ق ف غ ع ظ ط ض ص ش س ز ر ذ د خ ح ج ث ت ب ا‬
.... :( & "" 2 2 , ,
:$ ( H "5 3 X #( 2 ) 5 , &[ ) #J %
114
‫)('ﺩ ا ‪-. / 0‬ت ا
ب ‪'( )*+%‬ر‪$%‬‬
‫ر و ز ظ ش س ي ب ل ا ت ن م ك ط ذ ض ص ث ق ف غ ع هـ خ ح ج د‬
‫ ‪$% #4 $! !!!"04+" , 5 # $! "" 2 &, 6 & 4 & /‬‬
‫ي و هـ ن م ل ك ق ف غ ع ظ ط ض ص ش س ز ر ذ د خ ح ج ث ت ب ا‬
‫ر و ز ظ ش س ي ب ل ا ت ن م ك ط ذ ض ص ث ق ف غ ع هـ خ ح ج د‬
‫‪/ & '! #1 .5, D2 $! 5, ., G C, $ #( R &2 # #4 &G‬‬
‫ ‪OG6 & J 5 @ 2 @ & ( & O H #4 .4 &, * D .. 1 # $‬‬
‫ ‪.J! 2 2‬‬
‫[& ‪&2 &) J . #4 ;1 . :4 2G 2 / , / ...B ; @1‬‬
‫‪.!+ ;1 !2 ( 2 P $ H & &, 0 * G .(' J1 C %7 5, @ * G‬‬
‫ ‪Windows- :#"/ OG6 ;1 % & ..1 R 3 $ H #"5 @H $6‬‬
‫‪ * @1 .Windows-1256 $6 C C( 6%2, ISO-8859-6 ,1256, DOS-720‬‬
‫ ‪OG6 C" & #/ &, 2 & &2 . "/ @ ;1 / H "5 2 ;1 @/‬‬
‫ ‪# B # 1 $! C" 0 B & $! /% 5 "/‬‬
‫ ‪...‬‬
‫‪< ; charset=windows-1256 @ !+ $! &[ !1 6 &G‬‬
‫ ‪ *6 C <H "/ ( @ &+ &2 # N ; ( - G &2‬‬
‫& ‪ )1 # $ +!B 1B #( "/ @ .2 5 R &2 &, :& %‬‬
‫ ‪:/ * << 2 * 2 &, , 3 , ., &, 5 2 g * G R 2‬‬
‫!‪. 1 / 5 GY! .R @G! ; ; H $! @ L / , 0 Explorer MS R $‬‬
‫‪..1 $ H #"5 7 "5 .4‬‬
‫ ‪.G26 N(, "5 ( #5 7(, G ., / $ "/ ( &, D &[ * 1‬‬
‫‪" (" "5 & " (" ( . OG6 , 3 ! X $! ,‬‬
‫ ‪.H #"/ P( ' .+ .4 -‬‬
‫ ‪2 !<* G 2 < Q C #( 2 ; $ P Z *1 &, *(, 6‬‬
‫‪@ ( & D‬‬‫ ‪C 1 ( ( R $! +!B ( 1 L 6 ! * 1‬‬
‫‪/ Q P &, 2 &1 G .!! .2 /! 2 $6 OG6 .:‬‬ ‫‪C ,‬‬
‫( ‪2 *6 2 G % ;! . 0, 2 ;1 G ( / Q /‬‬
‫‪115‬‬
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
2 & ;1 , 5 ;1 . $ 2 &, 4: ! , $! 0,
2 0 6 G6 &2 , ;1) ./ OG6 * 1 & &2 * G .R
2 5Z 0 6 ' &G .( 0 $! .5 & + !2 ( %
2 & ( & 60Y &2 H 0B & L &2 2 C, # 2 /! $ P .4
.(BiDi) , Bi-Directional O0B "% 0 Y FG0 ; E
% 1) . L 3 $! & !:(B &1 - & 6 9+ ( D
!2 R ( * 5 , .(R 2 ( P"( # &1 -
S:2
$ DIR ( $6 # G6 P"( N &, 5 .<P> / # ; 5 3 $!
L &1 - 1 . ' . C2G ;/ &, * 5) .ltr rtl # / :( & P O0
3 D , H & & * G 2 2 ( OG6 2 #1 .!!5 & / &G (.
2 #/ &, G6 .@ ;1 @/! 2 3 , @ @2 . 2 /
..G @/! 2 3 6 $ 1B
# 35 G6 $! 2 $! 1 @/! 2 &, 0 % ;1
<P DIR="rtl" ALIGN="right"> ... </P>
# H 0 @/! 2 &,
<P DIR="ltr" ALIGN="left"> ... </P>
#5, & $! $, 4D .2 R $! 2 6.4 &+ D * G
# 3 /! #( DIR ( OG6 &, / / $! . @G 3 0 ; C0 P O0
.0 3 P( 2 ALIGN ( . #( N(, # F, 3 /
Netscape R Plugin + X 6 R G6 &Y! # 2 ... R ; &[ $7
C. X / .0 & C ( "( - &, $. & * G .( Y
.:( ;, & ([ &1 - 7 / 3 6, &1 - ! * G ..1 $ ( #
.2 :( ;1 * G @ @2 .+ $ 3 &, 6 #/ G6 $! .
C , C O0 P( H ;1 F &, N * G .DIR ( #1 D , ;
.#. 2 ;1 &2 G! ;1, $! 0 H 6
;1 F 2 $ ( H 0 , 1 L OG6 2 C) L @ 2 #1 2 &G
&, ! @ ;1 @/! 2 @G #/ &, F+ Q &! (C , C ) O0B @ /!
& D .! (2 ,) H 0 @/! ;1 F 1 &2 .O0B H :( & * G #/
$ 2 / $5 3 #% & /! @/ OG. @G / # #(
O0 L , 0 O0B H ;1 L+ 1 6 ./D H 0 @/! F, 3 2 .' 2
.2 2 & ; H 0B ; ! / 3 0
116
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
FG H ;1 , 2 .1 $ ( ;1 6 < $! .( ' & F, &[ Z
< +
& DIR ( 0! .4 $! '! & 5 2, &+ $ / 3 &, 6 C1 0
& @/! 2 3 C" .( &G .:
C H6 2 0 6 . Q &2 . R +
. /!
!@! @1B $! :/ 2 / $! .+, / :(
5ً/)6‫ و‬5ً89 :‫ ه‬5<‫>' آ‬5*‫>@)ة ا‬A‫ ا‬B( 'C@8‫' ا‬D‫ا‬EF :/ .1
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-

1256">
:'>5*‫م ا‬HIH5F J*C@‫)ات ﺹ‬./ , '>F)M ‫)ة‬./ N‫' آ‬O56PF QR .2
<P DIR="rtl" ALIGN="right"> ... </P>
‫م‬HIH5F 5TU, N‫' آ‬O56PF Q./ 'DV>WX9‫)ات إ‬./ ‫ إذا أردت إدراج‬.3
<P DIR="ltr" ALIGN="left"> ... </P>
5ً_D‫اول أ‬EX‫ ا‬B, '.F5a‫م ا‬HIH‫ام ا‬Eb*I‫ ا‬B>c*a‫ ﺕ‬.4
) 2 #5, 2 1 * G C D

C 2 .0 $! G 35 G6 B ; # $!
# 1 2 @ .4 H OG6 2 /! .#5, , ( H .+ H 0B
; F,) # (I $! .4 2 . # $! @0 / @B &, :* G % . R $! .+1
;1 .4 (&) @ 2 Q 2 ( H &1 - 1 * G2 . $! .4 &, & D (&
. 1 2 &, 0 2 2 &.4 . F, & ;1 .4 (;) @
& 0 . :( /: # , @1 N ;1 C2 2 OG6 $ /! /
$! 2 ( &2 .6 ; .g1 2 @ H OG6 2 #5, &, .+ & &2 .
OG6 &1 , ( 2 ; , &, F 0 C (, ..2 $! $6 2 ;/ 2
^ ;1 L+ 2 # $ : _ H 6 OXFD ; H 2 G6 &2 .2
2 $! .4 D "Q" H F, 5 * G 0253 (& ; &) #5 3 R $! ALT
.H OG6 3 ..0 $ D2B 2 # * G .R
:/ / ; ( / +, &, &[ 3 , &G
, 5T()M EUM h>C8‫ ا‬5T95, :/ )Ti‫ ﺕ‬j :*‫' ا‬DV>WX9k‫)وف ا‬C‫ز أو ا‬H,)‫ ا‬NnR ALT+0253 ‫م‬Eb*I‫ا‬
117
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
‫ت‬5C@8*<‫ل ا‬o‫ﺥ‬
9(

* META .
N! &1 DZ ) * %, 5 , .* $ ) C Q G6 &1 &2 &, &
S:$ 2 * .+, $1 *DZ D $2 ...#1 2 G6 & . &1 # OG6
OG6 ' 5 *, & .@( @( HTML L / :( & /
F, & S !!!! C) .."Y , 5 6 :( & 1 @
, &[ .(P( 2 L C1 2 0 $! C( $ ' # / & 0 9+
*5 Y 2 *, .B ;1 . 9+ @2! * ! F0 5 & , /
! * J2 5 35 G6 $! . $ OG6 &, &Z . :( & 9+ G6 ) P(
2 / B $! ':: CH60 * 0 * G ...(;, 2) * *5 # # / !2
$! 0 , 3 0 7! …4 2 5 5 + , *2 ."B ;1 35 F " :(!
!<35 & ". #+( G6 $! $5 b, &, $ 2 : !35 & & : C B
9 & 2 G <: & 2 G6 $! .7, $ @ L H OG6 ; #./ 0 &, 2
3 ! .B &, * , D C ...6, &, 5 (35 @2!) @2 OG6 &1 30 ! #"
2 35 OG6 2 0 / OG. P( 35 & N0 2 g 2 &,
<* G2 , C:, B
/ 0 @1 *6 2 B $!
Build it, and they will come
3 , D 7! .# * $! @ OG6 ' &2 N F, ; 1, D . &7 *5 $, F,
, 1+ , 35 G6 2 . ! 0 H !0 z . ;1 3i 5 F, (
$ . , #6, & 6 $! 35 ' &, C !1, &2 . ! ( /
.. 35 1 & , . , 0
. $. 0 <B $! 0 1 $ ; ;% / $6 ... &[ Z
. ; $! G - 2 $! E FG 35 &, 5 G s D * G .- 2
. H & 1 2, &+ &, 3 R0 35 6 OG6 ;1, $!
; A+, C * > 35
(<2 OG6 #"5 $! 5 E ; 2 6 $1,) <OG6 - 2 ; :
C , 2 &2
. G6 $! 1 0B 6
G6 & . &Y! 3 <9+ G. - 2 ( ! HTML L V5 6 & :/ 5 ...C
&2 .L OG. @ 0 C V5 , F, HTML L / $! O, 2 6
.2 OG6 / & R + # & , 0 /! .- 2 ' # OG6 &,
.C, + & ! & H ! , ;1
118
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
2 2! ) C+ , HTML # /! &2 & G6 $! 6 O0 ! &G
6 &2 & *, F, ....+ 35 E 2 6 - .( 2 6 & -
.* G ;1 * C1 2! OG6 &2 &, ;, .. C &2 &1 C%
¦2‫ إ‬37.h ‫وا‬0¨. ‫ وأن‬،{is^S d2‫^ن إ‬k¤. ‫س‬682‫ ا‬ri¨k ‫{ أن‬2 §‫آ‬
‫{؟؟؟‬is^S ‫^ّق‬k ‫\ أن‬jk §‫ آ‬... 3ّ f‫ أ‬r¥‫؟ وﺏ‬h.‫ و‬-2^7‫ﺏ‬
‫ال‬ra‫ ا‬H‫ا ه‬q‫ه‬
R+ %, . ! ^ 9+ *5 $! @0 @2 & * 5, . , $! * #2, & 6
$! 0 & $ ! 0 #. 1 . / 4 / &7 * 5, & . H G0 $!
@ @ ;1 & *H 0 0 &7 *g2G, & * G2 . 1 &% 0
!!!!* G 2 * 5, & …@
5 .( &2 & C+ , 1, D !B $! O ; - 2 *( N 1, D
:% ;1 !DZ ) * %,
‫؟‬Altavista Yahoo & ' •

<N - & ([ 35 & .4 $ X" & $! •
<6 Q & %2, 2 ) $! D : 0 G •
, ,) . .0 & - 2 & H &, F+ & B $! - 35 &1 - 1
. , P"( #. - & * G N(, .0 & (-
Search Engines *
, Crawlers H C+ , ; $6 .- 2 ;1 % R+, & Altavista *
#/ - . 35 0 B * . $ / ; OG6 J Spiders 2
C% B $! H (C $1B… 2G H - ( X) (
G6 $! @0 2 & 2 2 . #/ 6, 0 1 @ 0 35 &1
$ - X" &J2 OG6 #( - * ( ". @15 &+ 35
5 @ / 35 @ H @1Y ([ & & C+ , #/ . ! * H .
. * G #0 2 & H 1 . 35 C (. , 9,) / ,
N0 * G 2 .. 1 , L , !+ F, @1 35 OG6 &1 -
2 OG6 % $! @0 &, / 3 . OG6 :( & 2 , @
.% ; &2
Directories * 1%
&+ 35 # - ' & 9 G6 $! Yahoo . 6 . 1 % H, &
C %2 ; E #% # $ ^ , - ) .+ &1 0 #"5
;1 * G F #5 F,) .35 &1 - $! C ( #5 OG6 #/ .G26
&/ 1 . ; . Y 35 , #/ $ ;1 2 (2 :(
$! . 5, $! 2 &, 0 * G . #.5 (
.% 5, C , - 2
119
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
:$ $ % * & 5 :2 & ' * R+, $2
2 /! 35 %:% - 0 2 Yahoo #( $ ( 35 &1 - 5 1
:$ 2 X" N
Regional: Regions: Middle East: Countries and Regions: Palestinian Authority: Cities and Regions: Nablus
C H G26 Middle East ; Region ; Regional & / - &Y! N 2
; &, ; D

, F, & C1 35 #J - 35 4218 $ 0 2! Altavista #( ,
2 & /! * G $! - X" &+ 6.4 2 35 $! *6 &, / / .
.35 & 2 $! 2
/ ; , 2 OJ . 1 # $ X" & C C5! *6 &Y! 4: 2 C
.& 2 & 2 $!
<<< # OG6 $6 ! META # &1 C% , &[

... <HEAD> 3/ &+ 6:1, $! &+ E # $6 (
, " 2 - & #1 2 35 , #( </HEAD>
2 5 & N0 $ 1 $! ., 2 . / % 6 5 $ & 6 Q Z
Altavista, Hotbot, % - 2 &, / / ! (- , 5, # - 2 5 $g, 4D) .-
&, F, . . D 35 1 $! . 70 # OG6 & /! $ $6 Infoseek
C Q .+ # OG6 3+ & B ;1 * * &Y! * G 3 .C, . D Yahoo
D
*6 &Y! - $! "&2 " .4 1 @1) ... . ;1 35 0 & #. 0
D & H ., R - 2 7 C : C # OG6 D (' $! @ Q C(,
&2 . , 6 $ / * ;1 2 1 ., 2 OG6 $! *5 E
.. OG6 2B N(, ( *, ;/
: P"( G(7 6 . # 6 <META> # & / ,, ...HTML L #2g 5 & /
HTTP-EQUIV
(* G ;1 . &, / / ) .22 FG <HEAD> # C "!2 ( OG6
.22 P"( ., / &, 3 0 $! ( &
$! * G &2 !!C/ # OG6 #( 5 , * ! 5 @2G * 2 G
:$ 2 * G &2 . :( & )1 # $ H 1 '
NAME
. 5 & $ @ (&1 / ,) # ( OG6 :( & #/
CONTENT
120
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
& / & ( 6 $ ,
.7 # / OG6 #4! $ $! D 2 .2 .# / & %2 P"( OG. &Y! 35 $!
#. D Client Side #( H.0 N ;1 H N ;1 . # F, Server Side
: # / $6 ; 0 .% $
...HTTP-EQUIV ( 3 •
#% ... C/ . , N(, @ *2G, . 1 $ $ Content-Type /
L P F, text/html ., ;1 OG6 5 Content ( #(
. ( OG6 3 * G & %2, E & ... Windows-1256 $6 6H &, HTML
#( ...NAME ( 3 •
. 2 keywords / o
<META NAME="keywords" ... >
$ @ * % ;1 .2 OG6 Content ( #( #%

35 G6 $! .(,
<META NAME="keywords"CONTENT="html,webpage design,psp,paint shop pro,arabic site">
. 1 27 3, , -:% 2 2 , ) 2 $! + D
<META NAME="keywords"CONTENT="html,html,html,html,webpage design,psp,paint shop

pro,arabic site">
. P( @ 5 * G description / o

..
<META NAME="description" CONTENT="Html and Paint Shop Pro tutorials in Arabic,learning web
page design in Arabic">
35 , Z # ' % author / o
<META NAME="author" CONTENT="Abu Al-Abed">
( '/ copyright / o
<META NAME="copyright" CONTENT="....">
$! # $5 3 @ @ $! * . 0Y &[ #5, .. $ META # $6 OG6
! 6 $ # / 2 * 1 .* & 2 $! ./ .5 *2 -
.(* # / OG6 2 C+ , #5, &, $ 35 D) O FG 2 * &1
. H 0B L * 2 & . P( # G , ( 2 & H D * G2
<HEAD>
121
ا‬
$%‫*) ('ر‬+% ‫ت ا
ب‬-. / 0 ‫)('ﺩ ا‬
<META NAME="keywords" CONTENT=" ... ">
<META NAME="description" CONTENT=" ... ">
<META NAME="author" CONTENT=" ... ">
<META NAME="copyright" CONTENT=" ... ">
</HEAD>
*6 , 2 <- 2 ;1 C" " & &2 # OG6 $2 6 $1, <$2 G6 6
: &1 - 2 OG6 ; 0 * 1 @ OG6 .. G * 1 0 !+ .0 C"
HotBot Excite Infoseek $! .Add Page ; ., 0 Altavista $! .@ 0 35 !+Y (
35 $! : OG6 % 0 * G2 ?How To Suggest a Site $.! Yahoo $! , URL Add 60
.#" ' k @1
&Y! ( D) *5 &1 ) OZ * 1 EG ; */ $2 . 1 / #5 , ;1
'"5 $! !+ 5 *5 N &, 35 D &2 .( , $6 EG OG6 3 /
.# , @1 ; #4 $! E G.! OG.
X *6 . %2 9, ., / ;1 * , * G ...5 .7 OG6 &1 / *, 1,
& O 2 /! @ @ P( EG #/ - 35 &1 EB (
& .@ '"5 G26 ...- , 2 & " ; . Y X G6 #/ #%
, X OG. 2 u &, Z & &2 Submission Wizard X AddWeb X X OG6
OG6 5 G D .2 2 & 1 3 F, @ &2 .: %
.':B ;1 .0 & 7 D &2 ... .X
0 G6 $! C0 .! 35 G6 @ H *, 2 G6 & 5 &2 &, ;, (,
http://www.khayma.com/hpinarabic/
ا‬
www.cb4a.com
#$‫*)( '&ر‬$ ‫ت ا
ب‬,- . / ‫('&ﺩ ا‬
122

Learn 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

Learn HTML

Uploaded by

Copyright:

Available Formats

‫  ها ا

‫   ‪ .  (  #  $5  ;1  0  3 3  : (2) 0  : & %‬‬

‫   (  ‪K  EG  ... 2 J : (2) EG   : 1‬‬

‫     ‪   $ #"  ' :  (  #    : 1‬‬

‫    ‪$1 #2 ...   :    L    : 1 3‬‬

:$   2  * G Bold ) 1 , ( 2   2 #( <B> #  %   ;!

</B> Text <B>

*   .   R *  HTML   2 H  P  *  C  :    

-.6782‫ ا‬34‫و‬ -.‫ا‬012‫ ا‬34‫و‬

@ L   , UPPERCASE @ 2   H 0B   #   2 &  '! 0 D •

<HTML><HEAD><TITLE> This is a test Webpage </TITLE></HEAD><BODY>

:2  G. ; ,

<HTML> <HEAD> <TITLE>

.0    ;1  D   2 $!

$   2  R $2    #5 '   %  ;  

Wow, <BR> I'm writing my <BR>

:$   2   2 @2  ;   &G

* %:%  &  OG6 & S 0  &   S X H 6 & F, & *

.F1   # 4  "! 2  6H &  ) 0 G6

Aqua Antiquewhite Aliceblue

‫ت‬ÆÇÈÉÊ‫ان ا‬ÌÍ ‫ن‬ÆÇÍ

#00FF00 #00CC00 #009900 #006600 #003300 #000000

  # 5 & D

... ." ( #  ;  

<BODY BGCOLOR="#FFFFFF" BACKGROUND="image.jpg">

0   OG6  2 $ $! image.jpg @  

 $  P  &   TEXT="#rrggbb"

visited links . H  $     :  &   VLINK="#rrggbb"

active links . 1 /  # 1 F,         &   ALINK="#rrggbb"

<FONT/> ... <FONT> ^‫^ط ه‬w26‫ص ﺏ‬6w2‫ول ا‬b‫ ا‬34^2‫ا‬

<FONT FACE="Traditional Arabic, Arabic Transparent, Simplified Arabic">

. C " 06    @  (   ,  2 & 27 &,  D C

‫ *  ‪(  # 07 EG‬‬

‫( ‪1 #0‬‬

‫( ‪3S #0‬‬

.5+ , 3S #0   2 6 ! 2 L, , 2, # 5,  2   & ;

<FONT FACE="arial" SIZE="6" COLOR="#FF0000">

This font is Arial, Size is 6, Color is Red

This font is Arial, Size is +3,

This font is Times New Roman, Size is 5, Color is Blue

<FONT FACE="courier" SIZE="2" COLOR="#800000">

This font is Courier, Size is 2, Color is Maroon

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

This is multi colors, multi faces, and multi sizes text

</Hn> ... <Hn>

This is Bold Text <B> Bold Text </B>

This is Italic Text <I> Italic Text </I>

This is Undelined Text <U> Undelined Text </U>

This is Superscript Text <SUP> Superscript Text </SUP>

This is Subscript Text <SUB> Subscript Text </SUB>

This is Big Text <BIG> Big Text </BIG>

This is Small Text <SMALL> Small Text </SMALL>

«‫]¦ ﺥ‬hji. ‫* ﻥ‬

This is Striked Text <STRIKE> Striked Text </SRTIKE>

TeleType -i‫ﺏ‬62‫ ا‬-2±‫* ﻥ ا‬

This is TeleType Text <TT> TeleType Text </TT>

:6ًiS ‫ت‬68k ‫ة‬0f z‫\ ﺏ‬R¨k -eS‫وه|~ أ‬

This is a Bold, Italic and Underlined Text

<FONT COLOR="#FF0000" SIZE="+3"><U><I>

This text is red, size +3, Italic, and

:¤‫ ه^ ﺥ‬-26j2‫ق ا‬h26‫ ﺏ‬-‫ﺏ‬62‫^م ا‬4^2‫ ا‬-‫ﺏ‬6jy

<P Align="left"> This is a left-aligned paragraph </P>

This is left-aligned paragraph

<P Align="right"> This is right-aligned paragraph</P>

‫ ها ا

‫ ‪. ( # $5 ;1 0 3 3 : (2) 0 : &%‬‬

‫ ( ‪K EG ... 2 J : (2) EG : 1‬‬

‫ ‪ $ #" ' : ( # : 1‬‬

‫ ‪$1 #2 ... : L : 1 3‬‬

:$ 2 * G Bold ) 1 , ( 2 2 #( <B> # % ;!

* . R * HTML 2 H P * C :

@ L , UPPERCASE @ 2 H 0B # 2 & '! 0 D •

:2 G. ; ,

.0 ;1 D 2 $!

$ 2 R $2 #5 ' % ;

:$ 2 2 @2 ; &G

* %:% & OG6 & S0 & S X H 6 & F, & *

.F1 #4 "!2 6H & ) 0 G6

‫ت‬ÆÇÈÉÊ‫ان ا‬ÌÍ ‫ن‬ÆÇÍ

#5 & D

... ."( # ;

0 OG6 2 $ $! image.jpg @

$ P & TEXT="#rrggbb"

visited links . H $ : & VLINK="#rrggbb"

active links . 1 / # 1 F, & ALINK="#rrggbb"

<FONT/> ... <FONT> ^‫^ط ه‬w26‫ص ﺏ‬6w2‫ول ا‬b‫ ا‬34^2‫ا‬

.C "06 @ ( , 2 & 27 &, D C

‫ * ‪( #07 EG‬‬

‫( ‪1 #0‬‬

‫( ‪3S #0‬‬

.5+ , 3S #0 2 6 ! 2 L, , 2, #5, 2 & ;

«‫]¦ ﺥ‬hji. ‫* ﻥ‬

TeleType -i‫ﺏ‬62‫ ا‬-2±‫* ﻥ ا‬

:6ًiS ‫ت‬68k ‫ة‬0f z‫\ ﺏ‬R¨k -eS‫وه|~ أ‬

:¤‫ ه^ ﺥ‬-26j2‫ق ا‬h26‫ ﺏ‬-‫ﺏ‬62‫^م ا‬4^2‫ ا‬-‫ﺏ‬6jy

# / G(7 P @5 O0 #/! <P> 3 C+ , .( $ DIR ( ,

(Right To Left) ; & & P O0 RTL

( L 2 1 . $.! C 0 ( OG6 2G)

# 0 C+ , / '

& 2 . $! .+, :

<!...O1Y 5 2 X &, 2 G6 7 &[

‫‪ & ) ,‬‬

‫‪. 1 % G6 Unordered Lists Q #"/ . %‬‬

‫‪ 0 ) ,‬‬

‫ ‪^0‬‬ ‫‪0‬‬ ‫•‬

‫‪#(! Q #"/ ,‬‬

‫‪: @ ( / #"/ Y 5 1 &G‬‬

:# %:% ; #"/ OG6 B E

‫ @ ‪$6 * G ( @ 2 ..0Y 5 1 thedome.jpg .‬‬

‫‪.@ # #% / @ 0 G6 # 2 OG6 $! #/‬‬

~6RR2‫^رة ا‬o2‫رج ا‬0j4 ‫ة‬hn¥2‫ ه|~ ا‬:-¨j82‫ا‬

.#1 2 ' $ ) C V5 $2 5 & &[

@ 2 G & & 2 G / / =JPG

.$0( 35 ; E :;

:$ 2 .4

2 0 * , .6 $ &2 O $ F, 2 3 7! 2 * G <*0 #

( 35 2 @ .4 ; FZ FG

. ( OG6 3 * 2 O 2 ; ,

. @ &2 @L @ E 6

C % . , ; ( (I &2 ; @B #/ &, $6

.@/ OG. E $6 % % @(

.FTP H : . + $ 2 E * 1 & , /1, ...&[

: @ 2 6 ! * 1 2

0 ( # G6 *

y §o2‫§ ا‬.hik ‫^م‬4‫ و‬Table Row

y 6.Vw2‫§ ا‬.hik ‫^م‬4‫ و‬Table Data

.%:% ., 6 ) .6 $ 1

< 2 $! 6 $ (@1 ,) :( 1 #2 6 $% Z

.. 1 $ 0 ; 4, .&[ @ * + 6

22 0 N •

-R2‫ وا‬،67j‫آ‬6R4 0.0mk‫ول و‬0¨e2 ‫ود‬0U -y6]¬‫ ﺏ‬-‫ﺹ‬6w2‫^م ه|~ ا‬k

z‫^ﺏ‬e4‫ك أ‬68‫ وه‬.r‫ول آ‬0¨2‫ض ا‬hf 0.0mj2 -‫ﺹ‬6w2‫م ه|~ ا‬0wj‫ﻥ‬

‫ول‬0¨2‫ ا‬6.V‫ ﺥ‬zS -e‫ ﺥ‬r‫ آ‬z‫ ﺏ‬-y6R2‫ ا‬0.0mj2

|‫ﺥ‬¤. ^‫ وه‬.‫رًا‬6. ‫ أو‬6ً8R. -mno2‫ ا‬def 6ًy‫ول أ‬0¨2‫ذاة ا‬6mS 0.0mj2