Learn HTML From A To Z PDF

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 &%
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

www.cb4a.com
)(' -. / 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
...
www.cb4a.com

$%*) ('+%
-. / 0 )('

# G6 $! #5, .HTML & ; * :
C . :
C 6,
. ; . $! .([ C * .5
: # G(7
-.6782 34
</HTML>
</HEAD>
</TITLE>
</BODY>
-.012 34
<HTML>
<HEAD>
<TITLE>
<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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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>
www.cb4a.com

$%*) ('+%
-. / 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>
www.cb4a.com

$%*) ('+%
-. / 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;
“
”
www.cb4a.com

$%*) ('+%
-. / 0 )('
&bdquo;
&dagger;
&Dagger;
&permil;
&lsaquo;
&rsaquo;
&spades;
&clubs;
&hearts;
&diams;
&oline;
←
↑
→
↓
™
&
&
<
<
>
>
"
"
×
÷
–
—

¡
¢
£
¤
¥
€
¦
§

¨
©
ª
«
¬
®
¯
°
±
²
³
www.cb4a.com

$%*) ('+%
-. / 0 )('
´
µ
¶
·
¸
¹
º
»
¼
½
¾
¿
Capital
h
À
Á
Â
Ã
Ä
Å
Æ
Ç
È
É
Ê
Ë
Ì
Í
Î
Ï
&ET;
Ñ
Ò
Ó
Ô
Õ
Ö
Ø
Ù
Ú
Û
Ü
Ý
Þ
Small
h
ß
10
www.cb4a.com

$%*) ('+%
-. / 0 )('
à
á
â
ã
ä
å
æ
ç
è
é
ê
ë
ì
í
î
ï
&et;
ñ
ò
ó
ô
õ
ö
&oslas;
ù
ú
û
ü
ý
&torn;
ÿ
11
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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 256256256
.+ 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
#00FFFF
Antiquewhite
#FAEBD7
Aliceblue
#F0F8FF
Beige
#F5F5DC
Azure
#F0FFFF
Aquamarine
#7FFFD4
Blanchedalmond
#FFEBCD
Black
#000000
Bisque
#FFE4C4
Brown
#A52A2A
Blueviolet
#8A2BE2
Blue
#0000FF
Chartreuse
#7FFF00
Cadetblue
#5F9EA0
Burlywood
#DEB887
Cornflowerblue
#6495ED
Coral
#FF7F50
Chocolate
#D2691E
Cyan
#00FFFF
Crimson
#DC143C
Cornsilk
#FFF8DC
13
www.cb4a.com

$%*) ('+%
-. / 0 )('
Darkgoldenrod
Darkcyan
Darkblue
#B8860B
#008B8B
#00008B
Darkkhaki
#BDB76B
Darkgreen
#006400
Darkgray
#A9A9A9
Darkorange
#FF8C00
Darkolivegreen
#556B2F
Darkmagenta
#8B008B
Darksalmon
#E9967A
Darkred
#8B0000
Darkorchid
#9932CC
Darkslategray
#2F4F4F
Darkslateblue
#483D8B
Darkseagreen
#8FBC8F
Deeppink
#FF1493
Darkviolet
#9400D3
Darkturquoise
#00CED1
Dodgerblue
#1E90FF
Dimgray
#696969
Deepskyblue
#00BFFF
Forestgreen
#228B22
Floralwhite
#FFFAF0
Firebrick
#B22222
Ghostwhite
#F8F8FF
Gainsboro
#DCDCDC
Fuchsia
#FF00FF
Gray
#808080
Goldenrod
#DAA520
Gold
#FFD700
Honeydew
#F0FFF0
Greenyellow
#ADFF2F
Green
#008000
Indigo
#4B0082
Indianred
#CD5C5C
Hotpink
#FF69B4
Lavender
#E6E6FA
Khaki
#F0E68C
Ivory
#FFFFF0
Lemonchiffon
#FFFACD
Lawngreen
#7CFC00
Lavenderblush
#FFF0F5
Lightcyan
#E0FFFF
Lightcoral
#F08080
Lightblue
#ADD8E6
Lightgrey
#D3D3D3
Lightgreen
#90EE90
Lightgoldenrodyellow
#FAFAD2
Lightseagreen
#20B2AA
Lightsalmon
#FFA07A
Lightpink
#FFB6C1
Lightsteelblue
#B0C4DE
Lightslategray
#778899
Lightskyblue
#87CEFA
Limegreen
#32CD32
Lime
#00FF00
Lightyellow
#FFFFE0
Maroon
#800000
Magenta
#FF00FF
Linen
#FAF0E6
Mediumorchid
#BA55D3
Mediumblue
#0000CD
Mediumauqamarine
#66CDAA
Mediumslateblue
#7B68EE
Mediumseagreen
#3CB371
Mediumpurple
#9370D8
Mediumvioletred
#C71585
Mediumturquoise
#48D1CC
Mediumspringgreen
#00FA9A
Mistyrose
#FFE4E1
Mintcream
#F5FFFA
Midnightblue
#191970
Navy
#000080
Navajowhite
#FFDEAD
Moccasin
#FFE4B5
14
www.cb4a.com

$%*) ('+%
-. / 0 )('
Olivedrab
Olive
Oldlace
#688E23
#808000
#FDF5E6
Orchid
#DA70D6
Orangered
#FF4500
Orange
#FFA500
Paleturquoise
#AFEEEE
Palegreen
#98FB98
Palegoldenrod
#EEE8AA
Peachpuff
#FFDAB9
Papayawhip
#FFEFD5
Palevioletred
#D87093
Plum
#DDA0DD
Pink
#FFC0CB
Peru
#CD853F
Red
#FF0000
Purple
#800080
Powderblue
#B0E0E6
Saddlebrown
#8B4513
Royalblue
#4169E1
Rosybrown
#BC8F8F
Seagreen
#2E8B57
Sandybrown
#F4A460
Salmon
#FA8072
Silver
#C0C0C0
Sienna
#A0522D
Seashell
#FFF5EE
Slategray
#708090
Slateblue
#6A5ACD
Skyblue
#87CEEB
Steelblue
#4682B4
Springgreen
#00FF7F
Snow
#FFFAFA
Thistle
#D8BFD8
Teal
#008080
Tan
#D2B48C
Violet
#EE82EE
Turquoise
#40E0D0
Tomato
#FF6347
Whitesmoke
#F5F5F5
White
#FFFFFF
Wheat
#F5DEB3
YellowGreen
#9ACD32
Yellow
#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

#33FFFF
#33CCFF
#3399FF
15
#3366FF
#3333FF
#3300FF
www.cb4a.com

$%*) ('+%
-. / 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

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

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

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

#FFFFFF #FFCCFF #FF99FF #FF66FF #FF33FF #FF00FF
%:% & 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
.6Ru 67S0wj4 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 0 )('
*
++,
3mj2 hj 6mn 8k 6464 6iS 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 6hk y -76jS u6ow2^ 4^2 pi{ 2 01. 0s r6R26 .hj 6mno2
.jô 34 r2 jj4 -hj2
0182
zS rZ ` 67y ^w2\ S rS6ij26 3 32 68 .z62 z402 y 67y 68eRf j2 -12 68jmn\
.-]hjy` 67k0f def 668hk 68 .6Zb
.(hj 6mnojS 6R )3 RU Times New Roman f^ 6f 0f |~ y -1468R26
<FONT/> ... <FONT> ^^ w26 6w2 b 34^2
hb^ 4^2 34^2\ | S 67S0wj j2 u6ow2 6S .3m2^ 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

www.cb4a.com
)(' -. / 0
'( )*+%$%
* ( #07 EG
( 1 #0
( 2 #0
( 3 #0
) ( ($+!D
( 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
www.cb4a.com

$%*) ('+%
-. / 0 )('
.5+ , 3S #0 2 6 ! 2 L, , 2, #5, 2 & ;
-02 08f defb~ 0U def 2- -02 08f db~ 0U def w2 3U 1 02 ^j4 k 0.hk 6S hf
4+ zS h1b 2- zS rsb hb 602 ^ zS 0u6n2 6S .4+
^ ^4 )3 zS `
0 1 d2 -mno2 r y we2 ]hjy` 3m2 hj 68Rs ^2 6S :h { 1 6 68U
7 0.0mj 68Rs 8S h1b 6Ub rRj2 6+ d2 1+ zS 602 d2 -26m2 |~ y 6jm ` (res 0i V
iy {2|
~| d2 V
iy 6jm zm 8S hb 6Ub rRj2 6- d2 1- zS 602 d2 6jm] ` hjy 3m
.^2` 6RjU\ R 2 602
(-: {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
www.cb4a.com

$%*) ('+%
-. / 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
.RU^ 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 hn2{ |~ 2 .6yVj 0 -.h2 n8 .(Face zS `
0 iS Name -6w2 0wj4\ j)
<BASEFONT Name="Arial" COLOR="#FF0000" SIZE="5">
.hRU^ 2 5 RU Arial f^ 1o. m -mnoe2 ]hjy` w2 r.0ij^ . j8j 6R2 | -40

^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 6h7TR 3mj2 67e.0ij2 <Font/> ... <Font>
<BASEFONT>
-6w2 zf 68Rek 62 02 y 68 h|k ` .-mno2 82 464b^ e2 hk^ 2b zf .0m2 -1468R
.{2 h 2 ` 6 ...-mno2^ 2 0.0mj2 668S0wj4 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 6RV S0wj4 0U .{jmn y 6R78S
.~0Rji. nojR2
: hj 6mn y Headings z.68i2 Rj2 0wjk -6^ 4 68

</Hn> ... <Hn>
22
www.cb4a.com

$%*) ('+%
-. / 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 .ô82 d2 67jy6] zR. j2 hj2 68j2 d2 k

:jj
:-26j2^ 4^2 2 0wj (p.hi2^ 4b )S62 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
www.cb4a.com

$%*) ('+%
-. / 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 -i62 -2*

<TT> ... </TT>
<TT> TeleType Text </TT>
This is TeleType Text
:26j2 6R2{ 2^ 7nR2 | ]^j2 .Monospaced Text 6y6R2 0U^S 826 6x. hi. 82|
-U6R2 6i] m hm2 67eZ j2 -U6R2 UV -26jjS hS hf 6R78S r 681j m,i zyhm2 6 |
i hm2 67eZ j2
iiiiiiiiii
mmmmmmmmmm
0U^S 1ok zyhm2 V 67e. j2 -U6R2 y </TT> ... <TT> 34^2 0wj4 08f 6S
24
www.cb4a.com

$%*) ('+%
-. / 0 )('
iiiiiiiiii
mmmmmmmmmm
:6iS 68k 0f z\ Rk -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 6iS 68k^ 4 0f 0wj4 686S :672 -8iS ru6S ]^k -eSb |~ zS 0s
`^ 4^2 |~ khj2 -R ` 664 h 6R .(^w2^ 4^2 y 2^ 4^2\ R2 {2 ).82 zS \R2
...`
67.
:26j2 34h2 d2 hT ...!678 r0j2 0f 6fhS . 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

www.cb4a.com
)(' -. / 0
'( )*+%$%
hf { 8s0ok 32{ Rshj -|~ ^4^2 def eoU 6R -j 68U .-mmh1i2 61f y 2
0U ^S zS - zR4 V eS y 671jk - h y r -mnhj 6S zS 2jk 0s -eS6 ` djU
zSb6 -8R20j2V 1k 0s j26 6mnojRe2 k 0f d2 hf
^4^2 ^jS eS y - 6
|~ -mno2 r26 468R2êR2.
y {2|2 -R 8jk^ ^4^2 0jR2 y -e {jmn^ n8b -R . j2 6j2 672^k -|~ ^4^2
ô26 -mmo2 .6uVS` 6mnojR26y ` .3Uhkh hR2 67y roU j2^RRoR2 def6mn
678S 16 hU 0U 6Z > rS < "
6oj ...0.0Z0f6 -464 -mno2 -RRoR20 -mno2 ^4^2 -mmo2 h0jR2.-e
26
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
H
L
P
T
C
G
K
O
S
B
F
J
N
R
A
E
I
M
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

www.cb4a.com
)(' -. / 0
'( )*+%$%
./
*6 . ( @1 #( #"5 $! # 4 ( # & 10 ;1 HTML L F
:#"/ & & 1
. 1 $ % * .Ordered Lists . ,
& ) ,

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

W #
(
& 0
#2
. 1 % G6 Unordered Lists Q #"/ . %
0 ) ,
0
0
0
0
^0
/
H
(
."/ 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
www.cb4a.com

$%*) ('+%
-. / 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
.ii
.iii
.iv
.v
.a
.b
.c
.d
.e
.I
.II
.III
.IV
.V
.A
.B
.C
.D
.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
www.cb4a.com

$%*) ('+%
-. / 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

www.cb4a.com
)(' -. / 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
www.cb4a.com

$%*) ('+%
-. / 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 145200 $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
www.cb4a.com

$%*) ('+%
-. / 0 )('
e. |2 82 y 6mS 0.0mj ` ^ 6S08f |~( rS) -.6i2 -26m2 y

j2^ o2^ 7T2 -]hjy -26m2 |~ .672 den2 -y6m2 6mR h7T. ô2
BOTTOM -R2 67eRk
<IMG SRC="image.jpg" ALIGN="BOTTOM">
TOP
\. ô2 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
.ô2 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|~
.ô2 6nk U h4 0i2 d8R2 -72 def 67e.
<IMG SRC="image.jpg" ALIGN="LEFT">
RIGHT
82 6nj2\ S .zR2 dos d2^ o2 6mS d2 jy -R2 |~ 6S
.ô2 6nk U h4 0i2 h2 -72 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
www.cb4a.com

$%*) ('+%
-. / 0 )('
~6RR2^ o2 0j4 hn2 |~ :-j82

-mno2 zR2 67k6mS \S image.jpg
r 20 60S -6y -y6S -y6]
6 | z 6s) .-ib 672 def
\S ALIGN -6 y m]| 2 62 6
82^ o2 z -y6R2 U` .RIGHT -R2
(.672 yhR2
#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
www.cb4a.com

$%*) ('+%
-. / 0 )('
$! (control panel) . $ R #5 0 D 2 G ?Resolution * 0 $6 *
6+ 6 *6 (settings) (5 ( #% (display)!" / , ( H
, 480640 &2 Q ;1 0 ;1 FG (screen resolution) 7$
(color quality) 8 6 * G2 .) @5 ;1 ;1, 0 *6 600800
. 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.! 480640
.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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 0 )('
0 FG 0 &1 ( 0 $! C0 @B FG &2 G &2
1 ' $! 65 $ / * G G. 2 * 1 0 ! $
. EY 5
(I &2 F, , 6(I ; , :

C % . , ; ( (I &2 ; @B #/ &, $6
...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
www.cb4a.com

$%*) ('+%
-. / 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 ^^`kh12 0ik hj 0wj4` 6S 0ik

def ^jmk 67S0wj j2 6mnojR2 3TiRy .67iS rS6ije2 Sh12 zS 0.0i26{ 1jS 4
.6S0w2 |~ 3f0k -6 Sh
h7Tk 6f .\ s^S rS eS 2^ 02 3j. FTP S ^8f def h82 08f V
Ry
^8f def h82 6S .Windows y jRe2 6S r y 6neR2 0eR2 -Ru6s
hj2 0.h12 z.68f def h8e2 6S ê4 d2 y -.61 6f^RR2 0U
nojR2 -SU zR] 6S0S ^. -.61 6f^RR26 6 nok S6h V
.eb
.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
www.cb4a.com

$%*) ('+%
-. / 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 *

02 .hik ^4
<TABLE>...</TABLE>
y o2 .hik ^4 Table Row

02
<TR>...</TR>
y 6.Vw2 .hik ^4 Table Data

-e r 6.^jmS .hik o2
<TD> Cell Data </TD>

::
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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
#% & * 6 D
C , #57 </TABLE> ... <TABLE> # 3 #( $ P"( 5 ,
..+ $ % ) E
-R2 67j6R4 0.0mk 0e2 0U -y6] -6w2^ |~ k

0U ` hn 672 -]hjy
BORDER
<TABLE BORDER="5">
<TABLE BORDER="0">
zê4 68 .r 02 hf 0.0mj2 -6w2 |~ 0wj

ô hi2 rR. |2 3sh2 -6j eR2 :hi2 0.0mj2
02 hf 0m. ^S 1 3s -6j 182 .hZ61S
ejw4 02 hf ) .nojR2| y6 hf U
.(nojR2| y6 hf Vj6
WIDTH
<TABLE WIDTH="600">
<TABLE WIDTH="80%">
-Rs V zS 6nk | 0.0mk ^. 02 6nk 0.0mj2

02 6nk 0mk -1 -Rs .r126 6nk 0mk -eS
nojR2 -mn 6nk -1826
HEIGHT
<TABLE HEIGHT="500">
<TABLE HEIGHT="100%">
02 6.V zS -e r z -y6R2 0.0mj2
CELLSPACING
<TABLE CELLSPACING="10">
:r82 .-e r y 82 -.0 0m2 z -e6n2 -y6R2 0.0mj2

.02 6.Vw2 S^72 3U 0.0mk
<TABLE CELLPADDING="10">
43
CELLPADDING
www.cb4a.com

$%*) ('+%
-. / 0 )('
|. ^ .6. 68R. -mno2 def 6y 02 6mS 0.0mj2

left ,right 32
ALIGN
<TABLE ALIGN="Left">
<TABLE ALIGN="Right">
0e2 -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">
44
Data
Data
Data
Data
Data
Data
www.cb4a.com

$%*) ('+%
-. / 0 )('
<TABLE BORDER="5" CELLPADDING="5" CELLSPACING="10"

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

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

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
www.cb4a.com

$%*) ('+%
-. / 0 )('
32 o2 678S ^j. j2 6.Vw2 r 6y 82 6mS 0.0mj2

Center -]hjy -R2 Right, Left, Center 672 -eRjmR2
ALIGN
def2 6S{ 2 o2 6.V r 8e2 -.^Ri2 6mR2 0.0mj2

def 67Rs .-ewe2 464b w2 0jS def oj8R2 y rn42
Baseline ,Top, Bottom, Middle : 2^j2
VALIGN
^2 r6k 3j. 68 .o2 678S ^j. j2 6.Vwe2 -new2^ 2 0.0mj2

.68 0mR2^ e2 1k 3j.< TABLE> 34 zR] 0mR2 -new2
BGCOLOR
: % :( & 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
<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
Data
Data
www.cb4a.com

$%*) ('+%
-. / 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
47
Data
Data
Data

www.cb4a.com
)(' -. / 0
'( )*+%$%
[& .W & #/ $! .1 - 3, . :( ( # / 3 < $/ G
48
www.cb4a.com

$%*) ('+%
-. / 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
Center, Right
ALIGN
Top, Middle, Bottom, 32| . ^ 8e2 -.^Ri2 6mR2 0mk

Baseline
VALIGN
49
www.cb4a.com

$%*) ('+%
-. / 0 )('
r126^ eR2 hie2 hZ61R2 -R2 -6j{ 2 -ew2 hf 0mk

0U y 6.Vwe2 hi2 0.0mk n. .-.^R2 -182 rR. 3s -6j
.^no2 r y 6.Vw2 r def 1k 3j. 2 ^no2
WIDTH
.-182 hZ61R2 h26{ 2 o2 y -ewe2 êR2 6nk 0mk

r def 1k d2 . o2 y 6.Vw2 0U 6nk 0.0mj{ S6s
.y 6.Vw2
HEIGHT
-ew2 -ne^ 2 0mk
BGCOLOR
6y 67ek j2 6.Vw2 zS êR2 0i2\ S -26m2 -ew2 S0^ .

COLSPAN
<TD COLSPAN="n">
67S 3j4 j2 6.Vw2 0f ^ n U

)6.^Rf 67ek j2 6.Vw2 zS êR2 0i2\ S -26m2 -ew2 S0^ .
.(67en4
ROWSPAN
<TD ROWSPAN="n">
67S 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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

www.cb4a.com
)(' -. / 0
'( )*+%$%
$! ! 5 ' ;1 *M%, &, 6 F $/ . OG6 . ; ...C (,
' #(D / %, ' @1 * .# / P"( @ DD 3 0 0 $5
.0
54
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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

www.cb4a.com
)(' -. / 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
www.cb4a.com

$%*) ('+%
-. / 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
-Z62 3U zS %50 6R78S r 3U z.^Rf z.6 0m.
def %30 %50 %20 67S6U 6 -V 0m.

-Z62 3U zS 2^j2
r 200 RU b -.^Rf 6 -V 0m.
r 300 62
61
<FRAMESET
COLS="50%,50%">
</FRAMESET>
<FRAMESET
COLS="20%,50%,30%">
</FRAMESET>
<FRAMESET
COLS="200,300,*">
</FRAMESET>
www.cb4a.com

$%*) ('+%
-. / 0 )('
^4 82 ziS 3m 0mS h * 262 6S

-Z62 -61j4 hi ` 68 6R26) -Z62 zS 1jR2 3m26
(\s^R2 hu 67S0wj. j2
262 r 200 ^ b 3U 6 -i 0m.
6S -Z62 3U zS %20 \h2 -Z62 3U zS %15
.-Z62 zS d1k 6R RU ^y 62
-U6R2 6S ....r 150 RU b 6 -V 0m.
ni] ^ RU 262 6 64 def 3jy -1jR2
(*) 62 6 3U (2*)
<FRAMESET
COLS="200,*,15%,20%">
</FRAMESET>
<FRAMESET
COLS="150,*,2*">
</FRAMESET>
/! B #0 1 $6 # ..1 0 *, /1, ROWS $.! % ( ,
./ , / #( F, @1 3 3 * G . ( ( )
:(2 Q % OG6 &, % *2G,) . + % ) #57
-Z62 6nk zS %50 6R78S r 6nk zy z.6 0m.

%30 %50 %20 67k6f6nk -y 6 -V 0m.
-Z62 6nk zS 2^j2 def
62 r 50 f6nk b -y 6 -V 0m.
-Z62 zS 1jR2 6nk6^ 4 262 r 120
262 r 50 ^ b 6nk -y 6 -i 0m.
6S -Z62 6nk zS %20 \h2 -Z62 6nk zS %15
.-Z62 6nk zS d1k 6R f6nk^ y 62
b 6nk ni] f6nk 62 z.6 0m.
<FRAMESET
ROWS="50%,50%">
</FRAMESET>
<FRAMESET
ROWS="20%,50%,30%">
</FRAMESET>
<FRAMESET
ROWS="50,120,*">
</FRAMESET>
<FRAMESET
ROWS="50,*,15%,20%">
</FRAMESET>
<FRAMESET COLS="*,2*">
</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
www.cb4a.com

$%*) ('+%
-. / 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

www.cb4a.com
)(' -. / 0
'( )*+%$%
6.
eR2 uh2^ HTML eS6jf h 68 j^4^2 ><FRAMESET
` .<BODY/>... <BODY> zS^jm. ^7y 26j26
</FRAMESET>... 0
def u6ow2 j20.h62 6 .67k6n.hik
0wj 0f 0.0mj2 COLS, ROWS u6ow2 6 ) 6y^n6 0Rf(
.67S6U
6neR2 -fhn2 zR] h7Tk j26 6neS 6f -. 68Rs j26y 67u6
02 62 - ^ .` ^jmk def 8k ^4 6.-
0wj <FRAME> 34^2 r eR268R2 uh2 6neR2 -fhn2r
6 \S {26w2 .SRC - -y6]6 d20wj4 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

www.cb4a.com
)(' -. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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"( ,

.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")

(BORDER="n")
:$ 2 $.! <FRAME> # 3 ( P"( ,

.(2 ) c V. 2 Q ! / :MARGINHEIGHT
MARGINHEIGHT="n"
68
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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 -Z6e2 ^jS def y -mno2 rRmk
_blank
y -eRmR2 -mno2 hik nojRe2 -6y 0.0 -Z6Z jn^ k
_self
3k j2 -1ij2 -e^2 0^k |2 6 n y -mno2 rRmj^ k (-]hjy -26m2)
({2| 2 -R2 ^ |~ 6Ru 0m. 6S \ |126 )67ef h82
74
www.cb4a.com

$%*) ('+%
-. / 0 )('
_parent
b 6 6S rRmR2 6 hi^ k
.-1hS 6 -mn rR. |2 26j2 r2 rSk
</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.62 ( b ) b -uh2 -mno2 ^ 26j26

-R2 67y0 -1ik -e def 4 5 6^ jU 6R2 r14 def .5 4 z.62 b
-mno2 r6R 2 1 z.62 -1826 hSb | ...3 6 6S 67eRmk 3j2 _parent
.-uh2
(defb )b^ jR2 y rRmj26^ k _top -R2 y _top -R2 -R2 |~ z Rje2
.-1ij2 -e^2\ s^S zf hT82 p 6Ru
: : ; & & +, ! . ; &[
<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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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

.ô2 6nk U h4 0i2 h2 -72
<BR CLEAR="right">
zS 82 i8S 67 60^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
.ô2 6nk U h4 0i2 h2 -72 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

www.cb4a.com
)(' -. / 0
'( )*+%$%
left @G 3 F, R .2 $! left / #( C

LEFT
|~ k -R2 6mS d2 ô2 d2 dos62 \S .6nj2 82|2 def 67e.

-72 d8R20i2 U h46nk ô2.
>"<IMG SRC="image.jpg" ALIGN="LEFT
>"<BR CLEAR="left
rRik|~ -R2Z `) . 6R zS rxy]\ 34^2 y 468R26R2

(!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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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

www.cb4a.com
)(' -. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
Wx
]cz|{ S
87
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
Please enter your address:
Nablus, Palestine
( !+Y 5 #% & (C/ . 1 / OG6) 2 G6 <INPUT> # ( / C
F, TEXT / . 1, O , FG 2 9 # G. TYPE
<FORM ...>
<INPUT TYPE="text">
</FORM>
89
www.cb4a.com

$%*) ('+%
-. / 0 )('
:2 G6 X
:'()*+, )./
TYPE -6w2\ S -S0wjR2( 32 )6Zb\ R{ 2
r 6U` 67s68S zm2 eik 0 67hk^ 4
^4^26 6R70 z.h zeZ 68 -TUVS \S .ronS
<TEXTAREA> ,<SELECT>
<INPUT TYPE="text">
<INPUT TYPE="password">
<INPUT TYPE="hidden">
<INPUT TYPE="radio">
<INPUT TYPE="checkbox">
<INPUT TYPE="submit">
Submit Query
<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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
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.
CHECKBOX
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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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 6h|2 6S ` 614 0i2 -j 646s 2 6mnojR2 y -hi2 -e2 ^^R2 3f02 b
-hZ zS Plugin y6] S6h d2 6jm. V
67Rf0. ` j nojS V
Ry .6R2|
^ -hi2 67y 6R -R26i2 6e2 zS 0.0i2 3f0. h nojS 68 .6084 ^ hw
102
www.cb4a.com

$%*) ('+%
-. / 0 )('
S0wj4 -U6 zS 2 ê1 y^4h.6S rxy 6owZ 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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

www.cb4a.com
)(' -. / 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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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 589 : 5<>' 5*>@) A B( 'C@8' DEF :/ .1
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows1256">
:'>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
www.cb4a.com

$%*) ('+%
-. / 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
www.cb4a.com

$%*) ('+%
-. / 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 rik { 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
www.cb4a.com

$%*) ('+%
-. / 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
; &, ; D
C H G26 Middle East ; Region ; Regional & / - &Y! N 2

, 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
D
C Q .+ # OG6 3+ & B ;1 * * &Y! * G 3 .C, . D Yahoo
*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
www.cb4a.com

$%*) ('+%
-. / 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 /

..
<META NAME="description" CONTENT="Html and Paint Shop Pro tutorials in Arabic,learning web
page design in Arabic">
35 , Z # ' % author /
<META NAME="author" CONTENT="Abu Al-Abed">
( '/ copyright /
<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
www.cb4a.com

$%*) ('+%
-. / 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 From A To Z PDF

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Learn HTML From A To Z PDF

Uploaded by

Copyright:

Available Formats

   

www.cb4a.com     

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

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

www.cb4a.com     

www.cb4a.com     

0    E ;  ! +B   +    P  2 # FG  <BODY> #  ;  $7

.*  (   ,  Y 5 /

* &G <0    ;1  6

:    2 1 4:  ) ;  *., &,  ,  &, 5

www.cb4a.com     

:2  G. ; ,

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

www.cb4a.com     

www.cb4a.com     

www.cb4a.com     

www.cb4a.com     

www.cb4a.com     

www.cb4a.com     

www.cb4a.com     

www.cb4a.com     

www.cb4a.com     

#00FFCC #00CCCC #0099CC #0066CC #0033CC #0000CC

#33FFCC #33CCCC #3399CC #3366CC #3333CC #3300CC

www.cb4a.com     

#66FF00 #66CC00 #669900 #666600 #663300 #660000

#66FFCC #66CCCC #6699CC #6666CC #6633CC #6600CC

#99FFCC #99CCCC #9999CC #9966CC #9933CC #9900CC

#CCFF00 #CCCC00 #CC9900 #CC6600 #CC3300 #CC0000

#FFFFCC #FFCCCC #FF99CC #FF66CC #FF33CC #FF00CC

www.cb4a.com     

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

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

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

www.cb4a.com     

www.cb4a.com     

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

( ($+!D 6 0S ,) 0+ #0

www.cb4a.com     

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

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="Arial" SIZE="5" COLOR="#00FF00"> This </FONT>

www.cb4a.com     

<FONT FACE="Arial" SIZE="2" COLOR="#FF0000"> multi </FONT>

multi colors, multi

<FONT FACE="Impact" SIZE="6" COLOR="#000000">C </FONT>

.hRU^ 2 5 RU Arial f^ 1o. m -mnoe2 ]hjy` w2 r.0ij^ . j8j 6R2 | -40

: hj 6mn y Headings z.68i2 Rj2 0wjk -6^ 4 68

www.cb4a.com     

.^8i2^ jS rR. 6-1 z 3s ^ n hU

6R -f^1jS 67 -6w2^ 4^2 e. 6Ry .^o82 d2 67jy6] zR. j2 hj2 68j2 d2 k

This is Bold Text

<B> Bold Text </B>

This is Strong Text

<STRONG> Strong Text </STRONG>

This is Italic Text

<I> Italic Text </I>

This is Emphasized Text

<EM> Emphasized Text </EM>

This is Undelined Text

<U> Undelined Text </U>

www.cb4a.com

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

* . R * HTML 2 H P * C :

www.cb4a.com

www.cb4a.com

0 E ; !+B + P 2 # FG <BODY> # ; $7

.* ( , Y 5 /

* &G <0 ;1 6

: 2 1 4: ) ; *., &, , &, 5

www.cb4a.com

:2 G. ; ,

.0 ;1 D 2 $!

www.cb4a.com

www.cb4a.com

www.cb4a.com

www.cb4a.com

www.cb4a.com

www.cb4a.com

www.cb4a.com

www.cb4a.com

www.cb4a.com

www.cb4a.com

www.cb4a.com

... ."( # ;

0 OG6 2 $ $! image.jpg @

www.cb4a.com

www.cb4a.com

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

( ($+!D 6 0S ,) 0+ #0

www.cb4a.com

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

www.cb4a.com

www.cb4a.com

www.cb4a.com

www.cb4a.com

www.cb4a.com

www.cb4a.com

(Right To Left) ; & & P O0 RTL

# 0 C+ , / '

& 2 . $! .+, :

& ) ,

. 1 % G6 Unordered Lists Q #"/ . %

0 ) ,

www.cb4a.com

www.cb4a.com

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

.@ # #% / @ 0 G6 # 2 OG6 $! #/

www.cb4a.com

4: P G6 .@ &2 .4 :

www.cb4a.com

www.cb4a.com

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

www.cb4a.com

www.cb4a.com

:$ 2 .4

www.cb4a.com

( 35 2 @ .4 ; FZ FG

. ( OG6 3 * 2 O 2 ; ,

www.cb4a.com

(I &2 F, , 6(I ; , :

www.cb4a.com

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

www.cb4a.com

0 ( # G6 *

www.cb4a.com

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