..................................................................................

  .....................................................................................
   ..............................................................................
 !   .............................................................................. HTML
()(  $% ...............................................................................
,-./.................................................................................. *$+
)2 (6 ................................................................ *$+1 -$12
( 8...................................................................................*$+
(+/ ............................................................................... 
-./
 ..................................................................................  %
  @ A <2 ? *> =<........................................................
* ...................................................................................... B/
 /.................................................................................... D
() <font> F=.................................................................... +?+
 B/ *H ....................................................................................
 < ............................................................................................
(+ ......................................................................................
 FL(+...................................................................................... K
()......................................................................................... alt F
* (+.....................................................................................K
M()?< ....................................................................... N( O
(?............................................................................................. F
L ............................................................................................
=L1  B?+ ........................................................................
%R Q = Q...........................................................................
............................................................................................... SU
H/ ............................................................................................
(? F................................................................................... ./H
 % .................................................................................... !-V
)................................................................................... -RL Y
2 ..............................................................................................

   
  :   

  :
 :
 
#!   $% :
(  '& Aladdin.algaradi@gmail.com : $
 $'& www.aladdinblog.weebly.com: $

 
 ) ,  5 3  1. 0 -./)  *( + ,)
5 7 1.< = <(, .3; . 9
 :+
?> +' *F '&* 
* * $*E ,B*= 5*; *C *@
**H** .**&G  * HTML ** **$&**F** &+ '&**
 K; 1  < B&3
*> * 
* *  * $ *& .*I
 <+ >B) <  .

  

!(H(* .&*+* KF *C. !*(H(* *N+ K'&* *I * M&*B *1
OE & :
-
-
-
-
-

&G B " K B*0* * " 1* *.*.' *E

T TagI & . S

@  XBE M. @*; &+
*@  ; M*;B *T *.*F
'& < B&3; 1&E! &B .
 E T E MT *N *E*  ;&* $&*+
,+ (
 \,  @ [  ;& + $&+

@ ;'  M*&S =*  ;*B  ;*^ * *E *T
E B N .
 ;&  1. b3 *T -5.& *+* Ba * *$&(*
 3+ .&; ' M3B+; XB, .

HTML   !
*$ M3*+ 
*B 3**! 9 C. H( 
 + C d3 html
&*, -3*;* * B* * . fB5*& gh+ N; C
Hyper Text Markup  **5**&/ * html  **@ ,B**=
5**& **C !**** H( ;&(** a**& j**** C *; Language
notepad k$ + G& M' lNT k + 1& ,; > @ H
5* ;*! k* + g+ @&'; C. KF B0 >  k
K Ba**< +& M*'T *T * , 3E +  p  C. KF S&;
@**&'; Ba**(** s (small) C5** l**G ( capital) **(' lG**+
*
 + *C 1H( K ( $' M.&;  html C S.
$ C.+ lNT
*C.+ *
 (* T * C&* '*  '* php , java !9 >H
g3**+ Ba**** T html **B**0 '** java , php **
>**H 5**; ** M**'; * & k  ** ** (** T**&; . 3**
M*. . html B0 +& 1 I, html  g+ d$ &$
*' html B*0 1* 5*&! ,&+ !B'& k$ ( 5&<  .T
*N g+ <* 1*. f(5*; *'* '* ;*&' * C. KF** T M*. @

k (* G&** T  ?* k*( + $&*[!  T> H 5;
******C. KF****** ****** K ******'T F******/^; M******. @******
 !******H 1******. ******'
.  B&3; '

$%()(
*+ ;'&*@ *html C T (&'; &  Ba
* * (3*H 1* html *C *T  3N; }> <{ KF! 9 H
+ @&'  > <  F' H + @&'  (T 
** f(5** **(**! H (/) S**  F****! ** (** '** '&**@ 9 **H

 F+  </ > !'a w T ( * * x*B$*
 : 9 G&3 * T*? html C T  ,B5*.* MF* title
 & +  '&@ N g+&:
 ( = ><title

  = ></title

*** *** Ba ; ***g***  *** ***' fB5***&. ***.

 BG 1N(; T MF ; *T *O&* fB5*. *&, *F
 1. O& fB5 & ;'&@ +  .
;?:f

  ! F-H+ html

(. 5&+ notepad k*$ + f&*T  *'B **+ k
!; k$ +5  G&3; d O$ ; p !Ca .
G&3; d * k*$ + f&T*T* *+ * *+ <<  *T(* k
<< (  k <<<N,. 'B
 T5 : K$

k* gedit k*$ + G&T x' ,! Ca& O$ G&3; d

:5 T  ! k$ ( f&B 5< &!

&< +&^  
@ T html C.+ 5&+  (
<html><head><title>,B5< /title><head>
<body>

fB5& 1. ;I G O& & ;'&@ 

</body>
</html>

: -+3  0
html ******** C. KF**** fB5****&(**** G ******** **** + <html>
}= fB5&. g <  head>   $ < / html>
**** T <title> ** ** F**** $ **< /head>  ,B5****
************ + ****** F****** '&******@ ,B5******. ***** ******g G&3******

*< * /title> *+ ,B5*<&* * * head></head>

O&* *B*0 * <(&';  ! ,B5 3I  T <body>
</body> +  F & 0( ,B5 1. ;I G

html ! !1HA ,-V

' B k$ + T &&@ 
<html><head><title>,B5< /title></head>
<body>
; + ) E' . 3
</body></html>

(.html )@*&* % * ; ** &*@ % *+ X*BE *&/} . G  %

& f(5 
 +

: &  k; ' ,&T N+3 N g+ }. XBE +

 >I :OE & &  . ;'&@ *+* ><body
> </body
@ ; . ; @
 html C.+ 5 ( +
> <html& . </html> +

,-./*$+
&& T .F   -3*; *B* \*E * ,B5*~ * <*B.G
=  B.G  &N3 . 7
  B.G
 ( ,B= 5&+@ G&+ *T html *C *  *B.G*
 &T?  .  +' C; M  @3*E B.G M*H*M
G&+ * bgcolor !*/* > <body* * *9 M*B
&G F  & C . B.G
> ;'&@ . F ;  T K<body bgcolor= #B.G

 !' html C T (s   S M KF + wN  T

 html C&G&3 KF  & C 5 =* *B.G
p  &G:

B.G  C; 1. . -(g;

&   '  . 1 B.G  C
<html> <head><title>,B5< /title></head>
<body bgcolor=#00008B >

<,B5 T j F
</body>
</html>

: k;'

**&+&< ** ** 

**@ /html> <html> **: **OE
html *C *T *html C  C. KF fB5&( G 
-+3** * +& M*' <$ 3E p T '! 0 + &+&'
&'! a+ . -(g& T KG& F
<html>
<head>
<title>,B5< /title>
</head>
<body bgcolor=#00008B >

<,B5 T j F
</body>
</html>

 %#*;  Ba* * + p B !   T %#  FT

. E , 3E p html C .H 'T . T

*$+1 -$12( 6 2)

***** G&*****+ M***** ,B5*****. *****B.G K =*****G&***** M*****'
B' 9 M< body> ! /  F '&@ background
.  F G&
<body background=" 5 l+> "
,B5. B.G = G& B' . -(g;
* B ,B5*. *B./ *.
  =*G&* ,* -*(g& F T
K5  +&  bbb.bmp  B.G G&3& & K5
*/( &* jpg bmp png ) *  ;'&*@ &*13; 
&' 
<html>
<head><title>,B5< /title></head>
<body background="bbb.bmp" >

,B5. B./ d,(= 5 XE

</body>
</html>

k;'

 XE 5 &&'  T NT! . ,B5

( 8*$+
~ Tp   1.*3 * ,B5 *T* !B *.*,B5
&& 9 O$5 T && !B 1. 9~ .

 1**. >**H** ** <** x**~ ** **F  1**.**3 <**.T**~ *T
 T3 ; ! >g&3 KF~ G&+  & :
! ~  1. 3 <($I&G = leftmargin
! ~ T 1. !B&G  = topmargin
*** KF*** ;***!  fB5***& 1***. d***$ &$***.(3 l***NT*** &***fB5
T T x + <T !;  $T' ; /  !* KI*~
;! > &,B5 T T x +  &< :
! ~ <($I&G  = marginwidth
! ~ T 1. !B&G  = marginheight
**(s** ** ;'&**@ !**/** > <body***9 M ' **B&**+
  N+3&G ! T~
> ";'&@   ~ "=<body leftmargin

  s '&  + ~  % 9* (3+*' *

E
**~ **
E ** **w+ ** ,B5 9** !3**'(+**' **
E

(3*** G&******> *** I G&*** M3***B+ *** I !3***'+ ~***

. I . T ~
 E +&' !3'(


-./ ( +/
*. !*& 5* -3*& html * *C *T   * *I
**,& [**** I g3**+ (**l**G** $
** E j**** ** C&
. l T 1&E  0  ,B5  1. <.
j ,
I g T +&'
 (*g3** * T <br> * G&** I g* *T *+&'.
![T N g+  F ! 1.  & && 9 XE I g3+
<html><head><title>,B5< /title></head>
<body >

'+ 
H T ) E
</body>
</html>

&**+ <**OB,+ M** N+** **.; ** ,B5**** OB,+ **H -+3** * '** T
* T )** E** " .I &(&**< F** j**** +&' XE&** html
MF* *I g* *T *O; *'* " + 
 "  + O& " H
** f(5**** I g** * T **+&'. <br> ** G&** M**. @**

: <& N g+ -+3
<html><head><title>,B5< /title></head>
<body >

'+ 
<br> H T ) E
</body>
</html>

T O& K ! (XE& N+ d.;  @ ,B5} . XBE

<.
  g3 T O& " '+  "  .
T I g
. / g T O& " H T ) E"
NB + T g > I g T +&'
* G& / K NB + T g I > I g T +&'.
) j*(*! H *T g* * *> ;* I g* T @&' j< p>
. (   ! FT M3B+ I
l*NT *$ ** * I  <br> <p>  *  : OE
. <&+&   x ' $  M.& <p>  > + 

 % 
g* *> ;* g3*+ *+&'* I g* *T *+&'* E !'a*+ +&'.
*** G&***< br> <p>  ***G&****** NB*** + ***T
. & 9 O$ E !'a+ +&'. <pre></pre>
<html>
<head><title> ,B5<  /title></head>
<body>
<pre>

E  E  ) 3+
E!  ) H
5)
E B    ' < . 
</pre></body></html>

XE&* html &*+ *OBE* % K 'B k$ + T & Ba&@

; &
 &'

  @ A <2 ? *> =<

 !w lG+ <+&'.   ; C T l/ <&, html*&G *
 & ! G&3 <b> </b> T M    lG+ +&'.*
* >G&3* <i> </i  !*w l*G+ *+&'.* >G&3* <u> </u
 XE l/ <&,; j+ +&'.&? T f
 & .

>  </b<  ) ><b
>  </i<  ) ><i
>  </u<  ) ><u

}  O  lG&G 

U> U[

 <  )

 <  )

* B/
,  j  >*H* j '* * * * *3
T l*&G * KF*S *&G * align*F * *G&3
!/ > <br> <p&G   -+3 O$&? T f!B
3+)  E " > E &@ , <p align =" j

&*, *, * j*&G *  !*

 center *.* *T j* l
!
 left*0 *T j * !*
 right ,B5* * *T j*,B5
 M&? f& & B. 9
)'  T j (l) ( ) <p align="center" > ,
)'  T ja ( ) ( ) <p align="left" > ,
)'  1. j ( ) ( ) <p align="right" > ,

D/
M*. @*
< h></h> * G&* html * *C *T * *+&'
*
E *,& **! / h * *E
*+ 1  H E?>
. !=B& M f? !B T  


 E











<h1> < /h1>
<h2> < /h2>
<h3> < /h3>
<h4> < /h4>
<h5> < /h5>

. M T K 'B -; 9 B& g/ ! M3B+ I

+?+=< font> F)(

<*$*< $ l*G
* E !*; 5** +&' *< * font> 
>[* * F* .&** 9< a*+ N+3* !   N g+
.  F 1. . N(g& .9 
face =G
<*O$ KS*I* T *&(9* gG* 0 lG $ C& =G KF
* E* + *T arial , italic , Times New Roman *
fB5*& F** wS* I *T d*(9 l*G F* * * '* l*/ & /
. & 9 O$ . ?& T lG+ O K j T MH
<font face=" Times New Roman" > ) 3+ </font>

. Times New Roman lG+ " ) 3+ " .

 O& F+
color =G $%
*.(* s* /* * + l*G * C& font <+; =/
.  F G& B 1. 9 M  .& ?  T

></font j > " &@  S. F ; <font color=" K

+ *T '&g* '&* 

*< * *> * *&* *,& G
/  j F  .
9%size =G
*** *** ***+ ***B*** ***F *** & ***
E ***C l***G ***
El***G
 &T? * ** **S **
E l**G&**@ **% + **E**H ** ** 1
& 
E , lG % EH   *
E C5& 1 l*G *O$

 & (  M. 9
 S
+
+
+
+
+
-


,
lG

lG

lG

lG

lG
lG
lG

'F ; 
E  S lG&@ % +* H ;*jN
** **
E l**G&**@ **%** **I ) H >**I**H &&** 1**. **9

E  .(lG O$9 & :
> </font @&' j > " 
E<font size="lG

 M. -(g&+;

+!  g .&; 1&E; &, f(5 5*&.
G&+  . html

-(  1. . -(g;

 ;~ ;* C  ,B5  N 1. &,; ,B= ! : .g
<**N (** l**G
** E ,B5** ** x**B$ [**** N **
*+  '&*,B5* l*+ *N C*= lG+  .+ +&'
. b &C= lG+ N
K Ba* 1** O; (*! H ) *&'! a*+ Ba* &' * : Ba
: K Ba M ( H+ (&';  E
<html><head><title>  ;~ ; C </title></head>
<body>
<h3 align="center" > ;~ ; C </h3>
<font color=#0000FF size="+1" align="center">
<p align="center"> C.<  ! H g3+ C  ;~ ; C
<p align="center">  g3(; $'  p + d$ &$> H 5&  T
<p align="center"> & + &T N& C. T 1&E G&3;  $
<p align="center">. T
 N& C. T
</font>
<p align="center"> 2-2-2010
</body>
</html>

: &&' 3T 
&

* H B/
** G&**+ x**' a** 1**** ** ** ,& j**$ !** M**'
* *C& bgcolor *=G G&*< marquee></marquee>
l a****** *** s ***C& height , width ***=G*** B.G
** ** ,& ** ;**< T j** **< E K**
;** C& direction **=G
* ,& ;*< direction *T rtl *N G&* a* 1*
j** 1**. **. **N(g; Mg** ltr G&** ** ** a****
. ,&
. -(g;
** * ,& <*.I  ) " , ) & " <  j&@
(* '&*T *> * *I* ).+ B.G! I a 1
: &'! a+ &' 
<marquee bgcolor=#0000ff direction="rtl"> )* * , ) *< 
</marquee>

*B .&&** ,& l a* F**! / l*+ G&* M*' : OE

&  T l+  T?

<
M.N; . lC[  5$ XE; d$ &$> H  
l**+ T**? l+ ** 13**; KF**** /**> H** / ,B**= 1**
1* l+ * T? T  F G& N s M< a >  G&
: MH
<a href=",B5> H l+ > " l+<   /a>

: 9
<a href="http://aladdinblog.weebly.com">   $</a>

:  k;'

>***H 1***! N&&** " ****** ** $ " j*** 1**. lC[*****
aladdinblog.weebly.com
@**&'; **> ** H(**! ** H http:// @**&'; 13**; 
*&OBE ,B*= 5*&+ dH H d 9 (&'; T M&,B5 
: & ' l+  T l+ ;[}  11.html +
<a href="11.html" >

&,B= </a>

1**. lC[** ** M**H 1** K! =**/**;  ** ** 3**E

N g M . /> H 1 / ,B= 1! N&; K5
* M*H 1*& T*? ; * cc.gif  K =M & B
!'a*+ * * *'T ss.html ,B5* 1* M*.N; *. lC[*
: &
<a href="ss.html"> <img src="cc.gif"></a>

** d**$ &$**> H 1** 5** T**? ** img src **
. ) 0 ! 5B&+
,B***= <**T **I; F***** .
 x**B$ **T 5** d**$ : **OE
&*13*;  l*NT 5*&*@ * T 5*&+ dH & d$ &$
;'*F p 'T B, K5 d$  5+ G
* T K5** d**$ 9** ** 3**&**@ T <**T **B, ,B5**
T / .
 / H T ,B5 photo .
 T c N
: &'! a+ '-+3

<a href="ss.html"> <img src="c:\photo\cc.gif"></a>

K5H  dT !

(+
'**0 * g; * T d**$ &$ ,B**= **> H ;&(** 5**
**> H fB5**; !**N% 1** #** ** **9**> '** H. +F**I
M img src  G& html C.+ M;,B= MH T 5
:  F ! B' f?;
< img src=" 5> H" >

M*H 1* 5** / * F* *> jw5*G * * I

!'a*+ G&3 K5. s T? border =< / T
: &
< img src=" 5> H" border="s
 E" >
>**? K5** 1**. **s** ** ;'** ; ** T **H ** **s
** E F**/
* !*'T 1* * *N G&*T *s ;  d "  B=" N
s
 E  H 

K(+ FL
 5 s ,& height  G& 5
 E !&
** ?** G&3** ** F** 5**** ** ,& width
: 9 img src
< img src=" 5> H" heigt="!3'(+ K5 s" width=" 5
!3'(+">

alt F)(

G&3  ,& alt 5 F   M&,B= 1. O

'<  , 3 ( *T + !*II !*9 \,* =*; M*MF
** O**F ** ** **0 ** 1**5 **0#+ K** **G&3
 F ?  :9 img
>" 5"= >H" alt5 "=< img src

* (+K
&' , *5 &* + d*H */*&G * * *F
*&*, *,& !*(H * KG * j* align*G&3 !'a*+
& :
> ", 5"= >H" align5 "=< img src

 F/ align N& :

>? Right5  1.
>? Left5  1.a
>? Bottom5 T !B,B5
>? Top5 T 1.,B5

; 1. . -(g 5

N &/+ =; [ B ,B= 1@ *[> **T 1
 1**.** ,B5**&' **g+ !3**'+ **+ ** ,B5**$9
[ 1. B *&' *g+ * ,B5 *+ *T !3*'+
+

: -(g& T G& &; 5

M* * " *" a* 1*. *&   1. &
: G&3 &  K Ba
<html><head><title> ,B5< /title></head>
<body>
<img src="22.bmp" height="100" width="100%" align="top">
<img src="12.bmp" height="100%" width="200" align="right">
</body>
</html>

: &' &


,B5**** ** s 1**. K5** ;

**! : **OE
,B5*} * 5*+ 5**! I 9* 100% G&
@&T ,B5 s \.9+ ;'width  % @&T
. F' height   %

N( O ()?< M

*& * G&* MH 1 T >gN < N <gN T?
: &'! a+ G&3; embed
<embed src="lw 3 l+"

}. ;'&@ & 13;  : OE

: jw5/  F
!* lw**> gN !*
; M*$* E *T G&3 Autostart
!*g& false =* G KF! Ca& true &N F/;;;'
=G KF
d*H 1&$ .'T }H; ! C&a lw> gN !
 G&3; Loop
=* G! Ca*& true *&N F*/* I  !C&a>  gN
=G! g& false
 T lw> gN   s ,& Height , width
(5 T &G&<   G&> =; ) gN
 E T  '&(F< noembed></noembed>
>gN /+ dH  9 wS I T , lw! Ca I
!Ca (&E )M.  MH S F wS MH 1 T
wS.  O  F + OE +&'+ N& M$T F B
.(9 F/^) .@! Ca  & E T

lw> gN T? 1. . -(g;

s  + @ ,B5 T >gN T?+ N
>gN( s) swf & < 0B> gN G&
: & (,& '&T O  <' ,&

: &  K Ba
<html><head><title> ,B5< /title></head>
<body>
<embed src="40.swf" height="200" width="200" autostart="true"
loop="true" >
<noembed> >*******gN Ka******* *******.,&+ *******H *******T !Ca******* M******* x******* *******B
lw</noembed>
</body>
</html>

KI 1. T !Ca < MH fB5& F jGa  E T

:  &
 &'T

   jGaF &T !Ca M.&  MH fB5 1.

IT K &
 &' :

 M' : OE&G  align & T KG5 &,

,  >gN. lw

(?F
T F &,  N w (  =  = T!
 !9 g T 5 KF: wN
OT,  :

=
;S

/.
'*** !***9 !*** M*** KF***NG&***+ w *** >***N. <ol></olw
& * .3.3* 5  F*/* H $*9'*F * *
>N. <ul></ul w !9 .3.3& C*F  *T *&. 1*.*M
;? f B& .9: 9

: 9
* / K  .3.3& K  B  $ 3G+ wH +& : .g
.3.3& p
Ba
: &'! a+  ;' .3.3& : 
<html><head><title> ,B5< /title></head>
<body>
<ol> T 3G+ wH
<li> B&
<li>N; +
<li>@
<li>bg+
<li>
</ol>
</body>
</html>

: k;'

wN. &T? ;  5 (! H <li>  &@ : OE

: &'! a+  ;' .3.3& C wN : $%

<html><head><title> ,B5< /title></head>

<body>
<ul> T 3G+ wH
<li> B&
<li>N; +
<li>@
<li>bg+
<li>
</ul>
</body>
</html>

: 
&&'

a,b,c E+ 9 5 !(H & gN C; : OE

<ul> ! / type =G G& C= >+  A,B,C
: & N g+ G&3
<ul type="K ; F> "

: l$ ! M f? &


O }
a,b,c,d.
A , B , C , D ..
+  gN$
w gN$


Type="a"
Type="A"
Type="square"
Type="cyrcle"

L
*T *$(* O& */ * <  
*> * (*T
 
*T * 0 ! 0  
 NT  $/ !'0 1.
!'a*+ *O;&;* , @*; ; ,B5** O&+ *N T html C
1*. *> *&& H 5*; T   
C&  ' -$
. '&/ T <+ N F a T !5B&+ G&
*****< table></table>
***** G&***** 
*****
T*? <td></td> ** 
* T }*= T*? <tr></tr>
. !B T f?& 1 O$} 5! /< ./

! <table></table> 
 > . ;[jw5/  
: 

border =/

!'a*+ G&3*;
 + g, , M C& = G KF
: &
<table border="  ; F M3@ 3E   G&> "

height , width &=G

**C& *  5** * T !**(H ** G&**** H&** T=**&  G

.  
s
cellspacing =G

*,* +*! 

* / *&'&(< F* j + T3 >? G&3;
: f?&. & 5 M

: & N g+ =G KF G&3;

<table cellspacing="  ; F T3@ 3E   G&> "

cellpadding =G

**/ 1**+ (****[ + ** **G=** (** G KF** G&3**;
*&* N g+ G&3  F . / ./ ! + T3 ,&
:
<table cellpadding="  ; F T3@ 3E   G&> "

align =G

**, **,& ** ** ** F**=** G KF** d,(**=** N&

}5*&* T center 3*. left * 1*. *.
 right 
*
. f?; 1& ,   ! F
: 9
M** / *% *, }*= !* B*= 1*. &*, I !
*g * , j + T3 ,
!'a**+ ** **&' ** **&'E ** ** ./ !*** T @&'**
: &
<html><head><title> ,B5< /title></head>
<body>
<table border="4" cellspacing="20" height="300" width="300" >
<tr><td> @.< /td><td>E</td><td>Sp</td></tr>
<tr><td> H</td><td>!T</td><td> N+</td></tr>
</table>
</body>
</html>

&' &
 :

 >I : OE jw5G& $ * 1*. *N(g; >g&3*; N+*!
./! F/; ./ jw5GF ;  *[  1*.*! =*} 1*.
E  *+&'+ M jw5*G !*/* a*$+ *=G =*} a*$
. **./ **E **T **&G 
** **+ **E !**I**=G
3; border " = " B '+ <$ = l+*Hw
!/ GB5 N g+& ;. &.

=L1  B?+

; jw5**/ **+ -(** **T **.
** **<  **& .<**B
; B./ C
 +  ;  1&E&G = K*
. *B.G
[ && . *B* */ k
* *./ *.I*E * *0 M
 KF !5B: jw5G

bgcolor =G

*N s M K5+ 1&E   + G 

 B./ C&
: G&
<table bgcolor=# 5 3  . S> ;'&@

3*** @***& *** =*** K*** (***B.G ;

***! : ***OE
13*;  " " j5*&* &* + *I T $'  5
. jpg , bmp , gif 9 5;'&@ &
colspan =G

*I !*;  9* [(+ G k G&3; =G KF

*/ *% * '* (*1*.}  * 5* B=  '
}5*** T 9*** G* ;
*! / **% $*9} 5*
* F* G&3*& M*$T */ %  + ' E ./ 
: & N g+ 'M= ! G KF
<html><head><title> ,B5< /title></head>
<body>
<table border="4" height="200" width="200">
<tr ><td colspan="3" >Sp</td></tr>
<tr><td> H</td><td>!T</td><td> N+</td></tr>
</table>
</body>
</html>

: 
&&'

a*$+ *G*! * / colspan *=G KF G&3; : OE

. <td><td>  F /

Q = Q %R
* '*I a*$+ d*H  9*T *I !*/* I ! 3*
*.G*! /* /* I >[*; & ./ }= ! T B= 
*%  
* a*$+ *H ! 'F T $9} 5 T 1
 
*a$ T &.; & N g xB+ .G! / I a$+ H
B5* * xB*+ *I !*+ *9 F*+ N** 9 F M
: & j xB$ G
: &'! a+ <
  ;'
<html><head><title> ,B5< /title></head>
<body>
<table border="4" cellspacing="20" height="300" width="500" >
<tr><td> @.< /td><td>E</td><td>Sp</td></tr>
<tr><td> H</td><td>!T</td><td> N+</td></tr>
</table>
</body>
</html>

: & &' < $9


<html><head><title> ,B5< /title></head>
<body>
<table border="4" height="200" width="200">
<tr ><td colspan="3" ></td></tr>
<tr><td> p</td><td>@$</td><td></td></tr>
</table>
</body>
</html>

} 5+ (" Sp " ./ '& F )$9< .G+ $9 

 /+ N 
: 
& 
  &' T F

<html><head><title> ,B5< /title></head>

<body>
<table border="4" cellspacing="20" height="300" width="500" >
<tr><td> @.< /td><td>E</td><td>Sp
<html><head><title> ,B5< /title></head>
<body>
<table border="4" height="200" width="200">
<tr ><td colspan="3" ></td></tr>
<tr><td> p</td><td>@$</td><td></td></tr>
</table>
</body>
</html>
</td></tr>
<tr><td> H</td><td>!T</td><td> N+</td></tr>
</table>
</body>
</html>

: 
&&'

!0 a F/^& . -T& ) 1. lNT I >H&;  !

.  '&$ T 
> 

SU
M*'T *E ,B*= *T *
 html ,B=  (s
html ,B*=  ;* 3*H !** T 3*H*< + 1* ,B5 3N; 9
*** g***+ &*** M****** T html *** ***C * *T M*** ***! K***,
**** ** + ** F**< '&**@ frameset> </frameset>
. s 9 f?; 5 KF ,B5! /< body>

<body> **** ** + s**+ **G** **& **&( ** .H **
: &'! a+ <  K Ba f(5&
<html>
<head><title/> ,B5<  title></head>
<frameset>

s7 h+ =G ;'&@ 

</frameset>
</html>

:!5B&+ s G& N s a 

,B*= >*+ 5*&+ *H) S*I html ,B*= *% 1*& ,; 
a** T G& ,B= % S
&+ dH $ ( N+ d.; 
a.html , b.tml , c.html ,

*$SI *& ,B5* 9* &* *[> ,B5 3N&+ N $%

,B5* 3*N; &* s %% 1 / 1+  3H %% 1 ./
:& N g+
3**N& rows ** ** ,B5** 3**N& cols ** G&**
: &'! a+ G&3 NT ,B5
<frameset rows=" 20% , 40% ,30% , 10%">

 3*N 3*H* + 1** NT ,B5* 3*N; &* -+3* * T

% \**9 % $**9 ,B5**
** E ** % <**
E **'

 * ... ,B5* 3*N; &* }* d*T !*% >*+

3*N
* E *,; '  rows  + cols G&  3N;
!3*'(+ ( -+3** + d*.T *(< )3*+ *E s E
: &

<frameset cols=" 200 , 100 ,150 , 90">

3H !'+ html ,B= >?+ N$  ,B5 3N&+ H  + 

:& N g+ G&3< frame>  - s  M&
<frame src=",B5 3 ">

O* *s* *! T N+3** N g+ *s 1 ,B5 T?

3**N T O&**  B[**$ * & ,B5** 3**H * T @**; &+
.....F' . F 3N+ .; & ,B5
 + T $SI & ),B5> + T?+ N3T  
3**H * NT 3**H 3**H** + 1**< 3**N **E ,B**= 1**)
d.html  NT 3N T a.html , b.html }[
** NT** s
** E ** **'NT 3**N * T c.html
% $**9 % ** ** s % $**9 %
: &&' 
<html> <head> <title/> ,B5<  title></head>
<frameset rows="30% ,70%" cols="20% , 80%">
<frame src="a.html">
<frame src="b.html">
<frame src="c.html">
<frame src="d.html">
</frameset>
</html>

&
 &':

I ;' d*T *H* *I * KF*T* * <.3 *s

* *0 !*I;*G&3 & **O*,B5 '* ;* *+ @(3**a!
,T ( @*
&; \*,*/ B*0 >*H&* ;' *T *9*&G
. s

H/
  !    1. >H d$ &$*+ M* @*.s
!**9 M**;$+** ( ** '& M**0  * $ d**OE M**$ **M
$ &( ($ !9 <T(  '& $ F T5
T: !B

**** G&****+ ****N, **** KF********! 9 5****;****&

j** /* N, * + 1 T?+ <form></form>
. !5B&+ .  & N,   p G. 3 <wH
input 

* p * G 5**! N, * 1* NE T? 

: 1& T? & ' N, ( I M
<input type="text"
<input type="checkbox">
<input type="password">
<input type="radio">

action 

*T */* &* ;* .  & & *! *< ,& G&3
k**$ + ** K** '** (**H* $ ** '& + ** '** **H**
**! / * F** '&*@ + ~; ( T
 / C.+ '&
:  G& N s M< form>
<form action="mailto:  >"      

* /* C.+ * '&*/ k*$ + 1** . ;   d

: &'! a+ 'mailto: + -+3  G&
<form action=" . & & ! < k$ (>"

enctype 

M****** .***< + !*** & F** Ba***&*** N s ***, *** F**
: html T . Ba& &N s
: &'! a+ $(! 5; F G&3;  Text/plain
</ ; F
$(  '&
&B? & G   p
F** G&3**; ** application/x-www-form-urlencoded
: &'! a+ $(! 5; Ba& 
/ G + $ (  & + </ ; F
N(g; 9
** (** /**! NE** ** / j**$ !**NE <**+ **$ !**+ N**
!'a**+ " **'-**T** $ a**** T** H" **/ * $'&
: &
<html> <head><title> ,B5< /title></head>
<body>
<form action="mailto:aladdin.algaradi@gmail.com">
M.[T  ! /< input type="text">
<p> 3 .! /< input type="password">
<p> -T $ a T H <input type="checkbox">
</form>
</body>
</html>

: 
&&'

H ! $( + N ' <. lC[ F S   N&

. ) 0  & T <&
! 3;  M
submit S

M*'*< . lC[+ N;  $( + N F  S F

**'**< S.
$+ >wa** ** ** ** F**** ** '** + <&3**;
: & input  /  MI$ 1&< T?
<input type="submit">

**N g+ ;'**image **N G&** S** F**  =**G&**

: &
<input type="image" src="K5 3">

reset S

<**I G&3**(**! H ** **/** & * ;** $(** T f3** **
: & f(5 N+3< N g xB$ G&
<input type="reset">

*C&* N,* . N& jw5G .; < dH E 

*N,*! /& ?*< T* H <+&' [ submit , reset S
*/ G&3*. *' *&* ,* * ,;* N,
* E C;
: ) + (
value 

G&3* * submit , reset S** * C& G&3*  F
KS*I * ;'*. * j** NE !*/& ?< T< H >?
. M! B3T TFE G&3
name 

!* & F** ( * T * O * * F*! N,.  ?>

*O ** $(
* + N* F* k*$ ( 1* .<
. fB5&.
size 

!'a*+ !3*'(+ <*T <*N ;'&*@ j**! N,*! N,

* E ,& 
: &
<input type="text" size="100">

maxlength 

j**! NE !*/&*< +&* '* , * * 15H ,& G&3

: &'! a+ @&'
<input type="text" maxlength="30">

***$ !***+ N*** ***. N+3*** jw5***G 1***. ***T ; *** +

: <& N, 1. &,
,  '  15H 
E  /! NE
**+" **?& T** N **
E* $** ( ** '& /**! NE
" $'&

E  . /! NE
: &'! a+ & < &' / !NE
<html> <head><title> ,B5< /title></head>
<body>
<form action="mailto:aladdin.algaradi@gmail.com">
M.[T  ! /< input type="text" size="40" maxlength="12">
<p> * $**! ( ** '& /< input type="text" siz="50" value=" **+
$> "'&
<p> 3 .! /< input type="password" size="30">
<br> .[B M& 
<p> ;('< input type="checkbox">
<p> d$ &$< input type="checkbox">
<p>? < input type="checkbox">
<p> <input type="submit" value="$(>"!
</form>
</body>
</html>

: 
&&'

./H F?(
<5**w5G** N G&3**;** ** / **E * 3** w**N
*wH T*? name , value , size  *w*N KF*< *> N+3*
G& / T?< select></select>  G& 3
: <& N g+ 3 wH T?< ' option> 

<select>
<option> < option> d(< option> H=
<option> a
</select>

: 
&&'

(V BR 
**** G&****&**** /**** **** **** g+ j****$ !****NE T****?
**,& cols **=G **< G&**< textarea></textarea>
*=G *< G&3*; [*  ,& rows =G g
*g+ j*$  =*9  T N,& } + N; F name
: &&'  3T 
<textarea cols="40" rows="60" > M5$ @& M+ (E </textarea>

: 
&&'

! V)
** G&** M* < +**0 **  3**N& ,B5** * T * NT g** !**
M* *,& size =G < G& $  + < hr>
& lG F
<hr size="3">

&' &
 :

 % !-V
*+ ;* ** '&* * **N$ **N(g; !a* l3**+ >*H !*+
 1. @.p ' *F * a *[  *&'. .*0 *I
*'T F*/ **  *B&** *C.+ 5* html **0 ) *! **!
a jG0 ;/ N(g (.T <+  + 1. ) .
 ** **$  >**H **( >**H ,B**= ** K **; <3**w **T
Bg&N  N )G&3* . T  (&*N*
+ *! }*g&N
'  " l+ H #* " S * *; .N&3* ,B*= 1 *T
N  (.T ,B5+ <3*w* (* *T ,B*= * K*
= K g+Bg&N 5 K& * *T G&3 *,B5
header.bmp KF 5 :

**N & * ** G&3 * **N ** **(&E  **, **N

**/ ** (** * T K w**s** ** KF**N **^/** ** K&$
. aladdinblog.weebly.com
 : **OE** ,B5**(&E+ **=G  **, * f.html**=G
+( ws ) g.html N$ F+ wa$+ (.

header.bmp K5*?> + N< 3w  ,B5 + (.T

T B= 1 3N 5 d,; I !+ N ,B5 1. T
1*. ~*(* *[> G. }g&N >[ ./ ! T< ./ }= !
!3*'+ *N+  *',B5* H*+< 3*w  ,B5*@ $I
.index.html < '3w  ,B5
*Mg) $
 T[& T  1. 'H >T  : <(;
<3**&+ **N; ** ) ( 
**@ 0 ** '&** / * T **$
 T[**&
**$< ,B5**&** . &** 1**&E index.html 3**w  ,B5**
.<3w  ,B5
-** s ** ,B5** 3**N&+ (**M**. @**
 5**& ** : **OE
*O;  1*&E " B*=" 3* border * 
*E !I

.  ; F& ,+  ;( 
% ,B5 1.
5*&+ *N; *& ,B5** T ?*> M. @
 : / OE
*O; *.T * E* .
 *T 5*&* T G&3; & 5 T
**&*** B.*** ;'&***@ &*** w F***; =*** M;,B***= 1***.
.5& T G&3;

: 3w  ,B5
<html> <head><title> 3w  ,B5</title></head>
<body leftmargin="300">
<img src="header.bmp" align="top">
<table border="0" width="100%">
<tr><td>
<h2 align="right"> ,&( E< /h2>
<font size="2">

  K E I B; ,&( E K 

! K g/ !a 1 #; K , I T KS KF( g
B; 1 F # +
 a( gN T .
 +

 ,( K 3
</font>
<a href="f.html"><p align="right">S H</a>
</td></tr><hr>
<tr><td><hr>
<h2 align="right" >  T K ws (</h2>
<font size="2">

&$   T K ws ( +  K wg;&(

 9.% g; K wg KF> g&3; +  < 0
 ?p BO$ H G&3; H+ S&  1 I,
. N; & T  E!  w+ S&; (< T
</font>
<a href="g.html"><p align="right">S H</a>
</td></tr>
</table>
</body>
</html>

: 
&  &' T

,B5**** * ,&(** E+ **=G ,B5** a**$+ N** 

" ***S*** H ".***= 1***. lC[****** *** wS! *** N&*** * *&
KF** *' * N! B* f*=* +  N d,; I

*T K5  3w  ,B5 &' f.html .H  ,B5

*[> =*K5 d,; N( header.bmp) ,B5 1.
,B5. # l+< [> N / T a 1. N. <,?;
. 3w 
: N
 + <,?; K5 G&3 a.png K5 KF

: ,B5 KF+ =G  KF

<html> <head><title> ,&( E</title></head>
<body leftmargin="300">
<img src="header.bmp" align="top">
<table border="0" width="100%">
<tr><td>
<h2 align="center"> ,&( E< /h2>
<img src="a.png" align="left" height="150" width="150">
<font size="3">

,&( E(  g   K , I B; ,&( E

 fg 1. K , I  B;* * H(* * g*
<3< w / < I  fg3+ l,  K E I
I dB;* 
* * ?< C T C(  3$ &
 $ K ,
K,&<  +&< / C&. <
< .@   3E
<br>

* I* G; 1* *@  * 1. ,&( E@ H  . FE

>$5***< ** 9(** C** ** * **< ,. <* &(** E(@ ** 3**; *&
<*C* %($+ <((3*&* * 9  '*< * * K,& ;&(  ,
,&( E 1 #; & @  T .
</font>
<a href="index.html"><p align="center"><3w  ,B5. K</a>
</body></html>

: &
 &'

g.html * *' K ws (+ =G ,B5! + N 

** **' -+3**** N * T &.**< ,**?;  =**G&3**
: &'! a 1. c.jpg
<html> <head><title>  T K ws (</title></head>
<body leftmargin="300">
<img src="header.bmp" align="top">
<table border="0" width="100%">
<tr><td>
<h2 align="center">  T K ws (< /h2>
<img src="c.jpg" align="left" height="150" width="150">
<font size="3">

* T ws ( +   0 >=  &$ +   + 

%B$ , <++ !; N+s  $' *& . * *g> g&3*;
@** **E !**,;< 3**** T &**. **E & ** **.(;**} H;
 .Ca& H 3 C G&3; &  T 1 K wg
<br>

1*. * *! * T *+ * * . F 

<   H T
K ws <3T 1. KH < ;
K ws g; 5; k$*+ < 0 &
&$ & k$+
<3*; *.( &*1*. *+  < a* >+*& a*& x*.
 -*T T
  (. K wg KF
</font>

<a href="index.html"><p align="center"><3w  ,B5. K</a>

</body></html>

: 
&&'

F**** ** 9> **! g&3**;** I <g3**+ ,B**= ** K (**KF**(** s

<5*&+ *N; F**> H. *I l*gG&<  .T M.  ! lNT 9'+
<**> I <+
;@  ;  3E ,B5 3N&  
G&
**  ;&** C&( **
; 1**&E **/
** T F** M(** ** **T **
*T *T >g&3*; * &\   ,(. \,(  ,+ $&+
.-T&
> . ; '& F

-RL Y)
>**H F*** T !
3**&+ **H **=G M;,B**= 5**; ** *&; **
<*$
 <E3* d*+ *
 M*g >*H F* www.p4o.net
**$**
 **g$ >**H Mg****< . >**H >**T ; > g&3**;
>*T*< T !
**> H* G * S N MH $

M*. >*H *I,+ *'; * 1*&E << 5&+ dH F MH
**$ M**&g &* T[**& 1**. <**T l3**+ >**H 5**&+ **N;

 &[ T / M$+ a; 1&E T ; d$&B * NE*F

'& .
; 13 ; ! * * + 1*. M*H '& 1*&E *$*
(+ +) fw5 I + T '& (.

! 2
; 1 ;'$ H& * ;B'&* * *N+ (* l3;* * 1)
& .... >
. -T  d=*( *T d) *F  *<  * *d
3B$ T dg/ga ....
 K5*3  1*. *0 -*./) *( *+ *,) *5 *
 1.< = <(, .. I