Docstoc

learn

Document Sample
learn Powered By Docstoc
					                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                                                                                                           ‫:‬

                                                             ‫‪Html‬‬                          ‫:‬                           ‫:‬

                                                                                                   ‫:‬                   ‫:‬

                                                                                               ‫:‬                   ‫:‬

                                                                                ‫:‬                                  ‫:‬

                               ‫.‬                                         ‫:‬                                     ‫:‬

            ‫!‬                                                ‫:‬                                                 ‫:‬

                                                                                     ‫)1( :‬                         ‫:‬

                                                                                     ‫)2( :‬                         ‫:‬
                                                                                                                               ‫*‬

        ‫!‬         ‫...‬                                                               ‫)1( :‬                          ‫:‬

                                                                                 ‫)2( :‬                             ‫:‬

            ‫...‬                                                          ‫)3( :‬                         ‫:‬

                                             ‫...‬             ‫:‬                       ‫...‬                   ‫:‬

                                           ‫...‬                       ‫:‬                                     ‫:‬

                                   ‫! ...‬                                      ‫)1( :‬                        ‫:‬

                                                   ‫...‬                       ‫)2( :‬                     ‫:‬

                                                       ‫:‬                                               ‫:‬

                                                       ‫...‬       ‫:‬                                         ‫:‬

                        ‫.. !‬                       ‫:‬                         ‫‪META‬‬                          ‫:‬




                                                   ‫1‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




   .(Hyper Text Markup Language                     ).
                  .C
     Java,
                        . Compiler                                      . JavaScript, CGI
     .
      .
                                 .

                                      .          TAGS                 Html
                                                                :(                         )




         :                  Bold                                <B>

                                      </B> Text <B>

                       <BR>
                                                                .<P>


                                                                                     ...
              .                                                 HTML
  .                 Windows
                    MS Internet Explorer   Netscape Navigator
       .htm       .html                                                  .
                             .Html

       .html
                        .

                                                                                 .
                                                                             .



                                   HTML                                              :
         .                            .

                                             2
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
             ‫.‬
     ‫.‬
                                               ‫.‬

         ‫.‬                                         ‫(‬                         ‫)‬

                                         ‫...‬




                                         ‫3‬
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                                  ‫‪.HTML‬‬
                       ‫.‬                                    ‫.‬



                                                                       ‫:‬

                                    ‫و ا‬           ‫و ا ا‬
                                ‫>‪</HTML‬‬         ‫>‪<HTML‬‬
                                ‫>‪</HEAD‬‬         ‫>‪<HEAD‬‬
                                ‫>‪</TITLE‬‬        ‫>‪<TITLE‬‬
                                ‫>‪</BODY‬‬         ‫>‪<BODY‬‬

                   ‫.‬
                             ‫‪Html‬‬                                          ‫/.‬




               ‫!‬           ‫>‪.</HTML‬‬                ‫>‪<HTML‬‬             ‫‪Html‬‬

             ‫.‬                                                        ‫>‪<HEAD‬‬
    ‫: >‪</TITLE> … <TITLE‬‬                                          ‫.‬
                                        ‫.‬                   ‫>‪</HEAD‬‬



                                            ‫4‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                                                               <BODY>
                                            </BODY>                              .

                 :                                …

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

<BODY>
Wow, I'm writing my first webpage
</BODY>
</HTML>

         HTML                                                   .
                                                             1st_file.htm               .html    .htm
                                        .

   Netscape               .                                        .
  …Open                  MS Internet Explorer             .File        …File Open         Navigator
                                                               .                        .File

                         :                    .




                         .                                         ☺
                                    :

                               UPPERCASE                                                         •
                                 .                                                  .lowercase



                                                      5
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                     )                                                           •
                                            .Html                                   (Enter
                                                                            :

<HTML><HEAD><TITLE> This is a test Webpage </TITLE></HEAD><BODY>
Wow, I'm writing my first webpage </BODY></HTML>

                                                                                    :

<HTML>
<HEAD>
<TITLE>
This
is a
test
Webpage
</TITLE>
</HEAD>
<BODY>
Wow,
I'm
writing
my
first
webpage
</BODY>
</HTML>

                                                                                :

<HTML> <HEAD> <TITLE>
This is a test Webpage
</TITLE>
</HEAD>
<BODY>
Wow, I'm writing my first webpage
</BODY>
</HTML>

                                                          .
                         .
                                    .

                                                     :             !!!

                                        )            .                   <BR>
                                                                                             .(



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

                                              6
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
</HEAD>
<BODY>

Wow, <BR> I'm writing my <BR>
first webpage
</BODY>
</HTML>




                                                                   < P>
                                                      .


<HTML>
<HEAD>
<TITLE>
This is a test Webpage
</TITLE>
</HEAD>
<BODY>
Wow, <P> I'm writing my <P>
first webpage
</BODY>
</HTML>




                                         7
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
               ) nbsp;&
                                                                    .(Non Breakable Space
                                   .                                      .

                                                               :

<HTML>
<HEAD>
<TITLE>
This is a test Webpage
</TITLE>
</HEAD>
<BODY>
Wow, &nbsp; &nbsp; &nbsp;
I'm &nbsp; &nbsp; &nbsp;writing &nbsp; &nbsp;
&nbsp; my &nbsp; &nbsp; &nbsp; first &nbsp; &nbsp; &nbsp; webpage
</BODY>
</HTML>




                   ."                                                       .
                                             HTML
                                                        .
          .       (                )                    ®                          ©
     <>                                                             .


                        ‫ا ــــ ـ‬                                        ‫ا ــ ـ د‬
                                                                                       ‫ا ــــ ــــ ز‬
                          ‘                                          &lsquo;
                          ’                                         &rsquo;
                          ‚                                         &sbquo;
                          “                                          &ldquo;
                          ”                                         &rdquo;


                                                    8
                              www.cb4a.com      ‫ا‬      ‫ا‬   ‫آ‬        ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬     ‫ت ا‬             ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                    „                                 &bdquo;
                   †                                &dagger;
                   ‡                                &Dagger;
                   ‰                                 &permil;
                   ‹                                 &lsaquo;
                   ›                                &rsaquo;
                   ♠                                &spades;
                   ♣                                 &clubs;
                   ♥                                 &hearts;
                   ♦                                 &diams;
                                                    &oline;
                   ←                                  &larr;
                   ↑                                  &uarr;
                   →                                  &rarr;
                   ↓                                  &darr;
                   ™                                 &trade;
                   &                                  &amp;
                   <                                   &lt;
                   >                                   &gt;
                   "                                 &quot;
                   ×                                 &times;
                   ÷                                 &divide;
                   –                                 &ndash;
                   —                                 &mdash;
                                                     &nbsp;
                   ¡                                 &iexcl;
                   ¢                                  &cent;
                   £                                 &pound;
                   ¤                                 &curren;
                   ¥                                  &yen;
                   €                                 &euro;
                    ¦                                &brvbar;
                   §                                  &sect;
                                                    &#127;
                   ¨                                  &uml;
                   ©                                 &copy;
                   ª                                  &ordf;
                   «                                 &laquo;
                   ¬                                  &not;
                   ®                                  &reg;
                                                     &macr;
                   °                                  &deg;
                   ±                                &plusmn;
                   ²                                 &sup2;
                   ³                                 &sup3;

                                         9
                              www.cb4a.com      ‫ا‬     ‫ا‬    ‫آ‬        ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                    ´                                 &acute;
                                                     &micro;
                      ¶                              &para;
                      ·                             &middot;
                      ¸                              &cedil;
                      ¹                              &sup1;
                      º                              &ordm;
                      »                              &raquo;
                     ¼                               &frac14;
                     ½                               &frac12;
                     ¾                               &frac34;
                     ¿                               &iquest;
      Capital ‫ا ــــ ــ وف‬
                     À                              &Agrave;
                     Á                              &Aacute;
                     Â                               &Acirc;
                     Ã                               &Atilde;
                     Ä                               &Auml;
                     Å                               &Aring;
                     Æ                               &AElig;
                     Ç                               &Ccedil;
                     È                              &Egrave;
                     É                              &Eacute;
                     Ê                               &Ecirc;
                     Ë                               &Euml;
                      Ì                              &Igrave;
                      Í                              &Iacute;
                      Î                              &Icirc;
                      Ï                              &Iuml;
                     Ð                                &ET;
                     Ñ                               &Ntilde;
                     Ò                              &Ograve;
                     Ó                              &Oacute;
                     Ô                               &Ocirc;
                     Õ                               &Otilde;
                     Ö                               &Ouml;
                     Ø                              &Oslash;
                     Ù                              &Ugrave;
                     Ú                              &Uacute;
                     Û                               &Ucirc;
                     Ü                               &Uuml;
                     Ý                              &Yacute;
                     Þ                              &THORN;
                                                                     Small ‫وف‬   ‫ا‬
                     ß                               &szlig;

                                         10
                              www.cb4a.com      ‫ا‬      ‫ا‬   ‫آ‬        ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬     ‫ت ا‬             ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                    à                                 &agrave;
                   á                                 &aacute;
                   â                                 &acirc;
                   ã                                 &atilde;
                   ä                                 &auml;
                   å                                 &aring;
                   æ                                 &aelig;
                   ç                                 &ccedil;
                   è                                 &egrave;
                   é                                 &eacute;
                   ê                                 &ecirc;
                   ë                                 &euml;
                    ì                                &igrave;
                    í                                &iacute;
                    î                                 &icirc;
                    ï                                 &iuml;
                   ð                                   &et;
                   ñ                                 &ntilde;
                   ò                                &ograve;
                   ó                                 &oacute;
                   ô                                 &ocirc;
                   õ                                 &otilde;
                   ö                                 &ouml;
                   ø                                 &oslas;
                   ù                                &ugrave;
                   ú                                 &uacute;
                   û                                 &ucirc;
                   ü                                 &uuml;
                   ý                                 &yacute;
                   þ                                  &torn;
                   ÿ                                 &yuml;




                                         11
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                                  ‫‪.HTML‬‬
          ‫.‬                                                      ‫>‪<BODY‬‬

                                       ‫.‬
     ‫.)‬                                                                                     ‫.‬
                                                                            ‫!‬                   ‫:‬
                                                            ‫(.‬

      ‫>‪.</BODY> ... <BODY‬‬
                                                                                    ‫!‬

                                                                     ‫)‪(Attribute‬‬
                                                                                        ‫.‬
                                                                        ‫.‬

                                                                                ‫:‬

‫>"‪<BODY BGCOLOR="FFFFFF‬‬
‫...‬
‫>‪</BODY‬‬

          ‫.‬                                ‫>‪<BODY‬‬          ‫‪BGCOLOR‬‬
          ‫""(‬                      ‫)‬                                                        ‫‪FFFFFF‬‬
                    ‫......‬                 ‫9966‪CC‬‬         ‫000000.‬
                                                               ‫...‬




                                                                 ‫...‬

                               ‫:‬




                                             ‫21‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                              256
   .                                                                                .255             000

                *                                                                           *

                                .                                            000
          255                                   255                                  .                 255
                            .                                          ...                 000

                                                                             256×256×256
                                                                                  .     16777216

           …                              .                            FFFFFF
                        9           0                                  16                         )
                    .                               FF                              255         .( A,B,C,D,E,F
 255                                FF          .              255                   FF
                                          .                    255                   FF          .
                                         CC6699 :
                                                                                                           .000000

                                                      .

                                 Aqua                 Antiquewhite      Aliceblue
                                #00FFFF                #FAEBD7          #F0F8FF
                                 Beige                     Azure       Aquamarine
                                #F5F5DC                   #F0FFFF       #7FFFD4
                        Blanchedalmond                     Black          Bisque
                           #FFEBCD                        #000000        #FFE4C4
                                 Brown                    Blueviolet       Blue
                                #A52A2A                   #8A2BE2        #0000FF
                            Chartreuse                    Cadetblue     Burlywood
                             #7FFF00                      #5F9EA0        #DEB887
                        Cornflowerblue                     Coral        Chocolate
                           #6495ED                        #FF7F50       #D2691E
                                  Cyan                    Crimson        Cornsilk
                                #00FFFF                   #DC143C        #FFF8DC


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


                                             14
                               www.cb4a.com     ‫ا‬     ‫ا‬    ‫آ‬        ‫ب‬    ‫ه ا ا‬
                                         ‫ر‬          ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                     Olivedrab         Olive           Oldlace
                      #688E23         #808000         #FDF5E6
                      Orchid          Orangered               Orange
                     #DA70D6           #FF4500               #FFA500
                   Paleturquoise      Palegreen            Palegoldenrod
                     #AFEEEE           #98FB98               #EEE8AA
                     Peachpuff       Papayawhip            Palevioletred
                     #FFDAB9          #FFEFD5                #D87093
                       Plum             Pink                   Peru
                     #DDA0DD          #FFC0CB                #CD853F
                       Red              Purple              Powderblue
                     #FF0000           #800080               #B0E0E6
                   Saddlebrown        Royalblue             Rosybrown
                     #8B4513           #4169E1               #BC8F8F
                     Seagreen        Sandybrown              Salmon
                     #2E8B57           #F4A460               #FA8072
                      Silver           Sienna                Seashell
                     #C0C0C0          #A0522D                #FFF5EE
                     Slategray        Slateblue               Skyblue
                     #708090          #6A5ACD                #87CEEB
                     Steelblue       Springgreen               Snow
                     #4682B4          #00FF7F                #FFFAFA
                      Thistle            Teal                  Tan
                     #D8BFD8           #008080               #D2B48C
                      Violet          Turquoise              Tomato
                     #EE82EE           #40E0D0               #FF6347
                    Whitesmoke         White                  Wheat
                     #F5F5F5          #FFFFFF                #F5DEB3
                                     YellowGreen              Yellow
                                      #9ACD32                #FFFF00




                                                                           ‫ت‬   ‫ان ا‬   ‫ن‬

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

                                           15
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                  #66FF00 #66CC00 #669900 #666600 #663300 #660000
                 #66FFCC      #66CC33   #669933    #666633    #663333        #660033
                 #66FF66      #66CC66   #669966    #666666    #663366        #660066
                 #66FF99      #66CC99   #669999    #666699    #663399        #660099
                 #66FFCC #66CCCC #6699CC #6666CC #6633CC #6600CC
                 #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
                 #99FFCC #99CCCC #9999CC #9966CC #9933CC #9900CC
                 #99FFFF      #99CCFF   #9999FF    #9966FF    #9933FF    #9900FF
                 #CCFF00 #CCCC00 #CC9900 #CC6600 #CC3300 #CC0000
                 #CCFF33 #CCCC33 #CC9933 #CC6633 #CC3333 #CC0033
                 #CCFF66 #CCCC66 #CC9966 #CC6666 #CC3366 #CC0066
                 #CCFF99 #CCCC99 #CC9999 #CC6699 #CC3399 #CC0099
                 #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




                          .

                                                                    :
                    # ‫إ رة‬        ‫ر ز ا ان إ ﺏ‬   ‫ف‬              ‫ت‬              ‫ا‬     ‫ﺏ‬
                                       .ً ‫ا دا‬ ‫ا‬   ‫ا‬                    ،‫ز‬         ‫ه ا‬


                                                          :                              .

                 White                            Black

                 Green                            Red

                 Purple                           Marron

                 Blue                             Navy



                                              16
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

                  Lime                        Teal

                  Silver                      Gray

                  Aqua                        Olive

                  Yellow                      Fuchsia




                                                            ...



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

    :                           (         )                 BACKGROUND




                                                                     image.jpg




              .
                           (BGCOLOR                     )
                                          17
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                                                               .
                                  .(                                  ) Text-Based Browsers
                                                     .
                                                                                   .


                                                 .

                                                                     :<BODY>
                                                                                          (Links)
                                             .
                                                         .                                        .
                              .
                                                         :

                                                                                TEXT="#rrggbb"
                                                                                LINK="#rrggbb"
              visited links                                                     VLINK="#rrggbb"

      active links                                                              ALINK="#rrggbb"

                                                             .
                          .                                                                               .

<BODY BACKGROUND="backimag.jpg"
BGCOLOR="#ffff00"
TEXT="#000066"
LINK="#00ff00"
VLINK="#ff0000"
ALINK="#999999">

                                           backimag.jpg                                       !
                                                                 (                                    )
                                       .
                                                                            .

                                                                 .               ...
                                                                                                      .




                                                     18
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




       ‫ت ا ﻥ ﻥ وا‬             ‫ﺹ‬     ‫ت‬    ‫ًأ‬                   ‫دروس ‪ .HTML‬ز ﻥ‬             ‫أه ً و ً ﺏ إ ا رس ا‬
                            ‫ط.‬    ‫ما ﺹ ﺏ‬    ‫ا‬                  ‫ه ا ا رس ﺥ ل ا ف‬           ‫.و فﻥ ﺏ ذ‬         ‫ﺏ‬
              ‫ا‬        ‫داء ﻥ ا ، أو إ ء ﻥ‬                          ‫أن ه ك أآ‬     ‫ه ا ا رس وا روس ا‬        ‫ف‬
          ‫ا‬               ‫ﺏ‬    ‫ﺙ ه،‬    ‫ﺏ‬                        ‫م وا‬    ‫ا‬    ‫و أن ﺏ‬        ‫ت ا ﻥ ﻥ . وﺏ ﺏ‬
                                                                              ‫و ﺥ ﺹ .‬         ‫أن‬         ‫وا ﺏ‬


                                                                                                                       ‫أ‬    ‫و‬
                  ‫و ﺏي‬         ‫ط‬      ‫ا‬                 ‫ﻥ ﺏ‬    ‫. إﻥ‬        ‫ا ﺏ‬       ‫ا ر‬               ‫ا‬       ‫راﺝ ﺹ‬
                                                                                                                ‫ا‬
                                                                                 ‫.‬    ‫ا‬    ‫ا‬   ‫إ ادا‬   ‫ل. أي أﻥ آ ه‬   ‫ا‬
 ‫ت ا ﻥ ﻥ (.‬              ‫س‬     ‫3 )ﺏ‬           ‫‪ Times New Roman‬و‬                      ‫دي، ﻥ‬     ‫ن ه ا ادات ه ﺥ‬       ‫وﺏ‬

                                                              ‫ط ه >‪<FONT/> ... <FONT‬‬                       ‫ا ول ا ص ﺏ‬         ‫ا‬
 ‫ما ﺥ ى‬       ‫وا‬        ‫ه اا‬              ‫ﻥ‬     ‫ا‬             ‫.أ ا‬  ‫ا ع وا ن وا‬      ‫ط‬                       ‫ﺏ‬    ‫مﺏ‬        ‫وه‬
                                                                                                           ‫:‬   ‫آ‬    ‫ط‬

                   ‫.‬                                                                                                ‫‪Face‬‬

                                                                                                     ‫...‬

    ‫>"‪<FONT FACE="Traditional Arabic, Arabic Transparent, Simplified Arabic‬‬
    ‫... ‪... Text‬‬
    ‫>‪</FONT‬‬

                           ‫.‬

                                                                                                                    ‫‪Color‬‬


    ‫>"0000‪<FONT COLOR="#FF‬‬
    ‫... ‪... Text‬‬
    ‫>‪</FONT‬‬

                                                                   ‫.‬                                                ‫‪Size‬‬
                                                                                                 ‫.‬
      ‫1‬                                             ‫.‬                  ‫:‬
                                                               ‫.‬                                           ‫7.‬

    ‫>"4"=‪<FONT SIZE‬‬
    ‫... ‪... Text‬‬
    ‫>‪</FONT‬‬




                                                               ‫91‬
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬



                                                                                      ‫1‬
                                                                              ‫2‬
                                                     ‫(‬            ‫)‬       ‫3‬
                                                                      ‫4‬
                                                                  ‫5‬
                                                             ‫6‬
                                                    ‫7‬
             ‫+‬             ‫6‬     ‫1‬                   ‫:‬
                                                                                          ‫.‬

    ‫>"4+"=‪<FONT SIZE‬‬
    ‫... ‪... Text‬‬
    ‫>‪</FONT‬‬

                  ‫) (‬          ‫)+(‬                 ‫1 6‬
                                              ‫+4‬             ‫.‬
                                     ‫1‬             ‫7.‬                                 ‫3‬
                                                                 ‫2.‬
                                          ‫:‬

                                                                                  ‫3‬
                                                                          ‫2‬
                                                                      ‫1‬
                                          ‫(‬              ‫0‬       ‫+0 )‬
                                                                 ‫+1‬
                                                         ‫+2‬
                                              ‫+3‬
                                              ‫+4‬
                                              ‫+5‬
      ‫.‬


                                         ‫02‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

                   .5+        3


 ‫ا رﺝ‬          ‫ا‬                 ‫ا دﻥ‬
                              ‫ا رﺝ -2 و‬         ‫ا‬       ‫ﺙ‬               ‫ل‬      ،‫أن ل‬    ‫وا ن أ ف ذا‬
                              ‫+4؟‬     ‫-2 وا آ‬        ‫ﺥ ىا‬                ‫+4. إذن ا ة وﺝ د ا رﺝ ت ا‬
 ‫إ 1 ﺏ ً 3؟ )و ف ﻥ م‬       ‫آ ا‬            ‫ا‬   ‫ا‬    ‫ا‬      ‫ﺏ‬                   ‫وأﻥ أﺝ ﺏ ال ﺥ : ذا‬
 7    ‫ﺏ‬   ‫؟ وإذا‬ ‫ما آ‬    ‫ا‬      6+ ‫إ ا رﺝ ت +1 إ‬                        ‫(، أ ﻥ ج ه ا‬        ‫ًﺏ‬     ‫ﺏ‬
        ‫؟ إذن ﻥ ﻥ ج ً إ ه‬      ‫ما ﺹ‬     ‫ا‬       6- ‫-1 إ‬                 ‫أ ﻥ ج إ ا رﺝ ت‬      ‫إ ا‬    ‫آ‬
                                                      .‫اردة‬             ‫تا‬        ‫ﺝ ا‬     ‫ﻥ‬   ‫ا رﺝ ت‬
                                                                        (-:     ‫أرﺝ أن ن ه ا ا اب أ‬

                         .‫ة‬        ‫لﺏ‬     ‫آ‬   ‫ﻥ‬   ‫، و ف أر‬   ‫ام ه ا ا‬    ‫ا‬   ‫آ‬             ‫ا‬   ‫وه ﺏ‬

 <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          ‫ا‬     ‫ا‬  ‫آ‬    ‫ب‬  ‫ه ا ا‬
                                             ‫ر‬             ‫ب‬    ‫ت ا‬       ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<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> ‫ط وه‬                 ‫ما ﺹ ﺏ‬       ‫ا‬    ‫ا ﻥ‬      ‫ا نإ ا‬ ‫ﻥ‬
      ‫م‬         ‫ا ي‬       ‫ا‬    ‫ﻥ عا‬   ‫مﺏ‬  ‫آ . أي أﻥ‬                     ‫ﺏ‬        ‫وﺥ‬    ‫ﻥ عا‬       ‫ه‬  ‫و‬
                                                                .    ‫و د ﻥ و‬          ‫ﺏا إ ﻥ‬          ‫ا‬
         ‫ا‬        ‫أﻥ‬     ‫ا ﺝ إ و ا‬                        ‫؟ﺏ‬         ‫و‬     ‫ي‬       ‫دو‬      ‫اﻥ و‬      ‫ه‬
  ،   ‫دة أول ا‬        ‫نه اا‬       . ‫ةﺏ ا‬               ‫أو‬      ‫آ أو‬         ‫،و‬          ‫آ و ا ادات ا‬
، <FONT>      ‫ا آ‬          ‫ﻥ ا‬                              ‫ا‬         ‫<. أ ا‬BODY> ‫ة ﺏ و‬              ‫و‬
  :‫ة آ ل‬    ‫وﺏ ون أي اﺥ ت. وإ ه ا‬      ‫ا‬                ‫(. وﺏ‬Face ً ‫ﺏ‬        Name ‫ام ا ﺹ‬        ‫ا‬   ‫)ﻥ‬
<BASEFONT Name="Arial" COLOR="#FF0000" SIZE="5">

  .       ‫5و ﻥ أ‬       ‫ و‬Arial    ‫ﻥ‬        ‫ﺏ‬               ‫ا‬     ‫ا‬       ‫ا‬           ‫مﺏ‬    ‫أﻥ‬   ‫وﺏ را ه ا ا ل ﻥ‬
      ‫م‬     ‫ام ا‬  ‫ﺏ‬       ‫ﻥ‬     . ‫ا‬       ‫ه اا‬                       ‫ا‬                 ‫ﺏ‬    ‫صا‬     ‫نآ ا‬        ‫وﺏ‬
        ‫ا‬      ‫وﻥ‬       ً
                    ‫ا وأآ‬      ‫أآ‬   ، ‫ا ﺏ‬      ‫ا‬               ‫ه آ‬           ‫ﺏ‬        ‫وا‬      <Font/> ... <Font>
                                                                                                <BASEFONT>

          ‫ا ﺹ‬        ‫ا رس ا ﺏ‬  ‫. أ آ أﻥ‬  ‫ا‬        ‫ا نا‬    ‫ا ان و‬        ‫ا‬     ‫وﺏ‬
              . ‫... أﻥ ز أذآ ذ‬    ‫نﻥ ا‬      ‫ه‬    ‫< وا ا‬Body>     ‫ا‬        ‫ ا‬Text
 ‫ام أي‬      ‫ا‬         ‫< ﻥ ﺏ ﺏ‬BASEFONT>     ‫ ا‬Color ‫ﺝ رض ﺏ ه ا ﺹ وﺥ ﺹ‬
              ‫< ه ا ي‬BASEFONT>      ‫آ ه نا نا د ا‬        ‫. وإذا ث وا‬  ‫ﺹ‬
                                                                    .  ‫و‬        ‫ا‬



                                  : ‫ت ا ﻥ ﻥ وه‬        ‫ﺹ‬    Headings              ‫و‬    ‫ا‬     ‫م‬      ‫ه كو مﺥﺹ‬

                                                </Hn> ... <Hn>
                                                      22
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                                                       .‫ان‬       ‫ىا‬            6-1    ‫ه ر ﺏ‬n‫ف‬        ‫و‬
<H1> Heading 1 </H1>
<H2> Heading 2 </H2>
<H3> Heading 3 </H3>
<H4> Heading 4 </H4>
<H5> Heading 5 </H5>
<H6> Heading 6 </H6>


                                       Heading 1
                                          Heading 2
                                             Heading 3

                                             Heading 4

                                               Heading 5

                                                  Heading 6




      ‫ﺏ ل‬          ‫ما ﺹ ﺏ‬      ‫ا‬        ‫ص. و‬             ‫ا‬    ‫إ‬        ‫إ‬              ‫ت وا ﺙ ات ا‬        ‫ا‬   ‫ا نإ‬    ‫وﻥ‬
                                                                                                                :    ‫وﻥ‬
                                                     :            ‫ما‬   ‫ا‬     ‫م‬        ‫(، وﻥ‬      ‫دا‬     ‫)ا‬     ‫ا‬    ‫*ا‬
<B> ... </B>
<STRONG> ... </STRONG>


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

                                                                                                               ‫ا‬    ‫*ا‬
<I> ... </I>
<EM> ... </EM>


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

                                                                                                               ‫ا‬    ‫*ا‬
<U> ... </U>


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

                                                                                                               ‫ا‬    ‫*ا‬

                                                    23
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<SUP> ... </SUP>


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



                                                                                                            ‫ا‬     ‫*ا‬
<SUB> ... </SUB>


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

                                                                                                                ‫*ﺥ آ‬
<BIG> ... </BIG>


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

                                                                                                           ‫*ﺥ ﺹ‬
<SMALL> ... </SMALL>


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

                                                                                             ‫ﺥ‬                    ‫*ﻥ‬
<STRIKE> ... </STRIKE>
<S> ... </S>


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

                                                                                  TeleType   ‫ﺏ‬       ‫ا‬       ‫ا‬    ‫*ﻥ‬
<TT> ... </TT>


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

        : ‫مإ ا لا‬                ‫ه اا‬          ‫. و‬Monospaced Text ‫ت‬         ‫َ ا‬        ‫فأ ًﺏ‬                   ‫وه ا ا‬
       ‫ه أ فا‬m‫ف‬              ‫ا‬             ‫ا‬       ‫أن ا‬  ‫ﻥ‬     ‫ات‬                  ‫آ‬   ‫ وآ‬m,i              ‫إذا أﺥ ﻥ ا‬
                                                                                           i‫ف‬            ‫ا‬           ‫ا‬

iiiiiiiiii
mmmmmmmmmm

                         ‫ة‬                      ‫آ ا‬               ‫ا‬   ‫/< ن ا‬TT> ... <TT>      ‫ام ا‬          ‫ا‬        ‫أ‬



                                                             24
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
iiiiiiiiii
mmmmmmmmmm




                                                                             :ً   ‫ت‬         ‫ة‬      ‫ﺏ‬         ‫وه أ‬
<B><I><U>
This is a Bold, Italic and Underlined Text
</U> </I> </B>

                                    This is a Bold, Italic and Underlined Text


<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
     ‫و‬       ‫ا‬    ‫ﻥ‬    ً       ‫ت‬       ‫ام ة و م و‬   ‫أو : أن ﺏ ﻥ ا‬                                  ‫و أردت ه ا‬
    ‫مو‬      ‫ه ا‬                ‫أه‬    ،ً ‫ط(. وآ ذآ ت ﺏ‬   ‫ما‬             ‫مو‬         ‫ا‬             ‫. )وذ‬     ‫ا‬       ‫ا‬
                                                                                                      ...ً ‫أ ورد أو‬
             :    ‫ا‬        ‫ا‬   ‫إ‬    ‫؟ أﻥ‬   ‫!... آ‬   ‫م ا اﺥ ﺏ‬   ‫ا ة‬      ‫وا‬             ‫دة‬        ‫ما‬     ‫ام ا‬    ‫ا‬




                                                                     : ‫ه ﺥ‬            ‫قا‬        ‫ما ﺏ ﺏ‬      ‫ﺏ ا‬
<B><I><U>
This is a Bold, Italic and Underlined Text
</B> </I> </U>

<B><I><U>
This is a Bold, Italic and Underlined Text
</B> </U> </I>




                                                          25
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
 ‫رة‬              ‫ًا ة‬     ‫.‬     ‫ﺹ‬       ‫ﻥ‬              ‫م ورﺏ‬    ‫ه ا‬    ‫ﺏ‬    ‫ﺏ‬          ‫وأﻥ‬           ‫أ ف أﻥ‬
  ‫ف‬          ‫ت أو‬                  ‫ﺹ إﻥ ﻥ آ‬            ‫ﺹ ﺏ‬                    ‫أو ﺙ ﺙ‬         ‫و‬   ‫وا ة ﻥ‬
‫م ض‬           ‫ت، و دي إ‬          ‫ا رﺏ ك‬            ‫وا اﺥ ت ا‬           ‫ﺥل ا ﺥ ءا‬      ‫ٍ‬           ‫ﺏ‬      ‫م‬   ‫ا‬
                                    ‫ب.‬     ‫وا‬        ‫ا‬      ‫ﺏ‬      ‫ا‬   ‫ه‬
  ‫م‬      ‫ﺏ ه ا‬          ‫أن‬          ‫ا ه ا‬       ‫ه ﺏ‬      ‫ﺹ‬       ‫اﺥ‬     ‫ما‬     ‫وﺝ د ا‬          ‫ه أن‬
 ‫ت‬      ‫ﺹ‬    ‫ن‬        ‫ا‬               ‫. وآ ة ه ا ات ا‬            ‫ت‬               ‫ً. وإ‬     ‫إ‬      ‫رة ا‬     ‫ﺏ‬
                           ‫> أو < أو "‬    ‫ﻥ ن ف وا أو إ رة‬               ‫رة ﺏ‬
      ‫اﺥ .‬   ‫ا‬   ‫و‬         ‫ما‬     ‫ذات ا‬       ‫ﺝ اه ا‬
                                                  ‫ً‬           ‫ا‬         ‫،ا‬      ‫... وآ ة أ‬       ‫ﺏﺥ ر‬




                                                   ‫62‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




            .

                                                                                                   .
                                                              .
                                                                  .

            < P>         .                         .
                             nbsp;&          .                                              <BR>         .
                                                                      .
                                                                          .

                               </P> ... <P>                                                 < P>
                                 .ALIGN, DIR

            :                         Center, Right ,Left                                     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>

<CENTER> This is a centered text </CENTER>

                                             This is a centered text

                                                                      <P>                      DIR
                                      (Left To Right)                                     LTR

                                                         27
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

                                (Right To Left)                             RTL

                                          (                                                 )




                            .                               </BLOCKQUOTE> ... <BLOCKQUOTE>
                                                           .

                     :               .

<BLOCKQUOTE>
<BLOCKQUOTE>




</BLOCKQUOTE>
</BLOCKQUOTE>

                                          .
.                                                                                  .


                                                  !...

                                              D                  C            B             A
                                              H                  G            F             E
                                              L                  K            J             I
                                              P                  O            N             M
                                              T                  S            R             Q

                    .<BR>            nbsp;&
:                                                 .

                                         <PRE> ... </PRE>

                                                           .         Preformated
       :                                                                                .

                                                           ABCDEFGHIJKLMNOPQRST

                .
                                                                        .




                                                      28
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




          ‫.‬                                                            ‫‪HTML‬‬
                                                                         ‫:‬
                                                            ‫‪.Ordered Lists‬‬



                                                                                ‫1.‬
                                                                                ‫2.‬
                                                                                ‫3.‬
                                                                                ‫4.‬
                                                                                ‫5.‬
                                                                                ‫6.‬

                                                 ‫‪Unordered Lists‬‬



                                                                                 ‫•‬
                                                                                 ‫•‬
                                                                                 ‫•‬
                                                                                 ‫•‬


    ‫.‬


                                   ‫>‪</OL> ... <OL‬‬




                                   ‫>‪</UL> ... <UL‬‬


   ‫‪List‬‬                                          ‫>‪<LI‬‬
                                                                                ‫‪.Item‬‬

                                        ‫:‬

‫>‪<OL‬‬
‫ا س>‪<LI‬‬
‫>‪<LI‬‬

                                            ‫92‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<LI>‫ا رام‬
<LI>    ‫ا‬
<LI>
<LI>‫م‬
</OL>




<UL>
<LI>    ‫ا ح‬
<LI>    ‫ا سا‬
<LI>     ‫زی‬
<LI>  ‫ا‬
</UL>

                                                            TYPE
                          .                                  <OL>         <UL>
               .                                                                          <LI>

                                                      A, a, I, i :
                                                                                         (1        )
                                                                                          :


                         <OL TYPE="i"> <OL TYPE="I"> <OL TYPE="a"> <OL TYPE="A">


                                   .i               .I               .a             .A
                                   .ii              .II              .b             .B
                                   .iii             .III             .c             .C
                                   .iv              .IV              .d             .D
                                   .v               .V               .e             .E


                                          HTML
                               .

                   ...
                              Disc
           circle                         ,square                                                .TYPE
                                                                                                   :

                                                 <UL TYPE="square">
                                                  <UL TYPE="circle">



                                                                          ).
                                                                               .(

                                                                     :              </UL>...<UL>

                                                           30
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                       <DIR> ... </DIR>
                                     <MENU> ... </MENU>


                               Definition Lists
                                             .
                                                                                           HTML
                                                                   Hyper Text Markup Language
                                                                                           WWW
                                                                                World Wide Web
                                                                                             FTP
                                                                           File Transfer Protocol
                                                                                             GIF
                                                                   Graphical Interchange Format
                                                                                     JPG, JPEG
                                                               Joint Photographic Experts Group

                                                           :
                                                       .               </DL> ... <DL>
                                              .                                <DT>
                                          .                              <DD>

<DL>
<DT>HTML <DD>Hyper Text Markup Language
<DT>WWW <DD>World Wide Web
<DT>FTP <DD>File Transport Protocol
<DT>GIF <DD>Graphical Interchange Format
<DT>JPG, JPEG <DD>Joint Photographic Experts Group
</DL>




                                                  31
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                                                ‫.‬


                                        ‫.‬

                     ‫.‬          ‫>‪<IMG‬‬
 ‫.‬                        ‫‪SRC‬‬                       ‫.‬

                                            ‫.‬                       ‫‪thedome.jpg‬‬

‫>"‪<IMG SRC="thedome.jpg‬‬




             ‫‪HTML‬‬
                                                            ‫.‬
                                                                                  ‫.‬

     ‫:‬              ‫‪HTML‬‬




                                 ‫.‬                      ‫/‬



         ‫.‬                                                          ‫‪HTML‬‬              ‫:‬
                                                ‫.‬


                                            ‫23‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




   (HTML                    )                                           (    ) ..
                                                     .                images




                .                                                                       .



                                             Pixel         145×200
           .                                                                                 .
                        .                                          HEIGHT, WIDTH

<IMG SRC="thedome.jpg" HEIGHT="70" WIDTH="120">




<IMG SRC="thedome.jpg" HEIGHT="300" WIDTH="500">




                    .                                    ALT       <IMG>
                                    .                      "               "
                                                           .

<IMG SRC="thedome.jpg" ALT="The Dome Of The Rock">




                                                          ALIGN                     .
     MIDDLE, LEFT, ,BOTTOM, TOP :                                                             :
                                                               :                            RIGHT

                                               33
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

                   ‫ا ي‬           ‫أي ذاة ن ا‬   ‫ﻥ مﺏ‬                                         ‫) ه (و‬       ‫ا د‬    ‫ا‬
              ‫ر ا ر وا‬               ‫ا‬   ‫ا‬  ‫. وه ه ا‬                                         ‫ا‬  ‫ﺏ ذاة ا‬     ‫ا رة‬
                                                                                               ‫‪BOTTOM‬‬        ‫ا‬
                                 ‫>"‪<IMG SRC="image.jpg" ALIGN="BOTTOM‬‬

                                                                                                                          ‫‪TOP‬‬



                      ‫رة‬     ‫ا‬         ‫ا ي‬               ‫ا‬          ‫ا ول‬          ‫نا‬           ‫ه ا‬               ‫و‬
                                                                  ‫.‬    ‫أ‬               ‫ا‬      ‫.أ ﺏ‬           ‫ا‬        ‫ذاة ا‬       ‫ﺏ‬
                                      ‫>"‪<IMG SRC="image.jpg" ALIGN="TOP‬‬

                                                                                                                 ‫‪MIDDLE‬‬

               ‫رة.‬     ‫ا‬              ‫ذاة‬       ‫ﺏ‬                  ‫ا‬       ‫ا ول‬            ‫نا‬         ‫ه ا‬                     ‫أ‬
                                                                                           ‫.‬  ‫أ‬              ‫ا‬       ‫نﺏ‬           ‫آ‬
                                     ‫>"‪<IMG SRC="image.jpg" ALIGN="MIDDLE‬‬

                                                                                                                       ‫‪LEFT‬‬

                       ‫ا ي‬            ‫ا فا‬                   ‫ر.‬      ‫ا‬    ‫أ‬       ‫رة إ‬        ‫ذاة ا‬         ‫دي إ‬          ‫ه ا‬
                                                    ‫رة.‬            ‫ار ع ا‬                    ‫و ةأ‬           ‫ا‬    ‫ا‬
                                                ‫>"‪<IMG SRC="image.jpg" ALIGN="LEFT‬‬

                                                                                                                     ‫‪RIGHT‬‬

                     ‫ا فا‬        ‫.‬          ‫ا‬        ‫أ‬        ‫رة إ‬        ‫ذاة ا‬            ‫دي إ‬        ‫أ ه ا‬
                       ‫رة.‬           ‫ار ع ا‬                            ‫ىو ةأ‬           ‫ا‬          ‫ا‬      ‫ا ي‬
                           ‫>"‪<IMG SRC="image.jpg" ALIGN="RIGHT‬‬




         ‫.‬
                                                                                                                      ‫:‬
                       ‫.‬                                                                                                              ‫‪:VSPACE‬‬
                       ‫.‬                                                                                                              ‫‪:HSPACE‬‬

                                                                                                                                          ‫:‬

‫>"02"=‪<IMG SRC="image.jpg" ALIGN="RIGHT" VSPACE="20" HSPACE‬‬




                                                                       ‫43‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

                                  ‫رة ا‬     ‫ة رج ا‬    ‫:ه ا‬       ‫ا‬
                                        ‫ا‬      ‫ذا‬     image.jpg
                                     ‫اره 02 ﺏ‬     ‫ر‬           ‫وإ‬
                              ‫ر‬   ‫ا ت ا رﺏ . ) رن ﺏ ه ا ا‬
                                   ALIGN ‫ﺥ ﺹ‬             ‫وا ر ا ﺏ ا ي و‬
                                       ‫ﺏ ا رة وا‬       ‫ا‬    ‫. و‬RIGHT   ‫ا‬
                                                                  (. ‫ا ا‬


                                              BORDER          <IMG>
                                      .                                                          .
                          .                               0                    .
                                                          :                    5

<IMG SRC="image.jpg" BORDER="5">




                      .

                                                                                                       *
                                          .
                                  .                                                 :
                                                                  :

                                                                                          JPEG ,JPG
        16.7   )    24                                    .Group Experts Photographic Joint
                                                                                               .(
                                      .(                                           ).
                                              .

                                                                                                     GIF
            . 265                                             Format Interchange Graphical
            GIF                                       .JPG
             Transparent Images
                                                                              Animated Gifs
                                                  !
                                                                                             :

                                                                                                 =JPG
                                                      .                                          =GIF




                                                  35
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
     (control panel)                                       ?Resolution                        *
                             (settings)                        (display)
            480×640                                                    (screen resolution)
 (color quality)                          .                                             600×800
                                 .
                                     Windows                                        3.1       3.11
                                                                                             .

                        .Picture Element                        Pixel
                           .     480             640               (        )                            480×640
                         .



                                                        Thumbnail                                             *
                                                                ."                       "
                        ."   "                                                  .
                                                                                                               )
                                                                        .
                                                                                    .(


          .
                                 .
 .                                            .Paint Shop Pro


                                                                        WIDTH, HEIGHT


                                                                                                     .




                                                 36
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                                            .                                      ...Links
                         .
                                                                    ...
                   ...                                                                              ...
   ...
                                                                          ...


                                 (                          )
                                 .                                                    E-mail
                                                                                        .

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

                                                    .                                          :
                             .
                                         :                                        http://www.sakhr.com

<A HREF="http://www.sakhr.com"> </A>



                                                                                             .</A> ... <A>
               :                                        Go To SAKHR :                    .

<A HREF="http://www.sakhr.com">Go To SAKHR</A>

                                                                                     :

                                             Go To SAKHR

                             .
                                                                     .                             SAKHR

Go To <A HREF="http://www.sakhr.com">SAKHR</A>

                                             Go To SAKHR

                                                                          ( )
                     :               </A> ... <A>


                                                    37
                                   www.cb4a.com           ‫ا‬   ‫ا‬  ‫آ‬  ‫ب‬    ‫ه ا ا‬
                                              ‫ر‬             ‫ب‬   ‫ت ا‬       ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif"></A>




                                                </A> ... <A>
                              .


     .                                2                                           .
                                  .                   BORDER="0"

<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif" BORDER="0"></A>




                                                      .

<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif" BORDER="6"></A>




         (         )
                       HREF                                     .                HTML
                                                                             .

index.html
                                                                         :

<A HREF="index.html">Main Page</A>

                                             Main Page

.

                                            .

<A HREF="nablus1.jpg"><IMG SRC="nablus_1.jpg" BORDER="0"></A>

                                          nablus_1.jpg
                                                                             nablus1.jpg



                                                 38
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                                                                .




                                                                                             ...


                                                                  .                 .

     .
                                      NAME            <A>


             </A> ... <A>

<A>LINKS</A>

                  )                                                    NAME
                                                                      attrib1           .(

<A NAME="attrib1">LINKS</A>



                                                                                                   ...
                                            .

                                                              .
               htutor06.html     (                        )
                      :                                                .

<A HREF="htutor06.html#attrib1">3rd Paragraph</A>

                                                3rd Paragraph

         #


                      MAILTO                                                .
                                                 EMAIL                                       HREF

<A HREF="MAILTO:yahya@palnet.com"> Email Me </A>

                                                 Email Me


                                                     39
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬


                                                          .
                                    Email
            .
                                                                    HTTP
                   Email                        HyperText Transfer Protocol
                                                                                    .       MAILTO
           .                                                                    .

                                            .

                                 .Protocol) FTP (File Transfer
                                   Groups News
       .Protocol) NNTP (Network News Transfer                                           .




                           ‫ج ن‬      ‫أﻥ‬        ‫ام ا ﻥ ﻥ و د ا و آ ت‬        ‫تإ‬      ‫إن د‬
                       ‫ي‬            ‫تا ﻥ‬       ‫ا‬      .            ‫ا ا‬      ‫ﺏ‬
                                                               .‫ت‬     ‫ه ا‬     ‫ﺏ ا ﺥﺹ‬
                       ‫دي و‬     ‫و‬     ‫أي‬         ‫ ا ﺥ ل إ‬FTP ‫ان ود‬            ‫ا‬      ً
                  ‫ان‬             ‫. أ ا‬Windows             ‫ﺏ‬       ‫ات وا ت ﺏ‬        ‫ا‬
                ‫وﻥ ، أي‬       ‫ا‬    ‫و ا‬             ‫ك ﺏ‬      ‫دي إ‬     ‫تا ﺥ ر‬       ‫إ ىا‬
                              ‫ا‬          ً  ‫ن‬       ‫تا ﺥ ر‬        ‫ﺥصﺏ‬          ‫إ قﺏ ﻥ‬
                                                                                 . ‫ا ﺹ‬




                .FTP                                                                         ...


                                  ftp://ftp.simtel.net/pub/simtelnet/win95/

                                                                         :

<A HREF="ftp://ftp.simtel.net/pub/simtelnet/win95/">Simtel FTP Server</A>

                                                 Simtel FTP Server

                       .NEWS
                   :                     HTML                        alt.html

<A HREF="news:alt.html">Alt.Html</A>

                                                     Alt.Html

                                                        40
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                             ‫)1 (‬
                                                              ‫.‬
                                                     ‫.‬

                                                         ‫‪HTML‬‬
                                                                                  ‫.‬

                        ‫.‬

             ‫‪HTML‬‬

                                 ‫.‬                                                    ‫.‬

                                                                              ‫…‬




                            ‫ول‬       ‫ا‬         ‫و م‬        ‫>‪<TABLE>...</TABLE‬‬

                    ‫ا‬       ‫‪ Table Row‬و م‬
                                                          ‫>‪<TR>...</TR‬‬
                                     ‫ا ول‬

                    ‫ا‬  ‫‪ Table Data‬و م‬
                                                          ‫>‪<TD> Cell Data </TD‬‬
                  ‫تآ ﺥ‬        ‫و‬      ‫ا‬

                                                                     ‫:‬

                        ‫…‬

                                     ‫>‪</TABLE> ... <TABLE‬‬

                                         ‫:‬    ‫.‬


                                             ‫>‪</TR> ... <TR‬‬

                                                          ‫.‬               ‫.‬


                                                     ‫14‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<TABLE>

<TR>
</TR>

<TR>
</TR>

<TR>
</TR>

</TABLE>

                                                        (   )


                                       </TD> ... <TD>

                         </TR> ... <TR>                             .
              .                                                               .
                               .

<TABLE>

<TR>

<TD> Data </TD>
<TD> Data </TD>

</TR>

<TR>

<TD> Data </TD>
<TD> Data </TD>

</TR>

<TR>

<TD> Data </TD>
<TD> Data </TD>

</TR>

</TABLE>

                                   .                            .

                                                                           Data Data
                                                                           Data Data
                                                                           Data Data



                                             42
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                                                   ‫.‬           ‫...‬       ‫.‬
                            ‫.‬                                                                ‫.‬
                                                                                     ‫:‬

                                                                                                 ‫•‬
                                                                                                 ‫•‬
                                                           ‫.‬                                     ‫•‬

         ‫.‬



                                 ‫>‪</TABLE> ... <TABLE‬‬
                                                                           ‫.‬



                   ‫آ ، وا‬        ‫ول و‬   ‫ود‬     ‫مه ا ﺹ ﺏ‬
                                     ‫ود‬    ‫ه ﺹ أي‬    ‫ا‬  ‫ا‬
                                                                                     ‫‪BORDER‬‬
        ‫>"5"=‪<TABLE BORDER‬‬
        ‫>"0"=‪<TABLE BORDER‬‬


               ‫ﺏ‬  ‫ض ا ول آ . وه ك أ‬           ‫مه ا ﺹ‬      ‫ﻥ‬
             ‫ا ض ﺏ رة‬       ‫ا ي‬   ‫أي ﺏ ﺏ ا‬      ‫ا ض: ا‬
               ‫ي د ض ا ول‬            ‫أي آ ﺏ ر ﻥ‬     ‫ة. وا‬
                      ‫. )أي أن ض ا ول‬        ‫ضﻥ ةا‬                                       ‫‪WIDTH‬‬
                                    ‫(.‬     ‫ﺏﺥ ف ضﻥ ةا‬
        ‫>"006"=‪<TABLE WIDTH‬‬
        ‫>"%08"=‪<TABLE WIDTH‬‬


                 ‫ه اا ر ع ﺥ ل‬                ‫ن‬   ‫ار ع ا ول، و‬
              ‫د ار ع ا ول‬ ‫ﻥ‬              ‫. أو‬      ‫دا ر عﺏ‬
                                                  ‫ر عﺹ ا‬               ‫ﺏ‬             ‫‪HEIGHT‬‬
        ‫>"005"=‪<TABLE HEIGHT‬‬
        ‫>"%001"=‪<TABLE HEIGHT‬‬


                                ‫ول‬   ‫ا‬   ‫ﺥ‬       ‫آ ﺥ‬   ‫ﺏ‬       ‫ا‬
                                                                           ‫‪CELLSPACING‬‬
        ‫>"01"=‪<TABLE CELLSPACING‬‬


         ‫:‬     ‫آ ﺥ . أو‬          ‫ا ود وﺏ ا ا‬     ‫ا ﺹ ﺏ‬         ‫ا‬
                                      ‫ا ول.‬          ‫ا ا‬                   ‫‪CELLPADDING‬‬
        ‫>"01"=‪<TABLE CELLPADDING‬‬



                                                  ‫34‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

             ‫ﺥ‬       ً
                 ‫را. وه‬   ‫ً أو‬       ‫ا‬   ً ‫ول أ‬     ‫ذاة ا‬
                                                  left ,right       ‫ا‬
                                                                          ALIGN
         <TABLE ALIGN="Left">
         <TABLE ALIGN="Right">


                                 ‫ول‬         ‫نا‬           ‫م‬          ‫و‬
                                                                        BGCOLOR
         <TABLE BGCOLOR="#00FFFF">




                                                                .
                                                          :

<TABLE BORDER="5">


                                                                              Data Data
                                                                              Data Data
                                                                              Data Data




<TABLE BORDER="5" CELLPADDING="5">


                                                                             Data   Data

                                                                             Data   Data

                                                                             Data   Data




<TABLE BORDER="5" CELLPADDING="5" CELLSPACING="10">



                                                                            Data    Data

                                                                            Data    Data

                                                                            Data    Data




                                           44
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬



<TABLE BORDER="5" CELLPADDING="5" CELLSPACING="10"
BGCOLOR="#FFFF00">



                                                                         Data   Data

                                                                         Data   Data

                                                                         Data   Data




<TABLE BORDER="5" CELLPADDING="5" CELLSPACING="10"
BGCOLOR="#FFFF00" HEIGHT="300">



                                                                         Data   Data

                                                                         Data   Data

                                                                         Data   Data




<TABLE BORDER="5" CELLPADDING="5" CELLSPACING="10"
BGCOLOR="#FFFF00" HEIGHT="300" WIDTH="75%">



                                                 Data                           Data

                                                 Data                           Data

                                                 Data                           Data




                               </TR> ... <TR>
                         :                                 .

                                          45
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

                  ‫، وا‬          ‫ا‬            ‫ن‬       ‫ا‬     ‫أ ً داﺥ ا‬    ‫ذاة ا‬
                                                                                             ALIGN
            Center ‫ه‬            ‫ا‬        ‫ا‬       ‫ وا‬Right, Left, Center ‫ه‬              ‫ا‬

               ‫أو‬           ‫إ‬       ‫، وذ‬        ‫داﺥ ﺥ‬
                                                 ‫ا‬          ‫ا ذاة ا د‬
                       ‫.و‬                  ‫ا‬   ‫ا اد ا‬    ‫أو‬     ‫أو ا‬                        VALIGN
                                     Baseline ,Top, Bottom, Middle : ‫ا ا ه‬

               ‫ه ن‬          ‫. وه‬                 ‫ا‬       ‫ن‬    ‫ا‬               ‫نا‬
                                                                                           BGCOLOR
               . ‫ده‬      ‫ا نا‬                        ‫< و‬TABLE>    ‫و‬       ‫د‬        ‫ا‬   ‫ا‬

                                     :

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

<TR ALIGN="Right">
<TD> Data </TD>
<TD> Data </TD>
</TR>

<TR ALIGN="Center">
<TD> Data </TD>
<TD> Data </TD>
</TR>
</TABLE>


                                     Data                                       Data
                                                                       Data                          Data
                                                         Data                               Data




<TABLE BORDER="5" HEIGHT="300">
<TR VALIGN="Top">
<TD> Data </TD>
<TD> Data </TD>
</TR>

<TR VALIGN="Bottom">
<TD> Data </TD>
<TD> Data </TD>
</TR>

<TR VALIGN="Baseline">
<TD> Data </TD>
<TD> Data </TD>
</TR>
</TABLE>

                                                            46
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

                                                    Data                        Data
                                                    Data                        Data
                                                    Data                        Data




<TABLE BORDER="5" HEIGHT="300" BGCOLOR="#FFFFFF">
<TR BGCOLOR="#808080">
<TD> Data </TD>
<TD> Data </TD>
</TR>

<TR BGCOLOR="#C0C0C0">
<TD> Data </TD>
<TD> Data </TD>
</TR>

<TR>
<TD> Data </TD>
<TD> Data </TD>
</TR>
</TABLE>


                                                             Data               Data
                                                             Data               Data
                                                             Data               Data




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

<TR BGCOLOR="#C0C0C0">
<TD> Data </TD>
<TD> Data </TD>
</TR>

<TR BGCOLOR="#FFFFFF">
<TD> Data </TD>
<TD> Data </TD>
</TR>
</TABLE>

                                       Data                                     Data
                                       Data                                     Data
                                       Data                                     Data


                                           47
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬



 ‫.‬                                       ‫.‬




                                         ‫84‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                       ( 2)
                                                                       .
                         .
                                                                                           .

  <TD>
  : HTML                                                                   .                           </TD> ...
        (                                         ).

                     .
                                                         .(                            )

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




                                                             :

             Left,   ‫ه‬       ‫ا‬    ‫أ ً، وا‬     ‫ا‬        ‫ﺝ د‬       ‫ا‬     ‫د ذاة ا‬
                                                                                               ALIGN
                                                                     Center, Right

           Top, Middle, Bottom,       ‫ﺥ ا‬   ‫، وه‬                 ‫د‬     ‫د ا ذاة ا‬
                                                                                           VALIGN
                                                                            Baseline

                                                  49
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

           ‫،‬            ‫بﺏ‬     ‫ضا‬   ‫ة‬                     ‫ا‬        ‫، وذ ﺏ ﺏ ا‬                        ‫د ضا‬
                        ‫أ‬        ‫ا ض‬                              ‫.و‬    ‫ا‬   ‫ا‬                         ‫أو ﺏ ﺏ ر‬             ‫‪WIDTH‬‬
                               ‫ف.‬  ‫آ ا‬                            ‫آ ا‬                                  ‫ف‬     ‫ا‬

           ‫.‬          ‫ة أو ا‬   ‫قا‬          ‫ﺏ‬       ‫، وذ‬           ‫ا‬            ‫ب‬     ‫دا ر عا‬
                     ‫آ‬                 ‫دي إ‬               ‫ا‬                ‫ار ع إ ى ا‬    ‫ﺏ‬   ‫و‬                            ‫‪HEIGHT‬‬
                                                                                       ‫.‬      ‫ا‬

                                                                                                ‫ا‬     ‫د نﺥ‬               ‫‪BGCOLOR‬‬

                       ‫أ ً‬         ‫ا‬           ‫ا‬     ‫ب‬            ‫ا دا‬                      ‫ا‬         ‫ا‬        ‫مﺏ‬
           ‫>"‪<TD COLSPAN="n‬‬                                                                                              ‫‪COLSPAN‬‬

                                                                  ‫د‬                ‫ا‬            ‫دا‬        ‫‪n‬ه‬

           ‫د ً )أي‬                 ‫ا‬           ‫ا‬     ‫ب‬            ‫ا دا‬                      ‫ا‬         ‫ا‬        ‫مﺏ‬
                                                                                                          ‫(.‬         ‫أ‬
           ‫>"‪<TD ROWSPAN="n‬‬
                                                                                                                         ‫‪ROWSPAN‬‬

                                                              ‫د‬                ‫ا‬       ‫دا‬            ‫‪n‬ه‬             ‫وﺏ‬




                                               ‫:‬

                           ‫‪.BGCOLOR‬‬                                        ‫.‬                                                       ‫•‬


                               ‫.‬
                                                              ‫>‪.<BODY‬‬
                                                               ‫‪.WIDTH, HEIGHT‬‬                                                      ‫•‬
      ‫.)‬
                                                                                       ‫(.‬                                   ‫:‬
               ‫...‬
  ‫(‬                                ‫)‬
                                                                                       ‫>‪.<TABLE‬‬
                       ‫.‬
                               ‫.‬
                                                                                                                                   ‫•‬
                                                                      ‫:(‬                                       ‫.)‬

       ‫>"5"=‪<TABLE BORDER‬‬

                ‫>‪<TR‬‬


                                                                           ‫05‬
                                www.cb4a.com    ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                          ‫ر‬         ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                  <TD> Data </TD>

              </TR>

              <TR>

                      <TD> Data </TD>
                      <TD> Data </TD>

              </TR>

              <TR>

                      <TD> Data </TD>

              </TR>

        </TABLE>

                                                                :

                                                  Data
                                            Data Data
                                                  Data




                                        .
                                                   .
                                            .COLSPAN, ROWSPAN



                                             :

<TABLE BORDER="5">

<TR>

<TD COLSPAN="2"> Data </TD>

</TR>

<TR>

<TD> Data </TD>
<TD> Data </TD>




                                                 51
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
</TR>

<TR>

<TD COLSPAN="2"> Data </TD>

</TR>

</TABLE>


                                            Data
                                     Data Data
                                            Data




                                                   .                        2
                                                   :          .
                                                       .                            .

                                                                                :

<TABLE BORDER="5">

<TR>

<TD ROWSPAN="3"> Data </TD>
<TD> Data </TD>

</TR>

<TR>

<TD> Data </TD>

</TR>

<TR>

<TD> Data </TD>

</TR>

</TABLE>

       .
                                                                        .

                                     Data Data
                                     Data


                                         52
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

                                        Data




  Table Header              </TH> ... <TH>
                                                                              .
                                                             </TD> ... <TD>
                                        (                           ).
                                                         .                        <TD>



                            </CAPTION> ... <CAPTION>
                              <TABLE>                                               .
                                                                              .

<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‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬



                                                        ‫.‬                     ‫...‬
                               ‫.‬
                                                                               ‫.‬




                                         ‫45‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




<TABLE WIDTH="80%" BORDER=10 BGCOLOR="#C0C0C0">
  <TR>
     <TD> ... </TD>
  </TR>
</TABLE>


                                                                      ‫وا ة‬   ‫ﺥ‬   ‫ن‬   ‫ﺝ ول‬




<TABLE WIDTH="80%" BGCOLOR="#C0C0C0">
  <TR>
     <TD HEIGHT="200"> ... </TD>
  </TR>
</TABLE>




                              ‫ود‬     ‫وا ة وﺏ ون‬        ‫ﺥ‬   ‫ن‬   ‫ﺝ ول‬




<TABLE BORDER="10">
  <TR>
    <TD><IMG SRC="image.jpg"></TD>
  </TR>
</TABLE>




                                                  55
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




<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  ‫ا‬      ‫ا‬  ‫آ‬         ‫ب‬   ‫ه ا ا‬
                                             ‫ر‬        ‫ب‬   ‫ت ا‬             ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<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>
    <TD BGCOLOR="#ff9933">...</TD>
  </TR>
  <TR>
    <TD BGCOLOR="#ff9966">...</TD>
  </TR>
  <TR>
    <TD BGCOLOR="#ff9999">...</TD>
  </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      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
  </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      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




<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‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                     ‫)1 (‬
                            ‫‪Frames‬‬
                                                                           ‫…‬

                                                     ‫…‬
                 ‫.‬
    ‫.‬




                                     ‫…‬                   ‫:‬
                                                              ‫.‬                 ‫‪Html‬‬
                             ‫.‬
                                      ‫.‬
             ‫.‬
                                                                            ‫:‬

                 ‫.‬                               ‫+‬                ‫=‬

                                 ‫.‬




                                            ‫06‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                                       .                                                    …
               .
 frame1.html, frame2.html, frame3.html                              (                               )

<HTML>
<HEAD>
<TITLE>Frame1</TITLE>
</HEAD>
<BODY>
Frame 1
</BODY>
</HTML>

                                              .


                                    <FRAMESET> ... </FRAMESET>

                                                                                  </BODY> ... <BODY>

                         (( BODY                                                                    ))

<HTML>
<HEAD>
<TITLE>Master File</TITLE>
</HEAD>

<FRAMESET>
</FRAMESET>

</HTML>

                                   COLS                                                             :
                                          …       (                     )                       .
                                                                                                        .       ...

                                                           !                ...

                                                                        .

                                                                                   <FRAMESET
                                                                                   COLS="50%,50%">
                ‫ا‬            %50          ‫آ‬            ‫د‬            ‫دإ ر‬           </FRAMESET>


                                                                                   <FRAMESET
                        %30 ‫02% و 05% و‬               ‫د ﺙ ﺙ إ رات أ‬                COLS="20%,50%,30%">
                                                         ‫ا‬        ‫ا ا‬              </FRAMESET>



                    ،      ‫002 ﺏ‬      ‫د ا ول‬            ‫د ﺙ ﺙ إ رات‬                <FRAMESET
                                                                                   COLS="200,300,*">
                                                      ،    ‫وا ﻥ 003 ﺏ‬              </FRAMESET>

                                                               61
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

                    ‫ن‬          ‫و‬                   ‫دﺏ‬                    ‫* أي اﻥ‬       ‫أ ا‬
                    ‫ﻥ ا‬      ‫ﻥ فا‬         ‫أﻥ‬            ‫)‬            ‫ا‬             ‫ا‬     ‫ﺏ‬
                                                        ‫(‬        ‫زا ا‬                    ‫ا‬
                          ‫، وا‬      ‫ا ول ه 002 ﺏ‬     ‫إ رات‬                         ‫د أرﺏ‬      ‫‪<FRAMESET‬‬
                                                                                              ‫>"%02,%51,*,002"=‪COLS‬‬
                ‫أ‬            ‫ا‬         ‫، وا اﺏ 02%‬     ‫ا‬                             ‫51%‬      ‫>‪</FRAMESET‬‬
                                     ‫.‬   ‫ا‬         ‫ﺏ‬     ‫ن‬                              ‫ا ﻥ‬
                                                                                              ‫‪<FRAMESET‬‬
                      ‫.... أ ا‬        ‫051 ﺏ‬      ‫د ﺙ ﺙ إ رات ا ول‬                             ‫>"*2,*,051"=‪COLS‬‬
                       ‫ه‬                ‫أ س أن ا ر ا‬              ‫ا‬                           ‫>‪</FRAMESET‬‬
                                             ‫ا ر ا ﻥ )*(‬       ‫)*2(‬


                                                                 ‫.‬                                     ‫‪ROWS‬‬
     ‫.‬                                                                                                    ‫.‬            ‫(‬   ‫)‬
                                         ‫(:‬                                                      ‫)‬

                                                                                              ‫‪<FRAMESET‬‬
                                                                                              ‫>"%05,%05"=‪ROWS‬‬
                     ‫ار ع ا‬         ‫05%‬                 ‫ار ع آ‬               ‫أ‬     ‫دإ ر‬       ‫>‪</FRAMESET‬‬

                                                                                              ‫‪<FRAMESET‬‬
                ‫02% و 05% و 03%‬                             ‫ار‬      ‫د ﺙ ﺙ إ رات أ‬             ‫>"%03,%05,%02"=‪ROWS‬‬
                                                                 ‫ار ع ا‬     ‫ا ا‬               ‫>‪</FRAMESET‬‬

                                                                                              ‫‪<FRAMESET‬‬
                    ‫، وا ﻥ‬          ‫05 ﺏ‬    ‫ا ول ار‬                      ‫د ﺙ ﺙ إ رات أ‬        ‫>"*,021,05"=‪ROWS‬‬
                        ‫ا‬               ‫نﺏ ر عا‬                              ‫، وا‬  ‫021 ﺏ‬      ‫>‪</FRAMESET‬‬


                    ‫، وا‬       ‫د أرﺏ إ رات أ ار ع ا ول ه 05 ﺏ‬                                 ‫‪<FRAMESET‬‬
                                                                                              ‫>"%02,%51,*,05"=‪ROWS‬‬
            ‫أ‬              ‫، وا اﺏ 02% ار ع ا‬      ‫51% ار ع ا‬                                 ‫>‪</FRAMESET‬‬
                             ‫.‬    ‫ار ع ا‬       ‫ﺏ‬     ‫ن ار‬    ‫ا ﻥ‬
                                                                                              ‫>"*2,*"=‪<FRAMESET COLS‬‬
                                 ‫ار ع ا ول‬                           ‫ا ﻥ ار‬        ‫دإ ر‬       ‫>‪</FRAMESET‬‬



                            ‫.‬                               ‫>‪<FRAMESET‬‬

                                                                                                                 ‫>‪<FRAME‬‬

            ‫(‬                             ‫)‬
                                                                                       ‫.‬
                                                             ‫.‬                                                   ‫>‪<BODY‬‬
                                                                         ‫>‪<"IMG SRC="imagname.ext‬‬

   ‫>‪.<IMG‬‬                                                                          ‫>‪<FRAME‬‬
                                               ‫.‬

                                                                           ‫26‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                   SRC                          .<FRAMESET>
                                                                                 .

                                  :       .

<FRAMESET COLS="50%,50%">
  <FRAME SRC="frame1.html">
  <FRAME SRC="frame2.html">
</FRAMESET>

                          .                              ...

                                                                             :

<FRAMESET COLS="200,400,*">
  <FRAME SRC="frame1.html">
  <FRAME SRC="frame2.html">
  <FRAME SRC="frame3.html">
</FRAMESET>

                                                                             :

<FRAMESET ROWS="50,*,15%,20%">
  <FRAME SRC="frame1.html">
  <FRAME SRC="frame2.html">
  <FRAME SRC="frame3.html">
  <FRAME SRC="frame4.html">
</FRAMESET>

                                                                                 :

<FRAMESET COLS="*,2*">
  <FRAME SRC="frame1.html">
  <FRAME SRC="frame2.html">
</FRAMESET>




               <FRAME SRC>
                                                     :            <SRC IMG>

<FRAMESET COLS="50%,50%">
  <FRAME SRC="frame1.html">
  <FRAME SRC="thedome.jpg">
</FRAMESET>




                              :

               ‫ه‬         ‫ءا ي‬     ‫ﺏ ﺏ ا‬   ‫ر‬     ‫إ رات ﻥ ج إ‬    ‫دراج ﺹ‬   •


                                          63
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

                                                                       ‫ا رات.‬
          ‫م >‪<FRAMESET‬‬          ‫ا‬  ‫أﻥ ﻥ‬      ‫‪ HTML‬إ دي‬            ‫ه‬       ‫ا‬     ‫ا‬   ‫•‬
            ‫ي‬             ‫...>‪ </FRAMESET‬ﺏ ً >‪ .<BODY/>... <BODY‬وﺏ‬
                                     ‫.‬        ‫رات و‬       ‫ا ﻥ ه‬             ‫ا‬
          ‫د ا رات )ﺹ ً آ ﻥ أو أ ة(‬              ‫‪COLS, ROWS‬‬               ‫ما‬    ‫ﻥ‬    ‫•‬
                                                                       ‫.‬      ‫وأ‬
                   ‫ﺏﻥ‬         ‫ت د آ‬      ‫ا رات ه‬                  ‫ا‬      ‫ا تا‬       ‫•‬
                      ‫أو و م ﺥ ﺹ .‬      ‫أي‬       ‫ي‬          ‫ً‬
                                                         ‫ا روس ا ﺏ أو ﺹ را. و‬
               ‫داﺥ‬       ‫داة ا ت ا‬         ‫ا‬       ‫>‪ <FRAME‬داﺥ ا‬         ‫ما‬    ‫ﻥ‬    ‫•‬
          ‫.‬        ‫ﺏ ا‬          ‫ا‬  ‫إ ا‬          ‫ا ﺹ ‪ .SRC‬ﺏ‬          ‫ا رات، وذ‬




                                                ‫:‬




                                                          ‫...‬
                                       ‫.‬
                                                                       ‫:‬                ‫.‬

                                                                                            ‫•‬




                                              ‫46‬
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                                                                 ‫•‬




                                                                       ‫:‬
                        ‫:‬

‫>"*,001"=‪<FRAMESET ROWS‬‬
  ‫>"‪<FRAME SRC="frame1.html‬‬
  ‫>"‪<FRAME SRC="frame2.html‬‬
‫>‪</FRAMESET‬‬



                                 ‫‪HTML‬‬
              ‫.‬         ‫! >‪<FRAMESET‬‬

                                         ‫56‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<FRAMESET ROWS="100,*">
  <FRAME SRC="frame1.html">

  <FRAMESET>
  </FRAMESET>

</FRAMESET>


        .                                           (               )
                                                                :

<FRAMESET ROWS="100,*">
  <FRAME SRC="frame1.html">

  <FRAMESET COLS="200,*">
    <FRAME SRC="frame2.html">
    <FRAME SRC="frame3.html">
  </FRAMESET>

</FRAMESET>




<FRAMESET COLS="100,*">
  <FRAME SRC="frame1.html">

  <FRAMESET ROWS="200,*">
    <FRAME SRC="frame2.html">
    <FRAME SRC="frame3.html">
  </FRAMESET>

</FRAMESET>

                                                           :




                                         66
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                        )
                                .(

<FRAMESET COLS="100,*,100">
  <FRAME SRC="frame1.html">
  <FRAME SRC="frame2.html">
  <FRAME SRC="frame3.html">
</FRAMESET>




                                                            (                       )

<FRAMESET ROWS="80,*">
  <FRAME SRC="frame2.html">
  <FRAME SRC="frame4.html">
</FRAMESET>


                                     :

<FRAMESET COLS="100,*,100">
  <FRAME SRC="frame1.html">

  <FRAMESET ROWS="80,*">
    <FRAME SRC="frame2.html">
    <FRAME SRC="frame4.html">
  </FRAMESET>

  <FRAME SRC="frame3.html">
</FRAMESET>




                                                                               .

                                         67
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                         ( 2)
                                                                             .
          .                                                      .


                                                         <BODY>                               <FRAMESET>
                                                            <FRAME>               .
                  .                                                                       .


                  .(                                      )

                                                          <FRAMESET>
                                                                                      .Netscape, MS Explorer
                                                                     .

                                                            FRAMEBORDER
                                                          :        .                          0        1

<FRAMESET ROWS="50,*,15%,20%" FRAMEBORDER="0">
  <FRAME SRC="frame1.html">
  <FRAME SRC="frame2.html">
  <FRAME SRC="frame3.html">
  <FRAME SRC="frame4.html">
</FRAMESET>



                                                                         :

              (BORDER="n")   .                                                           :BORDER        •
                                                                                     Netscape
      .       Netscape           (BORDERCOLOR="rrggbb")                           :BORDERCOLOR          •
                                                                                 :FRAMESPACING          •
                                             .MS Explorer                        (FRAMESPACING="n")




                                                :             <FRAME>

 .(           )                                                                  :MARGINHEIGHT          •

          MARGINHEIGHT="n"




                                                    68
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
  .(      )                                                       :MARGINWIDTH          •

       MARGINWIDTH="n"

                                                                      :SCROLLING        •
                                     auto .                no .   yes       .
                                     Windows                              .

       SCROLLING="yes"
       SCROLLING="no"
       SCROLLING="auto"

                                                                          NORESIZE      •
                                                       .              .

                                                   )
                                                            .(

                                        NORESIZE                                  .



<FRAMESET COLS="50%,50%">
<FRAME SRC="thedome.jpg" MARGINHEIGHT="40">
<FRAME SRC="frame2.html">
</FRAMESET>




<FRAMESET COLS="50%,50%">
<FRAME SRC="thedome.jpg" MARGINHEIGHT="40" MARGINWIDTH="30">
<FRAME SRC="frame2.html">
</FRAMESET>




<FRAMESET COLS="50%,50%">
<FRAME SRC="thedome.jpg" MARGINHEIGHT="40" MARGINWIDTH="30" SCROLLING="yes">
<FRAME SRC="frame2.html">
</FRAMESET>




<FRAMESET COLS="50%,50%">
<FRAME SRC="thedome.jpg" MARGINHEIGHT="40" MARGINWIDTH="30" SCROLLING="yes" NORESIZE>
<FRAME SRC="frame2.html">
</FRAMESET>



                                              69
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
    FRAMEBORDER, FRAMESPACING, BORDER, BORDERCOLOR
                       .<FRAMESET>
              .                          .

                                                                    NAME

                                                                .



                    :

                          <NOFRAMES> ... </NOFRAMES>


                                                                        ).
                                                               (Netscape, MS Explorer
                                                        .


          .

<HTML>
<HEAD>
<TITLE>Main File</TITLE>
</HEAD>
<FRAMESET ROWS="50,*,15%,20%" FRAMEBORDER="0">
  <FRAME SRC="frame1.html">
  <FRAME SRC="frame2.html">
  <FRAME SRC="frame3.html">
  <FRAME SRC="frame4.html">
</FRAMESET>

<NOFRAMES>
<BODY>




</BODY>
</NOFRAMES>

</HTML>



                )
                                                                           !!(

                                                                             ...
                                                                               .NAME
                                         70
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                      ( 3)
                                .
                .                                                                  .
                                                      .

     NAME
                                                  .
                        .

                                       <FRAME>
                                                .                  .
                        http://www.khayma.com/hpinarabic/examples/mainfile.html
                                                                 )
                                        .                                              .(
          ...                                     )                            !
                            .                                                          .(
                         .
                    .



                                                      mainfile.html

<HTML>
<HEAD>
<TITLE>Main File</TITLE>
</HEAD>
<FRAMESET ROWS="60,*">
<FRAME SRC="header.html" NORESIZE SCROLLING="NO" MARGINHEIGHT="1" MARGINWIDTH="1">
<FRAMESET COLS="120,*">
<FRAME SRC="lftframe.html" NORESIZE SCROLLING="NO" MARGINHEIGHT="1" MARGINWIDTH="1">
<FRAME SRC="htmintro.html">
</FRAMESET>
</FRAMESET>
</HTML>




                                              header.html             (   )

<HTML>
<HEAD>
<TITLE>Header File</TITLE>
</HEAD>
<BODY bgcolor="#BCD8EB">
<CENTER><IMG SRC="frambnr.jpg"></CENTER>


                                             71
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
</BODY>
</HTML>




                       lftframe.html

<HTML>
<HEAD>
<TITLE>Buttons</TITLE>
</HEAD>
<BODY BGCOLOR="#BCD8EB">
<A HREF="htutor01.html"><IMG SRC="lesson1.jpg"></A><BR>
<A HREF="htutor02.html"><IMG SRC="lesson2.jpg"></A><BR>
<A HREF="htutor03.html"><IMG SRC="lesson3.jpg"></A><BR>
<A HREF="htutor04.html"><IMG SRC="lesson4.jpg"></A><BR>
<A HREF="htutor05.html"><IMG SRC="lesson5.jpg"></A><BR>
</BODY>
</HTML>




      .
                                                                     .
                                                                                      htmintro.html



                                                                           NAME

                               .
                                       ) </A> ... <A>
                           (                            ) .TARGET            (.

                                                                 :
                                   !             ?NAME
                                                    .                       <FRAME>
             <FRAME>                                         !       ...

                                                         .
                               .mainwindow                                        .
     ) ^%$# /
                                            .(                                              _

                                                                     :

<HTML>
<HEAD>
<TITLE>Main File</TITLE>
</HEAD>


                                                         72
                                  www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                            ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬      ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<FRAMESET ROWS="60,*">
<FRAME SRC="header.html" NORESIZE SCROLLING="NO" MARGINHEIGHT="1" MARGINWIDTH="1">
<FRAMESET COLS="120,*">
<FRAME SRC="lftframe.html" NORESIZE SCROLLING="NO" MARGINHEIGHT="1" MARGINWIDTH="1">
<FRAME SRC="htmintro.html" NAME="mainwindow">
</FRAMESET>
</FRAMESET>
</HTML>

                                      .
                                                          .

    .
                  .                                                  TARGET
        :                     !                                     .lftframe.html

<HTML>
<HEAD>
<TITLE>Buttons</TITLE>
</HEAD>
<BODY BGCOLOR="#BCD8EB">
<A HREF="htutor01.html" TARGET="mainwindow"><IMG SRC="lesson1.jpg"></A><BR>
<A HREF="htutor02.html" TARGET="mainwindow"><IMG SRC="lesson2.jpg"></A><BR>
<A HREF="htutor03.html" TARGET="mainwindow"><IMG SRC="lesson3.jpg"></A><BR>
<A HREF="htutor04.html" TARGET="mainwindow"><IMG SRC="lesson4.jpg"></A><BR>
<A HREF="htutor05.html" TARGET="mainwindow"><IMG SRC="lesson5.jpg"></A><BR>
</BODY>
</HTML>



                                                    ...
                          .                               ...
                      .

.

                                                                                     .


                                  :                             .

<A HREF="filename.html" TARGET="mainwindow"> ... </A>

                                                                     :

<A HREF="filename.html"> ... </A>

                                                                .




                                               73
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                     ‫‪HTML‬‬                                   ‫.‬
              ‫.‬                                                                   ‫"‪"_top‬‬       ‫‪TARGET‬‬
                          ‫.‬
                                           ‫‪.mainwindow‬‬                                     ‫‪HTML‬‬

                    ‫‪HTML‬‬                                ‫‪_top‬‬
                              ‫‪.lowercase‬‬                                                   ‫.‬
          ‫:‬                     ‫.‬




                  ‫‪_top‬‬

                                            ‫ﺝ دة أﺹ ً‬    ‫رات ا‬   ‫ا‬    ‫أي‬          ‫ى‬        ‫أ‬         ‫ا‬




                  ‫‪_blank‬‬

                                                          ‫ا‬      ‫ضا‬   ‫و‬               ‫ﺝ ةو ر‬             ‫مﺏ‬




                  ‫‪_self‬‬

                                 ‫ا‬     ‫ﻥ ا را ي ﺝ ﺏ ا ﺹ ا‬                     ‫ا‬       ‫ا ( مﺏ‬     ‫ا‬            ‫)ا‬
                                         ‫آ ؟(‬   ‫دون وﺝ د ه ا ، أ‬           ‫ث دا‬        ‫ها‬  ‫، )وﺏ‬               ‫ا‬




                                               ‫47‬
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                   ‫‪_parent‬‬

                                                                          ‫ن ا ر ا ب،‬                     ‫را‬          ‫مﺏ ضا‬
                                                                    ‫آ .‬    ‫ﺹ إ رات‬                     ‫ا ي‬          ‫ا‬  ‫ا‬   ‫و‬




                             ‫م >‪</FRAMESET> ... <FRAMESET‬‬                   ‫ا‬    ‫ﺙ ﺙ أزواج‬                  ‫جإ‬    ‫ف أﻥ ﻥ‬      ‫أﻥ‬
                                                                                                   ‫.‬             ‫ه ا‬     ‫ﺥ اج‬

                                                                                       ‫آ‬                ‫ا‬          ‫ا ول‬   ‫•‬
                                                          ‫ا‬     ‫ا‬               ‫ر 2و3ا‬                 ‫ا‬            ‫ا ﻥ‬   ‫•‬
                                                          ‫ر3‬    ‫ا‬               ‫ر 4و5ا‬                 ‫ا‬              ‫ا‬   ‫•‬

                             ‫ر 2 و 3 وأن ا ر 3 ه‬     ‫ه ا ب )أو ا م إذا أردت(‬                 ‫ﻥ ل أن ا‬
                                                                                               ‫ا‬           ‫وﺏ‬
                               ‫ه ا‬         ‫وﺹ‬    ‫ا ل إذا ا ى ا ر 5 أو 4‬                ‫ر 4 و 5. و‬        ‫ا ب‬
                                    ‫ر 1و2ﺏ ﺏ ا‬               ‫ﺏ‬     ‫ر 3... وه ا ا‬    ‫نا‬              ‫‪_parent‬‬
                                                                                                    ‫.‬        ‫ا‬
                             ‫(‬       ‫ى ا ول )ا‬   ‫ا‬         ‫مﺏ‬       ‫‪_top‬‬   ‫‪ _top‬ن ا‬   ‫وا‬     ‫ﺏ ه ا‬          ‫و‬
                                                                         ‫.‬    ‫ا ﺹ ا‬              ‫ا‬    ‫دا ً وﺏ‬


                                 ‫:‬                                                         ‫.‬

‫>‪<A HREF="mainfile.html" TARGET="_top"><IMG SRC="mainpage.jpg"></A><BR‬‬
‫>‪<A HREF="htmintro.html" TARGET="_top"><IMG SRC="noframes.jpg"></A><BR‬‬

                                                                                   ‫.‬




                                                     ‫57‬
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                            ‫!!!‬                 ‫...‬
    ‫.‬
‫.‬
                                     ‫.‬
                 ‫(.‬    ‫)‬

                                                      ‫.‬
       ‫.‬                                                  ‫.‬


‫‪Horizontal‬‬                  ‫‪HTML‬‬
                              ‫:‬  ‫.‬       ‫>‪<HR‬‬                                   ‫‪Rule‬‬

‫>‪<HR‬‬

                                                                     ‫:‬



                      ‫‪SIZE‬‬                                          ‫.‬
                                                                            ‫:‬

‫>"5"=‪<HR SIZE‬‬




‫>"1"=‪<HR SIZE‬‬




‫>"01"=‪<HR SIZE‬‬




                                         ‫‪WIDTH‬‬

‫>"%08"=‪<HR WIDTH‬‬




‫>"004"=‪<HR WIDTH‬‬




‫>"%06"=‪<HR SIZE="5" WIDTH‬‬



                                         ‫67‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                   center, left, right         ALIGN

<HR WIDTH="80%" ALIGN="center">




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




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




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




                                                            (Explorer MS       ) COLOR

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




                                             <-- ... --!>
         .

This is line one<BR>
<!-- This is line two --><BR>
and, this is line three<BR>




This is line one

and, this is line three




                                     )                           <BR>
                                CLEAR                              .(


                                         .                            ALIGN
               .                                                                  right

                                                77
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
 ‫‪ALIGN‬‬                             ‫‪bottom‬‬                                         ‫‪.left‬‬                         ‫(‬               ‫)‬
                                    ‫.‬

                         ‫.‬                                                                    ‫‪CLEAR‬‬
                ‫)‬                                                                                             ‫‪right‬‬
                     ‫!!(‬                                        ‫...‬
                                                                 ‫‪.right‬‬                      ‫‪ALIGN‬‬

                                                                   ‫‪left‬‬
                                                                    ‫‪left‬‬                                                  ‫.‬

                                                                                                                 ‫...‬
                                                                           ‫.‬                                              ‫‪all‬‬




                                                                                                         ‫‪RIGHT‬‬




                    ‫ا ي‬      ‫ا فا‬         ‫.‬       ‫ا‬         ‫أ‬    ‫ذاة ا رة إ‬                 ‫دي إ‬         ‫أ ه ا‬
                                                      ‫رة.‬        ‫ار ع ا‬                     ‫ىو ةأ‬         ‫ا‬  ‫ا‬
                                 ‫>"‪<IMG SRC="image.jpg" ALIGN="RIGHT‬‬
                                         ‫>"‪<BR CLEAR="right‬‬

                     ‫ا‬       ‫ا ﺹ "‪ CLEAR="right‬ﺝ ﻥ أﻥ‬                                      ‫>‪<BR‬‬      ‫ا‬         ‫ذا أ‬
                                                                                                          ‫ف‬           ‫ا‬



                                                                                              ‫‪left‬‬

                                                                                                         ‫‪RIGHT‬‬


                 ‫ا فا‬        ‫.‬      ‫ا‬         ‫أ‬   ‫رة إ‬      ‫ذاة ا‬              ‫دي إ‬          ‫أ ه ا‬
                   ‫رة.‬           ‫ار ع ا‬                  ‫ىو ةأ‬             ‫ا‬           ‫ا‬       ‫ا ي‬
                                 ‫>"‪<IMG SRC="image.jpg" ALIGN="RIGHT‬‬
                                         ‫>"‪<BR CLEAR="left‬‬

                         ‫ا ﺹ "‪CLEAR="left‬‬                       ‫>‪<BR‬‬            ‫ام ا‬        ‫ة ا‬          ‫أن‬       ‫ﻥ‬
                                                                                   ‫ا‬       ‫رغ أ‬                 ‫ه إ‬

                                                         ‫87‬
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                       ‫‪left‬‬                                                 ‫‪left‬‬

                                                                                                 ‫‪LEFT‬‬




                    ‫ا ي‬    ‫ا فا‬       ‫ر.‬       ‫ا‬     ‫أ‬      ‫رة إ‬       ‫ذاة ا‬         ‫دي إ‬          ‫ه ا‬
                                               ‫رة.‬       ‫ار ع ا‬                    ‫و ةأ‬          ‫ا‬    ‫ا‬
                           ‫>"‪<IMG SRC="image.jpg" ALIGN="LEFT‬‬
                                   ‫>"‪<BR CLEAR="left‬‬

                ‫ن‬   ‫ا‬        ‫ا‬    ‫ا‬        ‫و‬         ‫ءأ‬            ‫)‬           ‫آ‬      ‫ه ا‬          ‫ا ن‬
                                                                                            ‫!(‬       ‫ا‬

                                                                          ‫‪all‬‬



                                                               ‫(.‬                                    ‫.)‬
                                                                                            ‫.‬


                                 ‫>‪<NOBR> ... </NOBR‬‬

                                                              ‫(.‬               ‫)‬    ‫‪BReak NO‬‬




                                                ‫97‬
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                ‫(‬            ‫)‬                                                          ‫.‬
                                                           ‫.‬                          ‫‪HTML‬‬


           ‫!!‬                                                                             ‫.‬
                                                                          ‫.‬
                                                                                  ‫.‬


                    ‫)‬                           ‫(‬                             ‫)‬
                         ‫.‬       ‫..‬   ‫)‬                             ‫(..‬
      ‫(.‬                ‫..‬                                     ‫..‬
                                          ‫‪Paint Shop Pro‬‬
                                                                                      ‫.‬

                                                                    ‫.‬
  ‫.‬                                        ‫..‬




‫>"0"=‪<IMG SRC="flowers.jpg" WIDTH="320" HEIGHT="310" BORDER‬‬




                                                    ‫08‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
  USEMAP="#map_name"             <IMG>

                                   map_name             .(                          )
                                     .#                                    .(   )

                             :                               .ourmap

<IMG SRC="flowers.jpg" WIDTH="320" HEIGHT="310" BORDER="0" USEMAP="#ourmap">

                       .                            .



                                              ourmap

<MAP NAME="ourmap">
...
</MAP>

                                                                       #
                 :




                                                                  .
  .
                                                        .

                                             HTML
          .                                                            <AREA>

<MAP NAME="ourmap">

                                             81
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<AREA>
<AREA>
<AREA>
<AREA>

</MAP>

         SHAPE
                                            COORDS
     ‫ا رس ا دس‬                    HREF

                                                                     ...
                                        :                          SHAPE

                                                                               RECT


                                                                            CIRCLE


                                                                               POLY


                        :(          )

<MAP NAME="ourmap">

<AREA SHAPE="poly">
<AREA SHAPE="rect">
<AREA SHAPE="circle">
<AREA SHAPE="poly">

</MAP>




                        .COORDS
          (                                 )
                  :                             .




                                            82
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
‫(‬        ‫.)‬




          ‫.)‬
                                                                                   ‫(‬




                                     ‫(‬                                        ‫.)‬



                                     ‫!‬

              ‫.‬                                 ‫.‬
                  ‫.‬




                                         ‫38‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                                                          :
      .(310,300)                           (28,255):

                          .     175                   (140,160)

                   (315,230) ,(300,20) ,(150,10)                  (   )
                               .                                  .

 (10,140) ,(110,65) ,(130,10) ,(10,10) :     (          )

                                      :

<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


<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  ‫ا‬   ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                              ‫ر‬     ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
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>




                            ).
                                                         .
                                            (

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




                                                         :
... <MAP>                                                                             :
                                                !!.                                 </MAP>
                                                                 USEMAP
                                  .

  .                                     .                                             :
         .                                      .

                                 USEMAP
                                                             (                 ).




                                                    85
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                                       ‫>‪</BODY> ... <BODY‬‬
 ‫"‪USEMAP="#map_name‬‬
                                                                         ‫.‬

   ‫..‬                                                                        ‫:‬

                                              ‫.‬
        ‫..‬                                               ‫!!‬
                        ‫.)‬

                   ‫‪Live Image‬‬                                   ‫(‬
                         ‫.‬                        ‫‪http://www.mediatec.com/a/index.php‬‬




                                         ‫68‬
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                             ‫)1 (‬
                   ‫.‬

                                    ‫‪HTML‬‬              ‫(‬       ‫)‬

                                                                                 ‫...‬
   ‫.‬
               ‫.‬
       ‫.‬

‫‪HTML‬‬                                         ‫...‬
                                ‫.‬
           ‫(‬                                              ‫)‬
                           ‫‪JavaScript, CGI‬‬                               ‫(‬       ‫)‬
                                                              ‫.‬
                ‫...‬                 ‫.‬          ‫‪HTML‬‬                                    ‫.‬
               ‫‪.HTML‬‬                                                ‫.‬



                       ‫:‬

                                                                  ‫‪Text‬‬

                                                                                 ‫1 ‪Option‬‬


                                                                             ‫1‬         ‫2‬         ‫3‬




                                                                                                ‫أر‬


                                                                                            ‫ا‬    ‫ا‬




                                                    ‫78‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                                                    .
                                                                                               .



                (                      )
                                                            :

                                           </FORM> ... <FORM>

        :                          .

                                                                                               ACTION

                               .
                     CGI                          .                                 Email
                                                                                   Server
                           (                            )

                                                            .

<FORM ACTION="mailto:someone@domain.com"> ... </FORM>
<FORM ACTION="name_and_address_of_CGI_script"> ... </FORM>



                                                                                             METHOD

                           .ACTION
            .   Server                                                                 GET :
                (      )
                                                                 Post                    .
                                                                            .

<FORM ACTION="mailto:someone@domain.com" METHOD="post"> ... </FORM>
<FORM ACTION="name_and_address_of_CGI_script" METHOD="get"> ... </FORM>



                                                                                             ENCTYPE

                ):                            .
                                                                        (

                                                                application/x-www-form-urlencoded     •
                                                                                         text/plain   •




                                                   88
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
  Multi-                             MIME                     )
                                                                                    Extentions Mail Internet purpose
                                               .(
                      :                             text/plain                            .

NAME=Yahya Al-Sharif
Address=Nablus , Palestine
Email=yahya@palnet.com

                                                                                          Address, Email ,Name            )
   (

                             :                          application/x-www-form-urlencoded

NAME=Yahya+Al-Sharif&Address=Nablus+,+Palestine&Email=yahya@palnet.com

                                           .
                                                                                                                  Formaters
                                                                                                            text/plain
                                               .                                                                       .

                                                                                                            :
                                                                                                        :

<FORM ACTION="mailto:email@domain.com" METHOD="post" ENCTYPE="text/plain">
...
</FORM>

                  .



                                 <INPUT>                          .
                                      ...           .


                                                                                          Sindbad 3.x               :
                                                                                                                   Netscape

                                                                      Nablus, Palestine
                                 Please enter your address:

                                 (                       )                            <INPUT>
                                         TEXT                                                                       TYPE

<FORM ...>
<INPUT TYPE="text">
</FORM>



                                                         89
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                                                                           :




                                                                            :          ‫ة‬
                      TYPE            ‫ا ﺹ‬                  ‫ل )ا ( ا‬    ‫إ ﺝ ا‬
                             ‫ًﺏ‬                               ‫و ف أ آ ا ن ﺏ ون‬
                 ‫م‬       ‫ﺏ‬            ‫ﻥ رﺝ‬       ‫ﺥ‬        ‫أن ه ك‬           .
                                                           <TEXTAREA> ,<SELECT>
                                                                      <INPUT TYPE="text">

                                                               <INPUT TYPE="password">

                                                                 <INPUT TYPE="hidden">

                                                                    <INPUT TYPE="radio">

                                                               <INPUT TYPE="checkbox">

                         Submit Query                            <INPUT TYPE="submit">

                                                                     <INPUT TYPE="reset">

                                                                    <INPUT TYPE="button">



                                                     TYPE
                                  NAME           <INPUT>                               ..
            .(                                           ).                        address

                                                      .
                                                          ).
                                  (          )                 .(
                                                                                               .

<FORM ...>
<INPUT TYPE="text" NAME="address">
</FORM>




                                                                     : enter your address Please
                                                                       .
                                                                                                   .NAME
                                                     90
                                      www.cb4a.com         ‫ا‬     ‫ا‬  ‫آ‬  ‫ب‬ ‫ه ا ا‬
                                                  ‫ر‬            ‫ب‬   ‫ت ا‬    ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<FORM ...>
Please enter your address : <INPUT TYPE="text" NAME="address">
</FORM>


Please enter your address :


                      (                               ) Nablus, Palestine
                                         .VALUE

                                                                    .

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

                                  Nablus, Palestine
Please enter your address :


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

                                  Nablus, Palestine
Please enter your address :


                                                       10

                                  Nablus, Palestine
Please enter your address :

           .                                                                            SIZE
                              .                                                                        :
                          MAXLENGTH                                     .
                                                                                                .

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

                                  Nablus, Palestine
Please enter your address :


                          ?                             30

                              :                                             INPUT

                                                                    .         (     )          :TYPE       •


                                                             91
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                                                   .                   :NAME                •
                                               .               (    )                 :VALUE                •
                                                                        .                :SIZE              •
                                      .                                          :MAXLENGTH                 •




                           text               password
                                      .                             ******


<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 name :

                                                                                 : Please enter your password


                                                         VALUES
         .                                                                                          .



                                          .          hidden
                                                                                    :           .

<FORM ...>
Please enter your name :
<INPUT TYPE="text" NAME="the name" VALUE="" SIZE="40" MAXLENGTH="30">

<INPUT TYPE="hidden" NAME="my forms" VALUE="form1">

Please enter your passwod :
<INPUT TYPE="password" NAME="the password" VALUE="" SIZE="40" MAXLENGTH="30">
</FORM>


Please enter your name :

                                                                                 : Please enter your passwod



                                                                             :              .
                                              ...
     .                            .

                                                           .                                            (       )

                                                    92
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                                                                ...

<INPUT TYPE="hidden" NAME="my forms" VALUE="form1">


                                                                                ...

<INPUT TYPE="hidden" NAME="my forms" VALUE=" form2">


                                                                             ...

<INPUT TYPE="hidden" NAME="my forms" VALUE=" form3">




                                     :

                                                                                      my forms=form1
                                                                                      my forms=form2
                                                                                      my forms=form3

       .


                                                             .
                                          .

<FORM ...>
<TABLE BORDER="0">
<TR>
<TD>Please enter your name : </TD>
<TD>
<INPUT TYPE="text" NAME="the name" VALUE="" SIZE="40" MAXLENGTH="30">
</TD>
</TR>

<TR>
<TD>Please enter your password :</TD>
<TD>
<INPUT TYPE="password" NAME="the password" VALUE="" SIZE="40" MAXLENGTH="30">
</TD>
</TR>
</TABLE>
</FORM>




                                                                        Please enter your name :
                                                                    Please enter your password :

                                               ...

                                              93
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                         ( 2)
                                                     .
Text, Password,                                             .
                        .                                                      Hidden

          ,Radio :
                                                                           Checkbox

                                                            .RADIO
                                          .

                                     )
                      RADIO                                                (
                     (Sindbad 3.0                                               ):

   Sindbad 3.0

   Sindbad 4.0

   Ms Explorer 3.0

   Ms Explorer 4.0

                                                            ...

<FORM>

</FORM>

                                    <INPUT>

<FORM>
<INPUT TYPE="radio">
</FORM>




<FORM>
<INPUT TYPE="radio"> <BR>
<INPUT TYPE="radio"> <BR>
<INPUT TYPE="radio"> <BR>
<INPUT TYPE="radio"> <BR>
</FORM>




                                                94
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                             .       NAME

.
                                            browser

<FORM>
<INPUT TYPE="radio" NAME="browser"> <BR>
<INPUT TYPE="radio" NAME="browser"> <BR>
<INPUT TYPE="radio" NAME="browser"> <BR>
<INPUT TYPE="radio" NAME="browser"> <BR>
</FORM>




        (                )
                             .browser


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




                                 .
                                        .                            .
                                                .
                                                                                  .

<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        ‫ا‬       ‫ا‬    ‫آ‬  ‫ب‬  ‫ه ا ا‬
                                             ‫ر‬             ‫ب‬      ‫ت ا‬     ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<INPUT TYPE="radio" NAME="browser" VALUE="Msie3"> MS Explorer 3.0<BR>
<INPUT TYPE="radio" NAME="browser" VALUE="Msie4"> MS Explorer 4.0<BR>
</FORM>


     Sindbad 3.0

     Sindbad 4.0

     MS Explorer 3.0

     MS Explorer 4.0



                       .                                                CHECKED

<FORM>
<INPUT TYPE="radio" NAME="browser" VALUE="Sind3"> Sindbad 3.0 <BR>
<INPUT TYPE="radio" NAME="browser" VALUE="Sind4" CHECKED>
Sindbad 4.0<BR>
<INPUT TYPE="radio" NAME="browser" VALUE="Msie3"> MS Explorer 3.0<BR>
<INPUT TYPE="radio" NAME="browser" VALUE="Msie4"> MS Explorer 4.0<BR>
</FORM>


     Sindbad 3.0

     Sindbad 4.0

     MS Explorer 3.0

     MS Explorer 4.0

.(                         )                                                      ...
                                                                             :

                                           browser=Msie3



                               .CHECKBOX
                                  .
                                                      .

     Sindbad 3.0

     Sindbad 4.0

     MS Explorer 3.0

     MS Explorer 4.0

!
       .                                 RADIO        RADIO   CHECKBOX
                                     :


                                                 96
                                 www.cb4a.com         ‫ا‬       ‫ا‬   ‫آ‬   ‫ب‬  ‫ه ا ا‬
                                            ‫ر‬              ‫ب‬     ‫ت ا‬      ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<FORM>
<INPUT TYPE="checkbox" NAME="Sind3" VALUE="Yes"> Sindbad 3.0 <BR>
<INPUT TYPE="checkbox" NAME="Sind4" VALUE="Yes"> Sindbad 4.0 <BR>
<INPUT TYPE="checkbox" NAME="Msie3" VALUE="Yes"> MS Explorer 3.0 <BR>
<INPUT TYPE="checkbox" NAME="Msie4" VALUE="Yes"> MS Explorer 4.0 <BR>
</FORM>

                                              .TYPE             checkbox
            .                               VALUE                .                 NAME
                                                            .


                 CHECKBOX             ‫أ‬        ‫وا‬          ‫اﺥ ر‬        ‫ ﻥ‬RADIO
                         ‫تا‬       ‫ا‬        ‫م دة‬               ،            ‫ر أآ‬
                          .‫ال‬     ‫ا‬          ‫ة أﺝ ﺏ‬                      ‫أن ﻥ‬
                       ‫،أ‬                 ‫ة وا‬     ‫ل‬       ‫ءا‬     ‫نأ‬       RADIO
                             ‫ة‬               ‫وا‬        ‫ء‬        ‫نا‬     CHECKBOX

        :

                                             Sind4=Yes
                                             Msie4=Yes

  CHECKED                         RADIO

<FORM>
<INPUT TYPE="checkbox" NAME="Sind3" VALUE="Yes" CHECKED>
Sindbad 3.0 <BR>
<INPUT TYPE="checkbox" NAME="Sind4" VALUE="Yes"> Sindbad 4.0 <BR>
<INPUT TYPE="checkbox" NAME="Msie3" VALUE="Yes" CHECKED>
MS Explorer 3.0 <BR>
<INPUT TYPE="checkbox" NAME="Msie4" VALUE="Yes"> MS Explorer 4.0 <BR>
</FORM>


   Sindbad 3.0

   Sindbad 4.0

   MS Explorer 3.0

   MS Explorer 4.0




                                                                <INPUT>

<SELECT>
  <OPTION>
  <OPTION>
  <OPTION>

                                                  97
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
  .....
  .....
</SELECT>

                          <OPTION>                               <SELECT/> ... <SELECT>
                                                         .

<FORM>
<SELECT>
  <OPTION> Sindbad 3.0
  <OPTION> Sindbad 4.0
  <OPTION> MS Explorer 3.0
  <OPTION> MS Explorer 4.0
</SELECT>
</FORM>

                                                                             :

 Sindbad 3.0


                                     .
         .
                   SIZE                  .                       NAME            <SELECT>
               .                             .                                   (     )

<FORM>
<SELECT NAME="browser" SIZE="2">
  <OPTION> Sindbad 3.0
  <OPTION> Sindbad 4.0
  <OPTION> MS Explorer 3.0
  <OPTION> MS Explorer 4.0
</SELECT>
</FORM>

 Sindbad 3.0
 Sindbad 4.0




   .MULTIPLE
                             (4              SIZE                            )
                                                             .

<FORM>
<SELECT NAME="browser" SIZE="4" MULTIPLE>
  <OPTION> Sindbad 3.0
  <OPTION> Sindbad 4.0
  <OPTION> MS Explorer 3.0
  <OPTION> MS Explorer 4.0
</SELECT>
</FORM>




                                                    98
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
  Sindbad 3.0
  Sindbad 4.0
  MS Explorer 3.0
  MS Explorer 4.0


     .                                            ctrl

                                                     VALUE     <OPTION>
             <OPTION>                             SELECTED           .
                                                                       .

<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




                                              <TEXTAREA> ... </TEXTAREA>

         .                        NAME
                                                                           VALUE

<TEXTAREA NAME="comments">
Hello, please write your comments here :-)
</TEXTAREA>

  Hello, please w rite your comments here :




             ROWS                               COLS


                                                          99
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<TEXTAREA NAME="comments" COLS="30" ROWS="6">
</TEXTAREA>




                   )                                           WRAP
                                     :                                 (MS Explorer 3.0

                                                                                   : virtual
                             (                                                       )

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




                                                                      : physical

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




                                            100
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                                                                                    : off


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




                               submit                    <INPUT>
                                               .

<INPUT TYPE="submit">

 Submit Query



                                                       (Netscape    Submit Query )   Submit
                                                                    VALUE

<INPUT TYPE="submit" VALUE="Press here to send the form">

 Press here to send the form




                   <INPUT>          TYPE       reset
                                                                   .submit

<INPUT TYPE="reset" VALUE="Forget about it">

 Forget about it



>                                                             INPUT     <button
                               (           )
                                                          .                                 JavaScript
                   .reset, submit                                                       .

<INPUT TYPE="button" VALUE="This is a sample button">

                                                              .                               ...
                                                                                               .
                                           .


                                                       101
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




                                                                 ‫..‬             ‫..‬
                           ‫:‬               ‫...‬                            ‫...‬                          ‫.‬

     ‫‪Best Viewed with MS‬‬              ‫‪Best Viewed with Netscape Navigator‬‬
                       ‫(‬                    ‫…‬                                               ‫)‬   ‫‪Explorer Internet‬‬
                                              ‫.‬                                                          ‫?‬
               ‫.‬
                               ‫…!‬

                                                                                          ‫.)‬
                                                             ‫(‬

                                                                  ‫‪HTML‬‬
          ‫‪) Browser Specific Tags‬‬
                                                                 ‫(.‬
                                                 ‫.‬
                               ‫‪TYPE‬‬            ‫>‪<UL‬‬                                                        ‫.‬
                                                        ‫.‬                                          ‫.‬



     ‫(‬                                 ‫)‬                     ‫.‬
                                                   ‫:‬                                 ‫.‬
          ‫.‬
                                           ‫.‬
                   ‫.‬



                       ‫.‬
                                               ‫.‬
                   ‫.‬

                                                                          ‫.‬

         ‫أﺥ ى‬          ‫تا ﺏ‬     ‫ً، أ ا‬                                ‫ا‬         ‫تا ﻥ‬     ‫ا‬     ‫أﻥ ه أ ث‬
           ‫ل آ ه‬      ‫ًﻥ ً ةأ ب‬         ‫ت‬                                 ‫ا‬       ‫ا ﺏ‬     ‫ا ﺝ د‬    ‫نا‬
         ‫آ‬     ‫‪Plugin‬‬     ‫أﺹ ً و ج إ ﺏ ﻥ إ‬                                           ‫ﻥ‬       ‫ً‬  ‫ه ا ا م.‬
            ‫ا ﺏ ، وه‬     ‫ﺏ‬    ‫ا تا‬       ‫ا‬                                ‫ﺥ‬         ‫ﺏ د. وه ك‬    ‫ﺹ وه‬

                                                       ‫201‬
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

             ‫ا‬    ‫ا‬    ‫ﻥ‬     ‫إآ رر‬    ‫و‬         ‫ًأ‬           ‫أﻥ‬      ‫آ أ .‬      ‫ﻥ‬
             ‫أآ‬    ‫ا‬   ‫تﺙ‬    ‫ص ا ﺏ وا‬   ‫ضا‬                  ‫ﻥ ا‬       ‫و مﺥﺹ ﺏ ﺏ‬
                                                                  ‫ت.‬       ‫ا‬

‫‪Ms Internet Explorer‬‬   ‫‪Sindbad 3.x‬‬
                                                                                             ‫‪3.x‬‬
                              ‫(‬                     ‫)‬                               ‫)‪.(3.x‬‬
                                                                   ‫.‬
                                                        ‫)‬
                                       ‫(.‬

                                                                              ‫.‬
                                                            ‫.‬




                                            ‫.‬
                                                                        ‫.‬
                                                ‫.‬
         ‫.‬
                                  ‫)‬
             ‫.‬                                                                        ‫‪(HTML‬‬




                                        ‫301‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬



                                       Navigator Netscape

                           Netscape Navigator 3.x                                         :


                                                                  <BLINK>    ‫ﻥ وا‬             •
                                                               <MULTICOL> ‫دة‬   ‫ا ة‬            •
                                                        <EMBED>       ‫و‬      ‫أﺹ ات‬            •



                                     </BLINK> ... <BLINK>



<BLINK>H.P in arabic </BLINK>

                                             H.P in arabic

                                </MULTICOL> ... <MULTICOL>

                                                                                    ...
                                                                        .
                                         .

                                  COLS                              .

<MULTICOL COLS="2">

OUR PARAGRAPH IS HERE

</MULTICOL>

                       .                                        GUTTER

<MULTICOL COLS="2" GUTTER="70">

OUR PARAGRAPH IS HERE

</MULTICOL>



                                                                                (             )
                                  .WIDTH                                    .

            500                                          :
                                                                                %60


                                                 104
                               www.cb4a.com     ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                          ‫ر‬         ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<MULTICOL COLS="2" GUTTER="70" WIDTH="500">

OUR PARAGRAPH IS HERE

</MULTICOL>




<MULTICOL COLS="2" GUTTER="70" WIDTH="60%">

OUR PARAGRAPH IS HERE

</MULTICOL>



                                              <EMBED>

                                                               <EMBED>            Netscape
       .Plugins                                                   .
   .                                                                          Netscape
                                               about:plugins                                 )
   .                                             (Help         Plug-ins About            Enter
       .                                                           Netscape




                                                                mid
       .                                                                           .

                                                          :

                                                                                         :SRC

<EMBED SRC="onceupon.mid">

                                      .
                                                 ...   HEIGHT, WIDTH

<EMBED SRC="onceupon.mid" WIDTH="145" HEIGHT="61">

                  true       .                                                    :AUTOSTART
                                          .                           false     (          )
                                  .

   .true, false                                                       LOOP
                   .MS Explorer

                                                105
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

                                       1
                                               Internet Explorer MS



                             MS Internet Explorer                                            :


                                                                          <BGSOUND>                 •
                                                                               <MARQUEE>            •



                                                   <BGSOUND>

                                           au wav mid
                                 (BackGround Sound ) <BGSOUND>
                                                                                baladi.mid

<BGSOUND SRC="baladi.mid">

       LOOP                            .                                          SRC
         -1                                .
                                               )                                                 infinite
                                                                                    (
                                                                                        .

<BGSOUND SRC="baladi.mid" LOOP="infinite">
<BGSOUND SRC="baladi.mid" LOOP="3">



          :

<A HREF="baladi.mid"> ... </A>




                                 One Man's Dream         Upon A Time Once

                                     </MARQUEE> ... <MARQUEE>
                                                                      (                                 )
                  (              )                        ..
                                                   .             .MS Explorer

<MARQUEE>
H.P in arabic
</MARQUEE>

                                                       106
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬


                                             .(                          )
              :                                   <IMG>

                                                                             :BGCOLOR

<MARQUEE BGCOLOR="#FF0000">
H.P in arabic
</MARQUEE>




         .                                                                    :HEIGHT

<MARQUEE BGCOLOR="#FF0000" HEIGHT="80">
H.P in arabic
</MARQUEE>




                                                                               :WIDTH

<MARQUEE BGCOLOR="#FF0000" HEIGHT="80" WIDTH="40%">
H.P in arabic
</MARQUEE>




       top, middle                                                             :ALIGN
                              .                                                 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      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬



Welcome to
<MARQUEE BGCOLOR="#FF0000" HEIGHT="80" WIDTH="40%" ALIGN="top">
H.P in arabic
</MARQUEE>
Have a good time.

                                                              .Have a good time Welcome to




                                                                                   :HSPACE

Welcome to
<MARQUEE BGCOLOR="#FF0000" HEIGHT="80" WIDTH="40%" HSPACE="30">
H.P in arabic
</MARQUEE>
Have a good time.

                                                              .Have a good time Welcome to


                                                                                   :VSPACE




                                                          :                               .

              (        )                                                         BEHAVIOR
                                                                       :

                                                                                 scroll       •
                                                                           .
                           .                                                     slide        •

      <MARQUEE BGCOLOR="#FF0000" WIDTH="80%" BEHAVIOR="slide">
      H.P in arabic
      </MARQUEE>




                                                                       Refresh

                                       .                                    alternate         •



                                           108
                              www.cb4a.com      ‫ا‬     ‫ا‬    ‫آ‬        ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬     ‫ت ا‬             ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
      <MARQUEE BGCOLOR="#FF0000" WIDTH="80%" BEHAVIOR="alternate">
      H.P in arabic
      </MARQUEE>




right   (           )                  left                                   DIRECTION
                                                                          .

<MARQUEE BGCOLOR="#FF0000" WIDTH="80%" DIRECTION="right">
H.P in arabic
</MARQUEE>




                                           .                                         LOOP
  .                                    .                                   infinite -1
                                                                                          )
                                                                         (          Refresh

<MARQUEE BGCOLOR="#FF0000" WIDTH="80%" DIRECTION="right" LOOP="3">
H.P in arabic
</MARQUEE>




  :


            .
                                                     .
                                                         .
                                                             !                   ...

                                                                          :

                                                                         :SCROLLAMOUNT
                         .(                                          )

<MARQUEE SCROLLAMOUNT="1"> HTML </MARQUEE>

<MARQUEE SCROLLAMOUNT="50"> HTML </MARQUEE>

<MARQUEE SCROLLAMOUNT="100"> HTML </MARQUEE>

<MARQUEE SCROLLAMOUNT="200"> HTML </MARQUEE>

                                               109
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                        .        1                             HTML
                            50                 (         )            50                50
                .                        200       100



                                                                                :SCROLLDELAY
                                     (             0.001)
                             :

<MARQUEE SCROLLAMOUNT="1" SCROLLDELAY="500"> HTML </MARQUEE>

<MARQUEE SCROLLAMOUNT="50" SCROLLDELAY="500"> HTML </MARQUEE>

<MARQUEE SCROLLAMOUNT="100" SCROLLDELAY="500"> HTML </MARQUEE>

<MARQUEE SCROLLAMOUNT="200" SCROLLDELAY="500"> HTML </MARQUEE>

       (            )                                                           500
        .                                                                   .

              SCROLLDELAY                                    SCROLLAMOUNT

<MARQUEE SCROLLDELAY="500"> HTML </MARQUEE>




                                                         110
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

                                 2
                                     Internet Explorer MS

                                                <...BODY>                                      •
                                                              <IFRAME>                         •



                                   <BODY/> ... <BODY>

                                      !
                                                     .
       ...BGPROPERTIES                                                     .MS Explorer

                                       .

   FIXED                                                    <BODY>


<BODY BGPROPERTIES="fixed"> ... </BODY>

         .
                           .                                          <P> <BR>
                                                    <BLOCKQUOTE/> ... <BLOCKQUOTE>
                                                     MS Explorer      . ...
                                                                            <BODY>

                                                                             :LEFTMARGIN
                                                                              :TOPMARGIN

<BODY LEFTMARGIN="50" TOPMARGIN="50"> ... </BODY>




                                <IFRAME> ... </IFRAME>

      .Floating Frames                MS Explorer           HTML
                                        11 10 9
                                                                       .
                                                                                     .   ...

                                                                   !             .



                                             111
                                       www.cb4a.com  ‫ا‬   ‫ا‬  ‫آ‬       ‫ب‬    ‫ه ا ا‬
                                                   ‫ر‬   ‫ب‬   ‫ت ا‬            ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<IFRAME> Here, there is a floating frame </IFRAME>



                                                                                        .
                                          .
                                                         .(          )              Netscape

                                                                 .

                                                                                        :SRC

<IFRAME SRC="thissite.html">
Here, there is a floating frame
</IFRAME>

                                                                           :WIDTH, HEIGHT

<IFRAME SRC="thissite.html" WIDTH="70%" HEIGHT="200">
Here, there is a floating frame
</IFRAME>

    yes                                                                         :SCROLLING
                                                                               no (       )

<IFRAME SRC="thissite.html" WIDTH="70%" HEIGHT="200" SCROLLING="no">
Here, there is a floating frame
</IFRAME>

0     (         )1                                                          :FRAMEBORDER
                                                                               .

<IFRAME SRC="thissite.html" WIDTH="70%" HEIGHT="200" SCROLLING="no" FRAMEBORDER="0">
Here, there is a floating frame
</IFRAME>

                                                                                       :NAME
                                           (                                 ).

<IFRAME SRC="thissite.html" WIDTH="70%" HEIGHT="200" NAME="myframe">
Here, there is a floating frame
</IFRAME>

               . . .                                                     .myframe
                                                                                            :

<A HREF="htmintro.html" TARGET="myframe"> ‫إﺕ .ﺕ .أم.أل‬        </A>




                                                   112
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




  ‫.‬                                                                                                    ‫.‬




                                              ‫"‬             ‫"‬                    ‫.)‬
                                 ‫.‬                              ‫(‬
                                                                    ‫.‬                                  ‫‪Scanner‬‬
                       ‫:‬                                                               ‫.‬
          ‫‪Scanner‬‬                                                                          ‫:‬

                                                                                                   ‫.‬

                                                                                               ‫.‬
                             ‫.‬
                                       ‫.‬

                            ‫(‬                 ‫)‬         ‫.‬
                                                  ‫.‬
                       ‫‪MS Internet Explorer‬‬                                 ‫‪Netscape‬‬
                                 ‫.‬
                                                                    ‫.‬


      ‫.‬                                                                            ‫...‬

                                                                        ‫.‬

                                                                                         ‫...‬
                                                                ‫:‬

‫>‪<HTML‬‬
‫>‪<HEAD‬‬
‫>‪<TITLE> ... </TITLE‬‬
‫>‪</HEAD‬‬

‫>‪<BODY‬‬
‫....‬
‫>‪</BODY‬‬
‫>‪</HTML‬‬


                                                  ‫311‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬



<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256">

                                                 </HEAD> ... <HEAD>
                                                                                         </TITLE> ... <TITLE>
<HTML>
<HEAD>
<TITLE> ... </TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256 ">
</HEAD>

<BODY>
....
</BODY>
</HTML>

                                                                            .

                                                charset=windows-1256

                                                                                                            .
                                                                                                                    .

                          Code Page
                  .                                                                                         .



                                                                       .
                                                                                                                :
                      )                DOS                                 ...
                                                                                                    (
                                                                                     .       ...
                                       .                                                        .

                              "             "                                    .
                                  ."       "

                                                  .             (!!!                           )
                                                      :

                 ‫ي و هـ ن م ل ك ق ف غ ع ظ ط ض ص ش س ز ر ذ د خ ح ج ث ت ب ا‬

                                                                           ...           "              "

          :

                                                          114
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                        ‫ر و ز ظ ش س ي ب ل ا ت ن م ك ط ذ ض ص ث ق ف غ ع هـ خ ح ج د‬

                        ‫"!!!‬               ‫"‬                       ‫"‬           ‫"‬

                    ‫ي و هـ ن م ل ك ق ف غ ع ظ ط ض ص ش س ز ر ذ د خ ح ج ث ت ب ا‬
                    ‫ر و ز ظ ش س ي ب ل ا ت ن م ك ط ذ ض ص ث ق ف غ ع هـ خ ح ج د‬



                                                                                                ‫.‬
                                                                                                 ‫.‬



            ‫)‬                                                                             ‫...‬
                                                                                    ‫(.‬
    ‫: -‪Windows‬‬                                     ‫.‬
                                       ‫6521-‪.Windows‬‬                               ‫027-‪ISO-8859-6 ,1256, DOS‬‬
                                                   ‫.‬

                                                                                                       ‫...‬
                                               ‫6521-‪charset=windows‬‬




                                                                                                         ‫:‬
        ‫:‬                                                              ‫.‬

                                   ‫.‬                                                     ‫‪Explorer MS‬‬
                                                                           ‫.‬




                    ‫.‬

‫"‬               ‫"‬              ‫"‬                        ‫"‬
                                                               ‫.‬

    ‫!‬

                                                                           ‫!!.‬                               ‫.‬
                                                ‫.‬

                                                         ‫511‬
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬


                                                       ‫.)‬                                                            ‫.‬
                                                  ‫(.‬

                       ‫)‪.(BiDi‬‬         ‫‪Bi-Directional‬‬



            ‫.)‬
                                                                ‫(.‬
                                                                                                                ‫:‬

             ‫‪DIR‬‬                                                             ‫>‪.<P‬‬
                                                                                     ‫‪) .ltr‬‬     ‫‪rtl‬‬
                                                                                               ‫!!.‬                  ‫.(‬
                                          ‫.‬
                                                                                 ‫.‬



‫>‪<P DIR="rtl" ALIGN="right"> ... </P‬‬




‫>‪<P DIR="ltr" ALIGN="left"> ... </P‬‬

                                              ‫.‬
                                  ‫‪DIR‬‬                                        ‫.‬
                            ‫.‬                          ‫‪ALIGN‬‬

‫‪Netscape‬‬                        ‫‪Plugin‬‬                                                        ‫...‬
                                                                                                            ‫.‬
‫.‬                                                                                                   ‫.‬

    ‫.‬
                                                                                          ‫‪.DIR‬‬
                                                            ‫.‬

                            ‫(‬                                            ‫)‬
                                                                                      ‫(‬                 ‫)‬
             ‫(‬          ‫)‬                                                            ‫.‬

                                                                     ‫.‬                                              ‫.‬
                                      ‫.‬



                                                        ‫611‬
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬




    ‫‪DIR‬‬
                                        ‫.‬                                                                               ‫.‬
                                                                                                                                       ‫.‬



                                                     ‫!‬                             ‫:‬

                                                ‫ً‬        ‫ًو‬            ‫آ ه‬             ‫ةا‬        ‫ا‬                      ‫ا ا‬       ‫1.‬

                 ‫-‪<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows‬‬
                 ‫>"6521‬

                                        ‫:‬           ‫ما‬                        ‫ات ﺹ‬                       ‫ة‬          ‫آ‬             ‫2.‬

                 ‫>‪<P DIR="rtl" ALIGN="right"> ... </P‬‬

                                            ‫م‬                      ‫آ‬                             ‫ات إ‬            ‫3. إذا أردت إدراج‬

                 ‫>‪<P DIR="ltr" ALIGN="left"> ... </P‬‬

                                                          ‫ً‬       ‫اول أ‬        ‫ا‬            ‫ما‬               ‫ام ا‬           ‫ا‬   ‫4. ﺕ‬




                                                                          ‫.‬
      ‫)‬                                                                        ‫/‬                     ‫:‬                  ‫.‬
          ‫) &(‬                                                                                               ‫.‬                                     ‫(‬
                        ‫.‬                                                                                                         ‫);(‬


                            ‫.‬                                                                                                                      ‫.‬
                                                                                                 ‫.‬
                                                                                   ‫‪OXFD‬‬                                                        ‫.‬
                    ‫"‬           ‫"‬                        ‫( 3520‬                                          ‫)‬                                             ‫‪ALT‬‬
                                                    ‫.‬                                                                                          ‫.‬

                                                                    ‫:‬

                                    ‫ا‬           ‫ﺕ‬             ‫ا‬               ‫وف ا‬      ‫ز أو ا‬           ‫ا‬          ‫م 3520+‪ALT‬‬             ‫ا‬

                                                                  ‫711‬
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬

                                                                                                             ‫ت‬       ‫ﺥ لا‬




                                                                   ‫‪META‬‬

                                               ‫.‬
                ‫:‬                                                  ‫...‬

                                           ‫.‬                 ‫‪HTML‬‬
                                     ‫!!!‬           ‫.)‬
                    ‫(.‬
                                 ‫.‬
                                                                                    ‫.‬
                                                                         ‫(...‬                   ‫)‬
                                               ‫…‬                                                        ‫".‬                      ‫:"‬
        ‫!‬                                                              ‫:‬                            ‫!‬

                ‫.‬                                  ‫...‬             ‫(‬                    ‫)‬




                                           ‫‪Build it, and they will come‬‬

                             ‫.‬                                                              ‫.‬

                                                                                                                 ‫.‬
                                                         ‫.‬                                                               ‫.‬

                                                                                                                         ‫...‬
                                                                                                                     ‫.‬
                         ‫.‬



‫(‬                                                                          ‫)‬
                                                                                ‫.‬

                                                                               ‫‪HTML‬‬                                  ‫:‬         ‫...‬
            ‫.‬                                            ‫‪HTML‬‬
    ‫.‬                                                                               ‫.‬
                                                                           ‫.‬

                                                             ‫811‬
                              ‫‪www.cb4a.com‬‬      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                                         ‫‪HTML‬‬
                     ‫...‬
                           ‫.‬                                                   ‫.‬


                ‫إ‬                  ‫وا‬       ‫، وأن‬             ‫ا س نإ‬                          ‫أن‬                    ‫آ‬
              ‫؟؟؟‬                  ‫ّق‬       ‫أن‬               ‫أ ّ ... آ‬ ‫؟ وﺏ‬                   ‫و‬                 ‫ﺏ‬
                                                    ‫ال‬       ‫ه اه ا‬



                                                                                                            ‫.‬
                                                                                                            ‫.‬
                                                                                   ‫!!!!‬                                 ‫…‬

                                            ‫!‬
                                                                       ‫:‬                           ‫!‬

                                                                       ‫‪Altavista‬؟‬             ‫‪Yahoo‬‬                         ‫•‬
                                                                                                                            ‫•‬
                                                                                                                            ‫•‬


      ‫)‬
                                                ‫.‬                                                                       ‫(‬

                                                                                     ‫‪Search Engines‬‬

          ‫‪Crawlers‬‬                                  ‫.‬                                                  ‫‪Altavista‬‬
                                                                                                            ‫‪Spiders‬‬
                                        ‫(‬                ‫…‬                                              ‫)‬


                                                                                          ‫.‬
                                                                                         ‫(‬                          ‫)‬
                               ‫.‬
                                                                           ‫.‬
                                                                                                        ‫.‬

                                                                                   ‫‪Directories‬‬

                                                                      ‫‪Yahoo‬‬

                                        ‫.)‬                                                                              ‫.‬
                                                                                                                ‫(‬
                                                                               ‫.‬
                                                                                     ‫.‬

                                                         ‫911‬
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
                                                   :

                                              Yahoo
                                                                                             :

Regional: Regions: Middle East: Countries and Regions: Palestinian Authority: Cities and Regions: Nablus

                                     Middle East       Region      Regional


                                                                  4218                      Altavista
                                                                                                            .
                                                                    .

                                                                              .



                                                                                  META
         ... <HEAD>
                                                                                                    </HEAD>
                                                              .
Altavista, Hotbot,                                      (                                                ).
         .                                                                                              Infoseek
                                                                                       .                  Yahoo
                                     "   "               ) ...      .
                                                                                      (
     .
                                                                        .



 :                           .                <META>                              ...HTML

                                                                                                 HTTP-EQUIV
          (                                  ).                             <HEAD>
                                 .

                                 !!
              :

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256">

                                                                                                           NAME
                                                              (               )
                                                                                                   CONTENT
                                                        120
                              www.cb4a.com      ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                        ‫ر‬           ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬



                                                              .
              Client Side                                                                     Server Side
                                          :                                     .

                                                                 ...HTTP-EQUIV                        •
        ...                                         .                    Content-Type
                         text/html                                   Content
        .                                       ... Windows-1256                   HTML
                                                                        ...NAME                       •
                                              .                       keywords        o

                 <META NAME="keywords" ... >

                                               .                  Content


                 <META NAME="keywords"CONTENT="html,webpage design,psp,paint shop pro,arabic site">




                 <META NAME="keywords"CONTENT="html,html,html,html,webpage design,psp,paint shop
                 pro,arabic site">

                                                                          description          o
                                                                                         .

                 <META NAME="description" CONTENT="Html and Paint Shop Pro tutorials in Arabic,learning web
                 page design in Arabic">

                                                                                author         o

                 <META NAME="author" CONTENT="Abu Al-Abed">

                                                                            copyright          o

                 <META NAME="copyright" CONTENT="....">




                                                                            .         META
                                                   .
  .(                                           )
    .

<HEAD>
<TITLE> ... </TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256">

                                                       121
                                  www.cb4a.com  ‫ا‬     ‫ا‬   ‫آ‬         ‫ب‬    ‫ه ا ا‬
                                            ‫ر‬       ‫ب‬    ‫ت ا‬              ‫ا‬    ‫ﺩ‬
‫ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ‬
<META NAME="keywords" CONTENT=" ... ">
<META NAME="description" CONTENT=" ... ">
<META NAME="author" CONTENT=" ... ">
<META NAME="copyright" CONTENT=" ... ">
</HEAD>




                                                                       .
HotBot       Excite   Infoseek      .Add Page            Altavista    .
                                       ?How To Suggest a Site      Yahoo        URL Add
                                                                   .
                  )
                                                          .(
                                               .

             .                                           ...

         .                         ...
                                               Submission Wizard           AddWeb

                                                               .                        ... .




                                 http://www.khayma.com/hpinarabic/
                       ‫ا‬            ‫ا‬     ‫آ‬         ‫ب‬                  ‫ه ا ا‬
                                         www.cb4a.com
             ‫ر‬                     ‫ب‬       ‫ت ا‬                             ‫ا‬        ‫ﺩ‬




                                                   122

				
DOCUMENT INFO
Shared By:
Categories:
Tags: html, learn
Stats:
views:14
posted:9/16/2012
language:
pages:122
Description: تعلم html والبرمجة