‫القطـار‬

‫السريع في‬
‫لغة تصميم‬
‫الصفحات‬
‫‪HTML‬‬

‫مهندس ‪ :‬حامد حممد حامد‬

‫جامعة كردفان‬
‫‪1/2/2014‬‬
 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪1‬‬

‫بسم اهلل الرمحن الرحيم‬

‫اٯ‪:١ٜ‬‬

‫قاٍ اهلل تعاىل ‪:‬‬

‫ط‪َٚ‬ا أ‪ٚ‬ت‪ٝ‬تِ َٔ ايعًِ إ‪ ٫‬قً‪٬ٝ‬ص‬

‫غ‪ٛ‬ض‪ ٙ‬اإلغطا‪٤‬‬

‫اٯ‪85( ١ٜ‬‬

‫‪ٚ‬قاٍ اهلل تعاىل ‪:‬‬

‫طقاي‪ٛ‬ا غبشاْو ‪ ٫‬عًِ يٓا إ‪َ ٫‬ا عًُتٓا‬

‫إْو أْت ايعً‪ ِٝ‬اؿه‪ِٝ‬ص‬

‫غ‪ٛ‬ض‪ ٠‬ايبكط‪٠‬‬

‫اٯ‪)32( ١ٜ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪2‬‬

‫يًعٖط ضس‪ٝ‬ل ‪ٜٓ‬ؿط ؾصا‪ ٙ‬بؿاغع ا٭ؾام‬

‫يًعضع َ‪ٛ‬اغِ سكاز ‪ .....‬يًؿُ‪ٛ‬ع ن‪ ٚ ٧‬اسذلام‬

‫ي‪ٛ‬ايست‪ ٞ‬ايػاي‪......١ٝ‬‬

‫ي‪ٛ‬ايس‪ ٟ‬ايعع‪ٜ‬ع‪....‬‬

‫ملؿطيف ايؿانٌ‪......‬‬

‫يطؾام زضب‪...... ٞ‬‬

‫يط‪٬‬ب ايعًِ ‪....‬‬

‫٭غاتصت‪ ٞ‬ا٭د‪ َٔٚ ٤٬‬قٓع‪ٛ‬ا يهٌ اقتساض خط‪ٛ‬ات تعً‪....... ُٞٝ‬‬

‫اٖس‪ ٣‬بهٌ اَتٓإ ضس‪ٝ‬ل دٗسْا ‪ ٚ‬سكاز عجٓا املت‪ٛ‬انع اىل نٌ َٔ عًُٓا سطؾا‪........‬‬

‫اٖس‪ َٔ ٣‬غ‪ٜٛ‬سا‪ ٤‬ايؿ‪٪‬از اىل اي‪ٛ‬اس‪ٚ ١‬اي‪ٛ‬اضؾ‪ ١‬ايعً‪ ١ًٝ‬اييت اغتعًًٓا ؾ‪ٗٝ‬ا ملس‪٠‬‬
‫ط‪..١ًٜٛ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪3‬‬

‫‪ -‬امل‪٬ٝ‬ز ‪-:‬‬

‫َٔ َ‪ٛ‬اي‪ٝ‬س مجٗ‪ٛ‬ض‪ ١ٜ‬ايػ‪ٛ‬زإ َس‪ ١ٜٓ‬ا٭ب‪ٝ‬ض ‪.ّ1986/4/5‬‬

‫‪ -‬املطاسٌ ايسضاغ‪-: ١ٝ‬‬

‫‪َ /1‬طسً‪ ١‬ا‪٫‬غاؽ اي‪ ُٔٝ‬ثِ َسضغ‪ ١‬ؾًػطني ا‪٫‬غاغ‪ ١ٝ‬بٓني يف ايؿذل‪ٚ ّ 1991 َٔ ٠‬‬
‫سيت ‪.ّ1999‬‬

‫‪ /2‬املطسً‪ ١‬ايجاْ‪َ ١ٜٛ‬سضغ‪ ١‬ا‪٫‬ب‪ٝ‬ض ايجاْ‪ ١ٜٛ‬ايُٓ‪ٛ‬شد‪ ١ٝ‬بٓني ثِ َسضغ‪ ١‬ا‪٫‬غط‪ ٠‬ايجاْ‪١ٜٛ‬‬
‫اـاق‪ ١‬يف ايؿذل‪ٚ ّ2222 َٔ ٠‬سيت ‪. ّ2223‬‬

‫‪ / 3‬املطسً‪ ١‬اؾاَع‪ ١ٝ‬داَع‪ ١‬نطزؾإ نً‪ ١ٝ‬اهلٓسغ‪ٚ ١‬ايسضاغات ايتكٓ‪ ١ٝ‬قػِ اهلٓسغ‪١‬‬
‫امل‪ٝ‬هاْ‪ٝ‬ه‪ ١ٝ‬يف ايؿذل‪ٚ ّ2223 َٔ ٠‬سيت ‪ , ّ2228‬ثِ نً‪ ١ٝ‬زضاغات اؿاغ‪ٛ‬ب‬
‫‪ٚ‬اإلسكا‪ ٤‬ظاَع‪ ١‬نطزؾإ قػِ تكٓ‪ ١ٝ‬املعً‪َٛ‬ات يف ايؿذل‪ٚ ّ2229 َٔ ٠‬سيت‬
‫‪.ّ2212‬‬

‫‪ -‬ايسضغات ا‪٫‬خط‪-: ٟ‬‬

‫‪ /1‬زضغت ن‪ٛ‬ضغات يف ق‪ٝ‬اْ‪ٚ ١‬بطف‪ ١‬ايهُب‪ٛٝ‬تط مبعٗس ‪ IBM‬باـطط‪ ّٛ‬يف عاّ‬

‫‪.ّ2222‬‬

‫‪ /2‬زضغت ايًػ‪ ١‬ا٭لً‪ٝ‬ع‪ ١ٜ‬مبعٗس ايػ‪ٛ‬زإ ايك‪ َٞٛ‬يًػات (غًيت) سيت املػت‪ٟٛ‬‬
‫ايطابع يف عاّ ‪.ّ2228‬‬

‫‪ /3‬تسضبت عً‪ ٞ‬تكُ‪ٚ ِٝ‬بطف‪ ١‬امل‪ٛ‬اقع ‪ٚ‬ايػرلؾطات يف ‪ٚ‬سس‪ ٠‬املعً‪َٛ‬ات ‪ٚ‬اإلتكا‪٫‬ت‬

‫باؾاَع‪. ١‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪4‬‬ ‫‪ -‬اـدلات ‪-:‬‬

‫‪ /1‬ق‪ٝ‬اْ‪ ١‬مج‪ٝ‬ع ادٗع‪ ٠‬ايهُب‪ٛٝ‬تط‪.‬‬

‫‪ /2‬تكُ‪ ِٝ‬ق‪ٛ‬اعس ايب‪ٝ‬اْات ب‪ٛ‬اغط‪ ١‬ا‪٫‬نػٌ ‪ ٚ‬ايؿ‪ٝ‬ذ‪ٛ‬اٍ ب‪ٝ‬ػو ‪ ٚ‬اٍ ‪ ٚ Sql‬اٍ ‪Sql Server‬‬
‫‪ ٚ‬اٍ ‪. Mysql‬‬

‫‪ /3‬تكُ‪ ِٝ‬امل‪ٛ‬اقع ب‪ٛ‬اغس‪ ٠‬بطْاَر إزاض‪ ٠‬احملت‪ ٟٛ‬د‪ ٚ ٬َٛ‬يػ‪ ٚ PHP ١‬اٍ ‪ ٚ ASP‬اٍ ‪CSS‬‬
‫‪ ٚ‬اٍ‪.HTML‬‬

‫‪ /4‬عٌُ املٓتس‪ٜ‬ات ‪.‬‬

‫‪ /5‬تكُ‪ٚ ِٝ‬بطف‪ ١‬ا٭ْعُ‪. ١‬‬

‫‪ /6‬تطن‪ٝ‬ب ايؿبهات ‪.‬‬

‫‪ /7‬بطف‪ ١‬ايػرلؾطات ب‪ٛ‬اغط‪ ١‬ايً‪ٓٝ‬هؼ ‪.‬‬

‫‪ /8‬ايتعاٌَ َع أْعُ‪ ١‬ايتؿػ‪ ٌٝ‬املدتًؿ‪ ٚ ١‬بطفتٗا ‪.‬‬

‫‪ -‬ايتسض‪ٜ‬ب ‪-:‬‬

‫‪ /1‬بٓو اـطط‪ ّٛ‬ؾطع ا٭ب‪ٝ‬ض ‪.‬‬

‫‪ٚ /2‬سس‪ ٠‬املعً‪َٛ‬ات ‪ٚ‬اإلتكا‪٫‬ت داَع‪ ١‬نطزؾإ‪.‬‬

‫‪ -‬ايعٌُ ( عًُت بعك‪ٛ‬زات ق‪ٝ‬اْ‪ ١‬يهٌ َٔ )‪-:‬‬

‫‪ /1‬اؾٗاظ ايكها‪. ٞ٥‬‬

‫‪ٚ /2‬ظاض‪ ٠‬ايتدط‪ٝ‬ط ايعُطاْ‪ ٞ‬باي‪. ١ٜ٫ٛ‬‬

‫‪ٚ /3‬ظاض‪ ٠‬ايكش‪. ١‬‬

‫‪ /4‬ايكٓس‪ٚ‬م ايك‪ َٞٛ‬يسعِ ايط‪٬‬ب‪.‬‬

‫‪ ‬ايعٌُ ‪:‬‬

‫‪ٚ‬سس‪ ٠‬تكٓ‪ ١ٝ‬املعً‪َٛ‬ات ‪ ٚ‬ا‪٫‬تكاٍ داَع‪ ١‬نطزؾإ ‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪5‬‬ ‫‪ ‬اي‪ٛ‬ظ‪ٝ‬ؿ‪: ١‬‬

‫ض‪ٝ٥‬ؼ قػِ امل‪ٛ‬قع ‪.‬‬

‫‪َ ‬عً‪َٛ‬ات ا‪٫‬تكاٍ ‪:‬‬

‫‪Emails :‬‬

‫‪[email protected]‬‬

‫‪[email protected]‬‬

‫‪[email protected]‬‬

‫‪ ‬تًؿ‪ْٛ‬ات‪:‬‬

‫‪88279902924200‬‬
‫‪88279022222040‬‬
‫‪88279022729282‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪6‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪7‬‬

‫‪HTML‬‬
‫‪Hyper Text Markup Language‬‬

‫املكسَ‪: ١‬‬

‫إْٗا ايًػ‪ ١‬املػتدسَ‪ ١‬إلْؿا‪ ٤‬قؿشات اإلْذلْت‪ٚ( .‬ايهًُ‪ ١‬إختكاض يـ يًػات‬

‫ايدلف‪ ١‬ا٭خط‪ ٣‬نًػ‪ . C ١‬ؾٗ‪َ ٞ‬ج‪ ٫ ً٬‬ؼت‪ ٟٛ‬عً‪ ٢‬مجٌ ايتشهِ ‪ٚ‬ايس‪ٚ‬ضإ‪ٚ ,‬عٓس اؿاد‪١‬‬
‫‪٫‬غتدساّ ٖص‪ ٙ‬اؾٌُ هب تهُني ؾ‪ٝ‬ؿطات َٔ يػات أخط‪ ٣‬نـ ‪Java, JavaScript,‬‬
‫‪ . CGI‬نصيو ؾٗ‪ ٫ ٞ‬ؼتاز إىل َذلدِ خام ب٘ ‪ ٖٞٚ . Compiler‬غرل َطتبط‪ ١‬بٓعاّ‬
‫تؿػ‪َ ٌٝ‬عني‪ ,‬٭ْ٘ ‪ٜ‬تِ تؿػرلٖا ‪ٚ‬تٓؿ‪ٝ‬ص تعً‪ُٝ‬اتٗا َباؾط‪ َٔ ٠‬قبٌ َتكؿض اإلْذلْت‬
‫‪ٚ‬بػض ايٓعط عٔ ايٓعاّ املػتدسّ‪ .‬يصيو ؾٗ‪ ٞ‬يػ‪ ١‬بػ‪ٝ‬ط‪ ١‬دساً‪ٚ ,‬غًٗ‪ ١‬ايؿِٗ‬
‫‪ٚ‬ايتعًِ ‪ ٫ٚ‬ؼتاز ملعطؾ‪َ ١‬ػبك‪ ١‬بًػات ايدلف‪ٚ ١‬اهل‪ٝ‬هً‪ ١ٝ‬املػتدسَ‪ ١‬ؾ‪ٗٝ‬ا‪ .‬بٌ ضمبا‬
‫نٌ َا ؼتاد٘ ٖ‪ ٛ‬ايكً‪ َٔ ٌٝ‬ايتؿهرل املٓطك‪ٚ ٞ‬تطت‪ٝ‬ب ا٭ؾهاض‪.‬‬

‫تته‪َ ٕٛ‬ؿطزات يػ‪ َٔ Html ١‬ؾ‪ٝ‬ؿطات تػُ‪ TAGS ٢‬أ‪ ٟ‬اي‪ٛ‬غ‪ٖٞٚ .ّٛ‬‬
‫تػتدسّ بؿهٌ أظ‪ٚ‬از ‪ٚ‬تهتب بايك‪ٝ‬ػ‪ ١‬ايتاي‪ َٔ( ١ٝ‬اي‪ٝ‬ػاض إىل اي‪ُٝ‬ني) ‪-:‬‬

‫ؾعً‪ ٢‬غب‪ ٌٝ‬املجاٍ اي‪ٛ‬غِ <‪ٜ >B‬ػتدسّ يهتاب‪ ١‬ايهًُات غط أغ‪ٛ‬ز عط‪ٜ‬ض ‪Bold‬‬
‫‪ٚ‬شيو بايؿهٌ ايتاي‪:ٞ‬‬

‫<‪>/B< Text >B‬‬

‫‪ٖٓٚ‬اى بعض اي‪ٛ‬غ‪ ّٛ‬اـاق‪ ١‬اييت تػتدسّ بك‪ٛ‬ض‪َ ٠‬ؿطز‪َ ٠‬جٌ ‪ٚ‬غِ ْٗا‪ ١ٜ‬ايػطط‬
‫<‪ >BR‬أ‪ ٚ‬قس تػتدسّ بهًتا اؿايتني َجٌ ‪ٚ‬غِ ايؿكط‪.>P< ٠‬‬
‫‪ٚ‬غ‪ٛ‬ف ْٓاقـ ٖص‪ ٙ‬اي‪ٛ‬غ‪ٚ ّٛ‬غرلٖا بايتؿك‪ ٌٝ‬يف س‪ ٘ٓٝ‬إٕ ؾا‪ ٤‬اهلل‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪8‬‬

‫ن‪ٝ‬ـ ْبسأ‪...‬‬

‫‪ٜ ٫‬تطًب نتاب‪ًَ ١‬ـ ‪ HTML‬أ‪ ١ٜ‬بطاَر خاق‪ ١‬ؾٗ‪ ٞ‬نُا قًٓا يػ‪ ٫ ١‬ؼت‪ ٟٛ‬عً‪٢‬‬
‫بطْاَر َذلدِ‪ .‬بٌ متاز ؾكط إىل بطْاَر يتشط‪ٜ‬ط ايٓك‪ٛ‬م ايبػ‪ٝ‬ط‪َٚ ١‬عاؾتٗا‪ٚ ,‬بطْاَر‬
‫املؿهط‪ ٠‬امل‪ٛ‬د‪ٛ‬ز يف ‪ٜ Windows‬ؿ‪ ٞ‬بٗصا ايػطض‪ٚ .‬نصيو إىل أسس َتكؿشات‬
‫اإلْذلْت ‪ Netscape Navigator‬أ‪ MS Internet Explorer ٚ‬ملعا‪ ١ٜٓ‬ايكؿشات اييت‬
‫ْك‪ ّٛ‬بتكُ‪ُٗٝ‬ا‪ٚ .‬عً‪ٝ‬و ؾكط إٔ ْك‪ ّٛ‬عؿغ ايٓل املهت‪ٛ‬ب مبًـ وٌُ ا‪٫‬غِ املُتس‬
‫‪.htm‬‬ ‫أ‪ٚ‬‬ ‫‪.html‬‬
‫‪ٚ‬اؾس‪ٜ‬ط شنط‪ ٙ‬أْ٘ ‪ٜٛ‬دس ايعس‪ٜ‬س َٔ ايدلاَر اييت تػتدسّ إلْؿا‪ ٤‬قؿشات ‪ .Html‬ز‪ٕٚ‬‬
‫اؿاد‪ ١‬ملعطؾ‪ٖ ١‬ص‪ ٙ‬ايًػ‪ ١‬س‪ٝ‬ح ‪ٜ‬ك‪ ّٛ‬املػتدسّ َٔ خ‪٬‬هلا بهتاب‪ ١‬ايكؿشات‬
‫‪ٚ‬تكُ‪ُٗٝ‬ا مبا ؼ‪ْ َٔ ٜ٘ٛ‬ك‪ٛ‬م ‪ٚ‬ضغ‪َٛ‬ات ‪ٚ‬دسا‪ ٍٚ‬ثِ ‪ٜ‬ك‪ ّٛ‬ايدلْاَر بتدً‪ٝ‬ل اي‪ٛ‬غ‪ّٛ‬‬
‫املٓاغب‪ٚ ١‬ؼ‪ٖ ٌٜٛ‬ص‪ ٙ‬ايكؿشات َٔ ‪ٚ‬ضا‪ ٤‬ايه‪ٛ‬اي‪ٝ‬ؼ تًكا‪ٝ٥‬اً ‪ٚ‬سؿعٗا بتٓػ‪ٝ‬ل ‪ .html‬أ‪ ٟ‬إٔ‬
‫ز‪ٚ‬ض املػتدسّ ‪ٜٓ‬شكط يف ايهتاب‪ٚ ١‬ايتكُ‪ ِٝ‬ؾكط‪ ,‬ز‪َ ٕٚ‬عطؾت٘ يًؿ‪ٝ‬ؿط‪ ٠‬اييت‬
‫اغتدسَت‪ٚ .‬بايتاي‪ ٞ‬عسّ قسضت٘ عً‪ ٢‬ايتشهِ بأ‪ٚ ٟ‬غِ أ‪ ٚ‬تعس‪ ٌٜ‬ايؿ‪ٝ‬ؿط‪ ٠‬سػب‬
‫اؿاد‪ ,١‬إ‪ َٔ ٫‬خ‪ ٍ٬‬إعازت٘ يًتكُ‪ ِٝ‬ا٭غاغ‪ ٞ‬ثِ إعاز‪ ٠‬ايتش‪ٚ ٌٜٛ‬اؿؿغ َٔ قبٌ ايدلْاَر‪.‬‬
‫‪ٖٚ‬ص‪ ٙ‬ايطط‪ٜ‬ك‪ ١‬عً‪ ٢‬غٗ‪ٛ‬يتٗا ‪ٚ‬غطعتٗا ْػب‪ٝ‬اً‪ ,‬إ‪ ٫‬أْ‪ ٫ ٞ‬أْكض باغتدساَٗا ملٔ ‪ٜ‬ط‪ٜ‬س‬
‫َعطؾ‪ٖ ١‬ص‪ ٙ‬ايًػ‪ٚ ١‬ايتُهٔ َٓٗا‪.‬‬

‫قبٌ إٔ ْبسأ‬

‫سػٓاً‪ ,‬يس‪ٜ‬و قطض ْك‪ٛ‬م ممتاظ يهتاب‪ًَ ١‬ؿات ‪ٚ HTML‬يس‪ٜ‬و َتكؿض إْذلْت‬
‫ملعا‪ٜٓ‬تٗا‪ٚ ,‬يس‪ٜ‬و ٖص‪ ٙ‬ايسض‪ٚ‬ؽ اييت غتٓطًل َعٗا إىل عامل تكُ‪ ِٝ‬قؿشات اي‪ٜٛ‬ب‪.‬‬
‫‪.٫‬‬ ‫املت‪ٛ‬انع‪,‬‬ ‫بطأ‪ٜٞ‬‬ ‫‪ٜ‬هؿ‪ٞ‬؟‬ ‫ٖصا‬ ‫ٌٖ‬
‫ؼتاز زا‪ُ٥‬اً ‪ٚ‬أبساً إىل تطب‪ٝ‬ل َا تتعًُ٘ بك‪ٛ‬ض‪ ٠‬عًُ‪ ١ٝ‬أنجط َٔ فطز ا٭َجً‪ ١‬املسضد‪ ١‬يف‬
‫ايسض‪ٚ‬ؽ‪َ .‬ا ضأ‪ٜ‬و يف إٔ تؿهط مب‪ٛ‬ن‪ٛ‬ع َا ‪ٜ‬ػتٗ‪ٜٛ‬و ‪ٚ‬ؼب إٔ تتعاط‪ ٢‬ب٘؟ ‪ٚ‬ؽ‪ ٌٝ‬أْو‬
‫غتك‪ ّٛ‬بإْؿا‪َٛ ٤‬قع ‪ٜٚ‬ب عٓ٘ بك‪ٛ‬ض‪ٚ ٠‬اقع‪َٚ .١ٝ‬ع تكسَو يف ايسض‪ٚ‬ؽ قِ بتطب‪ٝ‬ل َا‬
‫ؾ‪ٗٝ‬ا عً‪ ٢‬قؿشاتو‪ .‬غتذس ايهجرل َٔ املتع‪ ١‬يف ٖصا‪ٚ ,‬غتػط دساً عٓسَا تط‪ ٣‬قؿشتو‬
‫تتبً‪ٛ‬ض أَاّ ع‪ٝٓٝ‬و ‪َٜٛ‬اً بعس ‪ٚ ,ّٜٛ‬ا٭ِٖ َٔ ٖصا نً٘ ٖ‪ ٛ‬أْو غتهتؿـ أ‪ ٟ‬ثػطات يف‬
‫اغت‪ٝ‬عابو هلص‪ ٙ‬ايسض‪ٚ‬ؽ (‪ٚ‬عٓسٖا َٔ امل‪٪‬نس أْو غتك‪ ّٛ‬بت‪٬‬ؾ‪ٗٝ‬ا) ‪ٚ‬قس تهتؿـ‬
‫نصيو ثػطات اضتهبٗا ناتب ٖص‪ ٙ‬ايسض‪ٚ‬ؽ‪ٚ( .‬يف ٖص‪ ٙ‬اؿاي‪ ١‬أضد‪ ٛ‬إٔ ‪ ٫‬تذلزز أبساً يف‬
‫ايهتاب‪ ١‬ي‪ ٞ‬يه‪ ٞ‬أعٌُ عً‪ ٢‬ت‪٬‬ؾ‪ٗٝ‬ا)‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪9‬‬ ‫‪ٚ‬اٯٕ‪ ......‬يٓبسأ‬

‫ا٭غاغ‪ٝ‬ات‬ ‫‪:‬‬ ‫ا٭‪ٍٚ‬‬ ‫ايسضؽ‬

‫تعط‪ٜ‬ـ ًَـ ‪ٚ Html‬اي‪ٛ‬غ‪ ّٛ‬ايط‪ٝ٥‬ػ‪ ١ٝ‬ؾ‪ ,٘ٝ‬إْؿا‪ ٤‬قؿش‪ٜٚ ١‬ب بػ‪ٝ‬ط‪١‬‬

‫ا٭ي‪ٛ‬إ‬ ‫‪:‬‬ ‫ايجاْ‪ٞ‬‬ ‫ايسضؽ‬

‫تٓػ‪ٝ‬ل ايكؿش‪ ,١‬أنـ يكؿشتو بعض اؿ‪ ١ٜٛٝ‬باغتدساّ ا٭ي‪ٛ‬إ ‪ٚ‬اـًؿ‪ٝ‬ات‬

‫اـط‪ٛ‬ط‬ ‫‪:‬‬ ‫ايجايح‬ ‫ايسضؽ‬

‫ايتشهِ باـط‪ٛ‬ط يف ايكؿش‪ ,١‬إخت‪ٝ‬اض أْ‪ٛ‬اعٗا ‪ٚ‬أسذاَٗا ‪ٚ‬تٓػ‪ٝ‬كاتٗا‬

‫‪ٚ‬ايك‪ٛ‬ا‪ِ٥‬‬ ‫ايؿكطات‬ ‫‪:‬‬ ‫ايطابع‬ ‫ايسضؽ‬

‫قِ بتٓػ‪ٝ‬ل ‪ٚ‬تٓع‪ ِٝ‬قؿشتو‪ٚ ,‬اغتدسّ ايك‪ٛ‬ا‪ ِ٥‬يذلت‪ٝ‬ب ب‪ٝ‬اْاتو‬

‫‪ٚ‬ايطغ‪َٛ‬ات‬ ‫ايك‪ٛ‬ض‬ ‫‪:‬‬ ‫اـاَؼ‬ ‫ايسضؽ‬

‫إزضادٗا‪ ,‬ايتشهِ بأسذاَٗا ‪ٚ‬أبعازٖا‪ .‬أْ‪ٛ‬اع ًَؿات ايك‪ٛ‬ض يف اي‪ٜٛ‬ب‬

‫ايتؿعب‪١ٝ‬‬ ‫‪ٚ‬اي‪ٛ‬ق‪٬‬ت‬ ‫ايط‪ٚ‬ابط‬ ‫‪:‬‬ ‫ايػازؽ‬ ‫ايسضؽ‬

‫‪ ...‬ن‪ٝ‬ـ ‪ٚ‬قًت إىل ٖٓا؟؟؟ بايٓكط عً‪ٚ ٢‬قً‪ ١‬تؿعب‪!١ٝ‬‬

‫( ‪)1‬‬ ‫اؾسا‪ٍٚ‬‬ ‫‪:‬‬ ‫ايػابع‬ ‫ايسضؽ‬

‫ضتب ب‪ٝ‬اْاتو نُٔ اؾسا‪ٚ ,ٍٚ‬ؼهِ بؿهٌ قؿشتو بك‪ٛ‬ض‪ ٠‬ؾعاي‪١‬‬

‫( ‪)2‬‬ ‫اؾسا‪ٍٚ‬‬ ‫‪:‬‬ ‫ايجأَ‬ ‫ايسضؽ‬

‫بٗا‬ ‫اـاق‪١‬‬ ‫اي‪ٛ‬غ‪ّٛ‬‬ ‫باق‪ٞ‬‬ ‫عً‪٢‬‬ ‫تابع َع اؾسا‪ٚ ,ٍٚ‬تعطف‬
‫* أَجً‪ ١‬تطب‪ٝ‬ك‪ ١ٝ‬عً‪ ٢‬اؾسا‪ٍٚ‬‬

‫( ‪)1‬‬ ‫اإلطاضات‬ ‫‪:‬‬ ‫ايتاغع‬ ‫ايسضؽ‬

‫قػِ قؿشتو إىل إطاضات أؾك‪ ١ٝ‬أ‪ ٚ‬عُ‪ٛ‬ز‪ ١ٜ‬أ‪ ٚ‬اإلثٓني َعاً ‪ ٫ ...‬ؾطم!‬

‫(‪) 2‬‬ ‫اإلطاضات‬ ‫‪:‬‬ ‫ايعاؾط‬ ‫ايسضؽ‬

‫‪ٜ ٫‬هؿ‪ ٞ‬إٔ تسضز إطاضاً يف قؿشتو‪ ,‬بٌ سسز خكا‪٥‬ك٘ أ‪ٜ‬هاً‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪12‬‬ ‫( ‪)3‬‬ ‫اإلطاضات‬ ‫‪:‬‬ ‫عؿط‬ ‫اؿاز‪ٟ‬‬ ‫ايسضؽ‬

‫أزضدت إطاضاً؟ ؾٌٗ تأنست َٔ أْ٘ ‪ٜ‬عٌُ بايؿهٌ املطً‪ٛ‬ب‪...‬؟‬

‫‪ٖٓٚ‬اى‬ ‫ٖٓا‬ ‫َٔ‬ ‫‪...‬‬ ‫‪ٚ‬غ‪ّٛ‬‬ ‫‪:‬‬ ‫عؿط‬ ‫ايجاْ‪ٞ‬‬ ‫ايسضؽ‬

‫ب‪ ٬‬تعً‪ٝ‬ل ‪ ...‬ؾايعٓ‪ٛ‬إ ‪ٜ‬هؿ‪ٞ‬‬

‫ايك‪ٛ‬ض‪١ٜ‬‬ ‫اـطا‪٥‬ط‬ ‫‪:‬‬ ‫عؿط‬ ‫ايجايح‬ ‫ايسضؽ‬

‫ق‪ٛ‬ض‪ٚ ٠‬اسس‪ ٠‬ؾكط ‪ٚ ...‬عس‪ٚ ٠‬ق‪٬‬ت تؿعب‪١ٝ‬‬

‫( ‪)1‬‬ ‫ايُٓاشز‬ ‫‪:‬‬ ‫عؿط‬ ‫ايطابع‬ ‫ايسضؽ‬

‫ت‪ٛ‬زّ إٔ تػتطًع آضا‪ ٤‬ظ‪ٚ‬اضى!؟ ‪ ...‬عً‪ٝ‬و بايُٓاشز‬

‫( ‪)2‬‬ ‫ايُٓاشز‬ ‫‪:‬‬ ‫عؿط‬ ‫اـاَؼ‬ ‫ايسضؽ‬

‫تعسّزت ا٭ؾهاٍ ‪ٚ ...‬ايُٓ‪ٛ‬شز ‪ٚ‬اسسُ‬

‫اـاق‪١‬‬ ‫‪ٚ‬اي‪ٛ‬غ‪ّٛ‬‬ ‫املتكؿشات‬ ‫‪:‬‬ ‫عؿط‬ ‫ايػازؽ‬ ‫ايسضؽ‬

‫ا٭ضم ايسا‪ ِ٥‬ملكُُ‪ ٞ‬قؿشات اي‪ٜٛ‬ب‬

‫ايعطب‪١ٝ‬‬ ‫‪ٚ‬ايًػ‪١‬‬ ‫اي‪ٜٛ‬ب‬ ‫‪:‬‬ ‫عؿط‬ ‫ايػابع‬ ‫ايسضؽ‬

‫اي‪ٜٛ‬ب ‪ ...‬بتتهًِ عطب‪ٞ‬‬

‫ايبشح‬ ‫‪ٚ‬قطنات‬ ‫‪META‬‬ ‫‪ٚ‬غ‪ّٛ‬‬ ‫‪:‬‬ ‫عؿط‬ ‫ايجأَ‬ ‫ايسضؽ‬

‫ن‪ٝ‬ـ ػعًِٗ هس‪َٛ ٕٚ‬قعو‪..‬؟‬

‫ا٭‪ٍٚ‬‬ ‫ايــــــسضؽ‬
‫ا٭غاغ‪ٝ‬ات‬
‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ا٭‪ َٔ ٍٚ‬زض‪ٚ‬ؽ ‪ .HTML‬غ‪ٛ‬ف أق‪ ّٛ‬يف ٖصا ايسضؽ‬
‫بػطز اي‪ٛ‬غ‪ ّٛ‬ا٭غاغ‪ ١ٝ‬يكؿش‪ ١‬اي‪ٜٛ‬ب ‪َٓٚ‬اقؿتٗا َعو ‪ٚ‬اسساً تً‪ ٛ‬اٯخط‪ .‬يٓكٌ يف‬
‫ايٓٗا‪ ١ٜ‬إىل إْؿا‪ ٤‬قؿش‪ٜٚ ١‬ب بػ‪ٝ‬ط‪.١‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪11‬‬

‫يٓأخص اي‪ٛ‬غ‪ ّٛ‬ايتاي‪:١ٝ‬‬

‫‪ٚ‬غِ ايبسا‪١ٜ‬‬ ‫‪ٚ‬غِ ايٓٗا‪١ٜ‬‬

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

‫َاشا ت‪٬‬سغ؟ إٔ نٌ َٓٗا ‪ٜ‬تأيـ َٔ ظ‪ٚ‬ز َٔ اي‪ٛ‬غ‪ ّٛ‬أسسُٖا ‪ٚ‬غِ ايبسا‪ٚ ,١ٜ‬اٯخط ‪ٚ‬غِ‬
‫ايٓٗا‪ٜٚ .١ٜ‬تُ‪ٝ‬ع ‪ٚ‬غِ ايٓٗا‪ ١ٜ‬ب‪ٛ‬د‪ٛ‬ز ايطَع ‪ . /‬تأٌَ ايطغِ ايتاي‪ ,ٞ‬ؾٗ‪ٜ ٛ‬عط‪ ٞ‬ؾهط‪ ٠‬عٔ‬
‫تطن‪ٝ‬ب ًَـ ‪Html‬‬

‫‪ ‬إشٕ ؾًُـ ‪ٜ Html‬بسأ زا‪ُ٥‬اً باي‪ٛ‬غِ <‪ٜٓٚ >HTML‬تٗ‪ ٞ‬باي‪ٛ‬غِ <‪٫ .>/HTML‬‬
‫تٓػ‪ ٢‬شيو!‬

‫أَا اي‪ٛ‬غِ <‪ >HEAD‬ؾ‪ٝ‬شسز بسا‪ ١ٜ‬املكطع ايص‪ ٟ‬وت‪ ٟٛ‬عً‪ ٢‬املعً‪َٛ‬ات اـاق‪١‬‬
‫بتعط‪ٜ‬ـ ايكؿش‪ .١‬نايعٓ‪ٛ‬إ ايعاٖط عً‪ ٢‬ؾط‪ٜ‬ط عٓ‪ٛ‬إ املتكؿض‪ٖٚ .‬صا ايعٓ‪ٛ‬إ بس‪ٚ‬ض‪ٙ‬‬
‫وتاز ٭ٕ ‪ٜٛ‬نع بني اي‪ٛ‬زلني‪ٚ >/TITLE< … >TITLE< :‬بايطبع هب نتاب‪ ١‬اي‪ٛ‬غِ‬
‫<‪ >/HEAD‬يه‪ٖ ْٞٗٓ ٞ‬صا املكطع‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪12‬‬ ‫ْأت‪ ٞ‬إىل اي‪ٛ‬غِ <‪ٚ >BODY‬ايص‪ٜ ٟ‬تِ نتاب‪ْ ١‬ك‪ٛ‬م قؿش‪ ١‬اي‪ٜٛ‬ب نُٓ٘‪ ,‬باإلناؾ‪ ١‬إىل‬
‫إزضاز ايك‪ٛ‬ض ‪ٚ‬اؾسا‪ٚ ٍٚ‬باق‪ ٞ‬قت‪ٜٛ‬ات ايكؿش‪ ٖٛٚ .١‬أ‪ٜ‬هاً وتاز إىل ‪ٚ‬غِ اإلْٗا‪٤‬‬
‫<‪>/BODY‬‬

‫َا ضأ‪ٜ‬و ي‪ْ ٛ‬بسأ بتطب‪ٝ‬ل ٖص‪ ٙ‬املعً‪َٛ‬ات بك‪ٛ‬ض‪ ٠‬عًُ‪٘ٝ‬؟ ٖ‪ٝ‬ا… قِ بؿتض بطْاَر املؿهط‪٠‬‬
‫‪ٚ‬انتب َا ‪:ًٜٞ‬‬

‫>‪<HTML‬‬
‫>‪<HEAD‬‬
‫>‪<TITLE‬‬
‫‪This is a test Webpage‬‬
‫>‪<‎/TITLE‬‬
‫>‪<‎/HEAD‬‬

‫>‪<BODY‬‬
‫‪Wow, I'm writing my first webpage‬‬
‫>‪<‎/BODY‬‬
‫>‪<‎/HTML‬‬
‫‪ٚ‬اٯٕ قِ عؿغ َا نتبت٘ يف ًَـ ‪ٚ‬بأ‪ ٟ‬اغِ ؽتاض‪ ٫ٚ .ٙ‬تٓػ‪ ٢‬إٔ ا‪َ٫‬تساز املػتدسّ يف‬
‫أزلا‪ًَ ٤‬ؿات ‪ .htm ٖٛ HTML‬أ‪َ .html ٚ‬ج‪ ً٬‬أْا اخذلت ا‪٫‬غِ ‪َٔٚ 1st_file.htm‬‬
‫ا٭ؾهٌ إٔ تك‪ ّٛ‬بإْؿا‪ ٤‬فًس َػتكٌ عً‪ ٢‬ايكطم ايكًب يه‪ ٞ‬ؼؿغ ب٘ ًَؿاتو ؾٗصا‬
‫‪ٜ‬ػٌٗ عً‪ٝ‬و عًُ‪ ١ٝ‬اغذلداعٗا يًعطض أ‪ ٚ‬ايتشس‪ٜ‬ح ‪ٚ‬ي‪ٝ‬هٔ ٖصا اجملًس َج‪ ً٬‬با‪٫‬غِ‬
‫‪( C:\htmfiles‬أ‪ ٚ‬بأ‪ ٟ‬اغِ وً‪ ٛ‬يو)‪.‬‬

‫سإ ‪ٚ‬قت ايعطض‪ ,‬يه‪ْ ٞ‬ؿاٖس ْت‪ٝ‬ذ‪َ ١‬ا نتبٓا‪ .ٙ‬قِ بتؿػ‪َ ٌٝ‬تكؿض اإلْذلْت ايص‪ٟ‬‬
‫تػتدسَ٘‪ .‬ؾإشا نإ ‪ Netscape Navigator‬اخذل ا٭َط ‪ َٔ …Open File‬قا‪١ُ٥‬‬
‫‪ .File‬أَا يف ‪ MS Internet Explorer‬ؾاخذل ا٭َط ‪ َٔ …Open‬قا‪ .File ١ُ٥‬ثِ سسز‬
‫املػاض ايص‪ٜٛ ٟ‬دس ب٘ املًـ‪ .‬أْا ؾدك‪ٝ‬اً قُت بتشس‪ٜ‬س املػاض ايتاي‪:ٞ‬‬

‫‪C:\htmfiles\1st_file.htm‬‬
‫‪ٚ‬شيو طبعاً سػب ا‪٫‬ؾذلانات ايػابك‪ ١‬اييت اتبعتٗا عٓس ؽع‪ ٜٔ‬املًـ‪ٖٚ .‬صا َا سكًت‬
‫عً‪:٘ٝ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪13‬‬

‫‪َٚ‬اشا عٓو؟ ٌٖ سكًت عً‪ْ ٢‬ؿؼ ايٓت‪ٝ‬ذ‪١‬؟ إشٕ َدل‪ٚ‬ى ‪ ‬يكس قُت بإْؿا‪ ٤‬أ‪ ٍٚ‬قؿش‪١‬‬
‫‪ٜٚ‬ب خاق‪ ١‬بو‪ٚ( .‬إ‪ ,٫‬إشا مل ؼكٌ عً‪ْ ٢‬ؿؼ ايٓت‪ٝ‬ذ‪ ١‬قِ بايٓكط ٖٓا)‬

‫‪ٚ‬قبٌ إٔ ْػتُط أض‪ٜ‬س إٔ أْبٗو إىل بعض امل‪٬‬سعات عٓس نتاب‪ ١‬قؿشات اي‪ٜٛ‬ب‪:‬‬

‫‪ٜٛ ٫‬دس ؾطم بني نتاب‪ ١‬اي‪ٛ‬غ‪ ّٛ‬با٭سطف اإللً‪ٝ‬ع‪ ١ٜ‬ايهبرل‪ UPPERCASE ٠‬أ‪ٚ‬‬ ‫‪‬‬

‫ا٭سطف ايكػرل‪ .lowercase ٠‬يصيو تػتط‪ٝ‬ع ايهتاب‪ ١‬بأ‪ ٟ‬ؾهٌ َُٓٗا أ‪ ٚ‬ست‪٢‬‬
‫ايهتاب‪ ١‬بهً‪ُٗٝ‬ا‪.‬‬
‫إٕ املتكؿشات ‪ ٫‬تأخص بعني ا‪٫‬عتباض ايؿطاغات ايعا‪٥‬س‪ ٠‬أ‪ ٚ‬إؾاضات ْٗا‪ ١ٜ‬ايؿكطات‬ ‫‪‬‬

‫(أ‪ ٟ‬عٓسَا تك‪ ّٛ‬بهػط َؿتاح ‪ )Enter‬اييت ػسٖا ٖص‪ ٙ‬املتكؿشات يف ًَـ‬
‫‪ٚ .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‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪14‬‬ ‫>‪</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‬يتشس‪ٜ‬س ايٓٗا‪ ١ٜ‬يًػطط‪ٚ .‬ايبس‪ ٤‬بػطط دس‪ٜ‬س (‪٫‬سغ إٔ‬
‫ٖصا اي‪ٛ‬غِ َؿطز‪ ,‬أ‪ ٟ‬ي‪ٝ‬ؼ ي٘ ‪ٚ‬غِ ْٗا‪.)١ٜ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪15‬‬

‫‪ْٚ‬ع‪ٛ‬ز إىل املجاٍ ايػابل‪ ,‬قِ بتعس‪ ٌٜ‬املًـ يه‪ٜ ٞ‬كبض بايؿهٌ ايتاي‪ٞ‬‬

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

‫>‪Wow, <BR> I'm writing my <BR‬‬

‫‪first webpage‬‬
‫>‪</BODY‬‬
‫>‪</HTML‬‬

‫‪ٖٓٚ‬اى أ‪ٜ‬ها اي‪ٛ‬غِ <‪ >P‬ايص‪ٜ ٟ‬ك‪ ّٛ‬تكط‪ٜ‬باً بٓؿؼ عٌُ اي‪ٛ‬غِ ايػابل أ‪ ٟ‬أْ٘ ‪ ٜٞٗٓ‬ايػطط‬
‫أ‪ ٚ‬ايؿكط‪ٜٚ ٠‬بسأ بػطط دس‪ٜ‬س يهٔ َع إناؾ‪ ١‬غطط إنايف ؾاضؽ بني ايؿكطات‪.‬‬
‫املع‪ٜ‬س عٔ ٖصا اي‪ٛ‬غِ يف ايسضؽ ايطابع ايؿكطات‬

‫>‪<HTML‬‬
‫>‪<HEAD‬‬
‫>‪<TITLE‬‬
‫‪This is a test Webpage‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪16‬‬ ‫>‪</TITLE‬‬
‫>‪</HEAD‬‬
‫>‪<BODY‬‬
‫>‪Wow, <P> I'm writing my <P‬‬
‫‪first webpage‬‬
‫>‪</BODY‬‬
‫>‪</HTML‬‬

‫أَا ايؿطاغات ؾتعتدل ضَ‪ٛ‬ظاً خاق‪ ١‬يصيو ‪ْ ٫‬ػتط‪ٝ‬ع ايتشهِ بٗا ‪ٚ‬بعسزٖا إ‪ ٫‬باغتدساّ‬
‫اي‪ٛ‬غِ &;‪ٚ( 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‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪17‬‬ ‫;‪&nbsp; my &nbsp; &nbsp; &nbsp; first &nbsp; &nbsp; &nbsp‬‬

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

‫‪ٚ‬مبٓاغب‪ ١‬اؿس‪ٜ‬ح عٔ ايطَ‪ٛ‬ظ اـاق‪ ١‬ؾٗٓاى ايعس‪ٜ‬س َٔ ٖص‪ ٙ‬ايطَ‪ٛ‬ظ ‪ٚ‬اييت هب إٔ تهتب‬
‫بك‪ٛ‬ض‪َ ٠‬ع‪ٚ ١ٓٝ‬باغتدساّ اي‪ٛ‬غ‪ٚ ّٛ‬ي‪ٝ‬ؼ َباؾط‪ ٠‬بك‪ٛ‬ضتٗا ايعاز‪ .١ٜ‬خص َج‪ ٬‬إؾاضت‪ ٞ‬أندل‬
‫َٔ ‪ٚ‬أقػط َٔ ‪ٚ‬إؾاض‪ ٠‬ا‪٫‬قتباؽ "‪ .‬نٌ ٖص‪ ٙ‬اإلؾاضات تػتدسّ أق‪َ ً٬‬ع اي‪ٛ‬غ‪ ّٛ‬ؾٗ‪ٞ‬‬
‫قذ‪ٛ‬ظ‪ ٙ‬نُٔ َؿطزات يػ‪ َٔٚ HTML ١‬اـطأ اغتدساَٗا بك‪ٛ‬ضتٗا ايكطو‪ ١‬ي‪٬٦‬‬
‫‪٪ٜ‬ز‪ ٟ‬شيو إىل سس‪ٚ‬خ َؿانٌ يف طط‪ٜ‬ك‪ ١‬عطض ايكؿش‪ .١‬نصيو ؾإٕ ٖٓاى ضَ‪ٛ‬ظاً غرل‬
‫َ‪ٛ‬د‪ٛ‬ز‪ ٠‬أغاغاً عً‪ ٢‬ي‪ٛ‬س‪ ١‬املؿات‪ٝ‬ض نطَع سك‪ٛ‬م ايطبع © ‪ٚ‬ضَع ايع‪ ١َ٬‬املػذً‪® ١‬‬
‫‪ٚ‬متاز إىل ٖص‪ ٙ‬ايطط‪ٜ‬ك‪(١‬طط‪ٜ‬ك‪ ١‬اي‪ٛ‬غ‪ )ّٛ‬يهتابتٗا‪ٚ .‬إي‪ٝ‬و دس‪ ٍٚ‬ببعض ٖص‪ ٙ‬ايطَ‪ٛ‬ظ‬
‫‪ٚٚ‬غ‪َٗٛ‬ا املهاؾ‪ٚ .١٦‬أيؿت ْعطى إىل أْٗا تهتب نُا ٖ‪ ٞ‬يف اؾس‪ٚ ٍٚ‬بس‪ ٕٚ‬إؾاضت‪ٞ‬‬
‫<>‬
‫‪ٚ‬قًٓا إىل ايٓٗا‪ْٗ ...١ٜ‬ا‪ ١ٜ‬ايسضؽ ا٭‪ .ٍٚ‬أمتٓ‪ ٢‬إٔ ته‪ ٕٛ‬قس ‪ٚ‬دست ؾ‪ َٔ ٘ٝ‬املتع‪١‬‬
‫‪ٚ‬ايؿا‪٥‬س‪َ ٠‬ا هعًو تٓكط ٖٓا يإلْتكاٍ ؾ‪ٛ‬ضاً إىل ايسضؽ ايجاْ‪.ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪18‬‬

‫ايسضؽ ايجاْ‪ٞ‬‬
‫ا٭ي‪ٛ‬إ ‪ -‬أنـ يكؿشتو بعض اؿ‪١ٜٛٝ‬‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ايجاْ‪ َٔ ٞ‬زض‪ٚ‬ؽ ‪ .HTML‬غ‪ٛ‬ف ْك‪ ّٛ‬يف ٖصا ايسضؽ‬
‫بايتعطف عً‪ ٢‬اـكا‪٥‬ل اييت ميهٔ إناؾتٗا إىل اي‪ٛ‬غِ <‪ َٔ >BODY‬أدٌ ايتشهِ‬
‫بايؿهٌ ايعاّ يًكؿش‪ٚ ,١‬خك‪ٛ‬قا ؾ‪ُٝ‬ا ‪ٜ‬تعًل با٭ي‪ٛ‬إ‪.‬‬

‫طبعاً أْت ‪ ٫‬ظيت تصنط ايكؿش‪ ١‬اييت قُٓا بهتابتٗا يف ايسضؽ ا٭‪ .ٍٚ‬قؿش‪ ١‬بػ‪ٝ‬ط‪١‬‬
‫غًؿ‪ ١ٝ‬ضَاز‪ٚ ١ٜ‬خط قػرل ْػب‪ٝ‬اً ي‪ ْ٘ٛ‬أغ‪ٛ‬ز‪ٖٚ .‬ص‪ ٖٞ ٙ‬اإلعسازات اإلؾذلان‪ ١ٝ‬اييت‬
‫‪ٜ‬عتُسٖا املتكؿض عٓسَا ‪ْ ٫‬ك‪ ّٛ‬مٔ بتشس‪ٜ‬س إعسازات أخط‪( .٣‬ضمبا تك‪ :ٍٛ‬أٖص‪ ٙ‬قؿش‪١‬‬
‫إْذلْت! أ‪ ٜٔ‬ا٭ي‪ٛ‬إ ‪ٚ‬ايطغ‪َٛ‬ات ‪ٚ‬اـط‪ٛ‬ط اؾُ‪ٚ ١ًٝ‬ايتٓػ‪ٝ‬كات اييت ْطاٖا يف قؿشات‬
‫ايبسا‪.)١ٜ‬‬ ‫يف‬ ‫ظيٓا‬ ‫ؾُا‬ ‫َٗ‪ً٬‬‬ ‫يهٔ‬ ‫سل‬ ‫َعو‬ ‫اإلْذلْت؟‬
‫غ‪ٛ‬ف ْػتُط باغتدساّ قؿشتٓا ٖص‪ ٙ‬يت‪ٛ‬ن‪ٝ‬ض أَجً‪ٖ ١‬صا ايسضؽ أ‪ٜ‬هاً‪ ,‬يهٔ ئ أق‪ّٛ‬‬
‫بتهطاض نتاب‪ٚ ١‬غ‪ ّٛ‬ايبسا‪ ١ٜ‬طاملا إٔ عًُٓا ‪ٜ‬ذلنع يف اؾع‪ ٤‬املدكل حملت‪ٜٛ‬ات ايكؿش‪١‬‬
‫<‪.>/BODY‬‬ ‫‪...‬‬ ‫<‪>BODY‬‬ ‫اي‪ٛ‬زلني‬ ‫نُٔ‬ ‫أ‪ٟ‬‬ ‫ْؿػٗا‬
‫إشٕ يٓبسأ ايعٌُ!‬

‫ْطًل نًُ‪ ١‬خاق‪ )Attribute( ١ٝ‬عً‪ ٢‬ايتعابرل اييت تهاف إىل اي‪ٛ‬غ‪ َٔ ,ّٛ‬أدٌ ؼس‪ٜ‬س‬
‫ايه‪ٝ‬ؿ‪ ١ٝ‬أ‪ ٚ‬ايؿهٌ ايص‪ ٟ‬تعٌُ بٗا ٖص‪ ٙ‬اي‪ٛ‬غ‪ٚ .ّٛ‬بعباض‪ ٠‬أخط‪ ٣‬ؾإٕ اي‪ٛ‬غِ ‪ٜ‬ك‪ ّٛ‬بإخباض‬
‫املتكؿض عٔ ايعٌُ ايص‪ ٟ‬هب ايك‪ٝ‬اّ ب٘ أَا اـاق‪ ١ٝ‬ؾتشسز ايه‪ٝ‬ؿ‪ ١ٝ‬اييت غ‪ٝ‬تِ بٗا أزا‪٤‬‬
‫ٖصا ايعٌُ‪.‬‬

‫تأٌَ ايؿ‪ٝ‬ؿط‪ ٠‬ايتاي‪:١ٝ‬‬

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

‫يكس قُت بإناؾ‪ ١‬اـاق‪ BGCOLOR ١ٝ‬إىل اي‪ٛ‬غِ <‪ ٖٞٚ , >BODY‬تك‪ ّٛ‬بتشس‪ٜ‬س‬
‫ي‪ ٕٛ‬اـًؿ‪ ١ٝ‬يًكؿش‪ .١‬أَا ‪ FFFFFF‬ؾٗ‪ ٞ‬ايك‪ ١ُٝ‬اييت متجٌ ايً‪ ٕٛ‬املدتاض ‪ٖٓ ٖٛٚ‬ا ايً‪ٕٛ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪19‬‬ ‫ا٭ب‪ٝ‬ض‪٫( ,‬سغ أْٗا َهت‪ٛ‬ب٘ بني إؾاضت‪ٚ ) " " ٞ‬ي‪ ٛ‬أضزت متج‪ ٌٝ‬ايً‪ ٕٛ‬ا٭غ‪ٛ‬ز يهتبت‬
‫ايؿاتض‪......‬‬ ‫ا٭ظضم‬ ‫يً‪ٕٛ‬‬ ‫‪CC6699‬‬ ‫ايطَع‬ ‫أ‪ٚ‬‬ ‫‪.000000‬‬ ‫ايطَع‬
‫ؾُٔ أ‪ ٜٔ‬دا‪٤‬ت ٖص‪ ٙ‬ايك‪ٚ ,ِٝ‬ن‪ٝ‬ـ؟‪ ...‬تابع ايكطا‪ٚ ٠٤‬غ‪ٛ‬ف تعطف‬

‫ايكً‪ ٌٝ‬عٔ ا٭ي‪ٛ‬إ‪...‬‬

‫ت‪٬‬سغ إٔ ايك‪ ِٝ‬ايػابك‪َ ١‬ه‪ َٔ ١ْٛ‬غت‪ ١‬ضَ‪ٛ‬ظ‪َ ٖٞٚ ,‬هت‪ٛ‬ب‪ ١‬بايك‪ٝ‬ػ‪ ١‬ايتاي‪-:١ٝ‬‬

‫ٖٓاى ث‪٬‬ث‪ ١‬أي‪ٛ‬إ أغاغ‪ ٖٞ ١ٝ‬ا٭محط ‪ٚ‬ا٭خهط ‪ٚ‬ا٭ظضم‪ٚ ,‬يهٌ َٓٗا ‪ٜٛ‬دس ‪ 256‬زضد‪ ١‬ي‪١ْٝٛ‬‬
‫‪ٜٚ‬عدل عٔ ٖص‪ ٙ‬ايسضدات با٭ضقاّ َٔ ‪ٚ 000‬ست‪ َٔٚ .255 ٢‬خ‪َ ٍ٬‬عز ٖص‪ ٙ‬ا٭ي‪ٛ‬إ‬
‫بسضداتٗا ايً‪ ١ْٝٛ‬املدتًؿ‪ ١‬مكٌ عً‪ ٢‬ا٭ي‪ٛ‬إ ا٭خط‪.٣‬‬

‫* إٕ أ‪ ٟ‬ي‪َ ٖٛ ٕٛ‬ع‪ٜ‬ر ‪ٚ-‬بٓػب‪َ ١‬ع‪ َٔ ١ٓٝ‬ايسضدات‪ٖ َٔ -‬ص‪ ٙ‬ا٭ي‪ٛ‬إ ايج‪٬‬ث‪* ١‬‬

‫ؾُج‪ ٬‬ايً‪ ٕٛ‬ا٭غ‪ٛ‬ز َه‪ َٔ ٕٛ‬ايسضد‪ َٔ 000 ١‬نٌ َٔ ايً‪ ٕٛ‬ا٭محط ‪ٚ‬ا٭خهط ‪ٚ‬ا٭ظضم‪ٚ .‬ايً‪ٕٛ‬‬
‫ا٭ب‪ٝ‬ض َه‪ َٔ ٕٛ‬ايسضد‪ٖ َٔ 255 ١‬ص‪ ٙ‬ا٭ي‪ٛ‬إ‪ .‬أَا ايً‪ ٕٛ‬ا٭قؿط ؾٗ‪َ ٛ‬ه‪ َٔ ٕٛ‬ايسضد‪١‬‬
‫‪ 255‬يً‪ ٕٛ‬ا٭محط‪ٚ ,‬ايسضد‪ 255 ١‬يً‪ ٕٛ‬ا٭خهط‪ٚ ,‬ايسضد‪ َٔ 000 ١‬ايً‪ ٕٛ‬ا٭ظضم‪ٖٚ ...‬هصا‬
‫بٓؿؼ ايطط‪ٜ‬ك‪ٜ ١‬تِ ته‪ ٜٔٛ‬باق‪ ٞ‬ا٭ي‪ٛ‬إ‪.‬‬

‫‪ٚ‬بعًُ‪ ١ٝ‬سػاب‪ ١ٝ‬بػ‪ٝ‬ط‪ٜٓ 256×256×256 ١‬تر يس‪ٜٓ‬ا إٔ عسز ا٭ي‪ٛ‬إ اييت ميهٔ اؿك‪ٍٛ‬‬
‫عً‪ٗٝ‬ا مبعز ا٭ي‪ٛ‬إ ايج‪٬‬ث‪ ١‬ايػابك‪ 16777216 ٖٛ ١‬بايهبط‪.‬‬

‫سػٓا‪ ,‬يهٔ َٔ أ‪ ٟ‬دا‪٤‬ت ايطَ‪ٛ‬ظ ‪ٚ FFFFFF‬اييت عدلت عٔ ايً‪ ٕٛ‬ا٭ب‪ٝ‬ض بٗا‪ .‬إْٗا‬
‫ببػاط‪ ١‬أضقاّ… َهت‪ٛ‬ب‪ ١‬بايٓعاّ ايػساؽ عؿط‪ْ( ٟ‬عاّ عسز‪ ٟ‬أغاغ٘ ايطقِ ‪ٜٚ 16‬عدل‬
‫عٓ٘ باغتدساّ ا٭ضقاّ ايعاز‪ 0 َٔ ١ٜ‬إىل ‪ٚ 9‬ايطَ‪ٛ‬ظ ‪ .) A,B,C,D,E,F‬ؾايطقِ ‪255‬‬
‫بايٓعاّ ايعؿط‪ ٟ‬ايعاز‪ٜ ٟ‬هاؾ‪ ٘٦‬ايطقِ ‪ FF‬بايٓعاّ ايػساؽ عؿط‪.ٟ‬‬
‫إشٕ ؾايطقِ ايػساؽ عؿط‪ FF ٟ‬عً‪ ٢‬اي‪ٝ‬ػاض ميجٌ ايسضد‪ 255 ١‬يً‪ ٕٛ‬ا٭محط‪ٚ .‬ايطقِ ‪FF‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪22‬‬ ‫يف اي‪ٛ‬غط ميجٌ ايسضد‪ َٔ 255 ١‬ايً‪ ٕٛ‬ا٭خهط‪ٚ .‬ايطقِ ‪ FF‬عً‪ ٢‬اي‪ُٝ‬ني ميجٌ ايسضد‪255 ١‬‬
‫ا٭ظضم‪.‬‬ ‫ايً‪ٕٛ‬‬ ‫َٔ‬
‫‪ٚ‬عً‪ٖ ٢‬صا املٓ‪ٛ‬اٍ ‪ٜ‬عدل عٔ ايً‪ ٕٛ‬ا٭ظضم ايؿاتض بايطقِ ايػساؽ عؿط‪ CC6699 :ٟ‬أَا ايً‪ٕٛ‬‬
‫‪.000000‬‬ ‫ٖ‪ٛ‬‬ ‫ؾطقُ٘‬ ‫ا٭غ‪ٛ‬ز‬

‫‪ٖٚ‬صا دس‪ ٍٚ‬ببعض ا٭ي‪ٛ‬إ ‪ٚ‬ضَ‪ٛ‬ظٖا املهاؾ‪ ١٦‬بايٓعاّ ايػساؽ عؿط‪.ٟ‬‬

‫‪ABCDEF‬‬ ‫‪FFFF00‬‬
‫‪FEDCBA‬‬ ‫‪336699‬‬
‫‪773466‬‬ ‫‪112233‬‬
‫‪FF1122‬‬ ‫‪666666‬‬
‫‪0033FF‬‬ ‫‪663333‬‬
‫‪AABBAA‬‬ ‫‪00FF00‬‬
‫‪800800‬‬ ‫‪FF6600‬‬
‫‪008008‬‬ ‫‪993366‬‬
‫‪020769‬‬ ‫‪123456‬‬
‫‪111111‬‬ ‫‪654321‬‬

‫أَا ن‪ٝ‬ـ تعطف ايطَع اـام بايً‪ ٕٛ‬ايص‪ ٟ‬تط‪ٜ‬س اخت‪ٝ‬اض‪ ,ٙ‬ؾ‪ٛٝ‬دس بطاَر خاق‪ ١‬تػتط‪ٝ‬ع َٔ‬
‫خ‪٬‬هلا زَر ا٭ي‪ٛ‬إ ايج‪٬‬ث‪ ١‬بٓػب كتًؿ‪ َٔٚ ,١‬ثِ ‪ٜ‬ك‪ ّٛ‬ايدلْاَر بت‪ٛ‬ي‪ٝ‬س ايطَع ايػساؽ‬
‫عؿط‪ ٟ‬املهاؾ‪ ٧‬يً‪ ٕٛ‬ايٓاتر‪ٖٚ .‬صا أسسٖا‬

‫َ‪٬‬سع‪:١َُٗ ١‬‬
‫بعض املتكؿشات ‪ ٫‬تتعطف عً‪ ٢‬ضَ‪ٛ‬ظ ا٭ي‪ٛ‬إ إ‪٫‬‬
‫ب‪ٛ‬نع إؾاض‪ # ٠‬قبٌ ٖص‪ ٙ‬ايطَ‪ٛ‬ظ‪ ,‬يصيو َٔ ا٭ؾهٌ‬
‫اغتدساَٗا زا‪ُ٥‬اً‪.‬‬

‫‪ٚ‬بايٓػب‪ ١‬يبعض ا٭ي‪ٛ‬إ ا٭غاغ‪ٚ ١ٝ‬ايساضد‪ َٔ ,١‬املُهٔ اغتدساّ أزلا‪ٖ ٤‬ص‪ ٙ‬ا٭ي‪ٛ‬إ‬
‫َباؾط‪ ٠‬بس‪ َٔ ً٫‬ا٭ضقاّ ايػساؽ عؿط‪ٖٚ .١ٜ‬صا دس‪ٜٛ ٍٚ‬نض ٖص‪ ٙ‬ا٭ي‪ٛ‬إ ‪َٚ‬ػُ‪ٝ‬اتٗا‪:‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪21‬‬ ‫‪Black‬‬ ‫‪White‬‬

‫‪Red‬‬ ‫‪Green‬‬
‫‪Marron‬‬ ‫‪Purple‬‬
‫‪Navy‬‬ ‫‪Blue‬‬
‫‪Teal‬‬ ‫‪Lime‬‬
‫‪Gray‬‬ ‫‪Silver‬‬
‫‪Olive‬‬ ‫‪Aqua‬‬
‫‪Fuchsia‬‬ ‫‪Yellow‬‬

‫‪ْٚ‬ع‪ٛ‬ز إىل اي‪ٛ‬غ‪ ٚ ّٛ‬خكا‪٥‬كٗا ‪...‬‬

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

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

‫تك‪ ّٛ‬اـاق‪ BACKGROUND ١ٝ‬بتشس‪ٜ‬س ق‪ٛ‬ض‪ ٠‬ندًؿ‪ٚ( ١ٝ‬ضم دسضإ) يًكؿش‪ٚ ١‬قس‬
‫اغتدسَت ايك‪ٛ‬ض‪ ٠‬ايتاي‪:١ٝ‬‬

‫‪ٚ‬املػُا‪ image.jpg ٠‬يف قؿشيت ‪ٚ‬ناْت ٖص‪ ٙ‬ايٓت‪ٝ‬ذ‪١‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪22‬‬

‫ت‪٬‬سغ إٔ املتكؿض قس قاّ بتهطاض عطض ايك‪ٛ‬ض‪ ٠‬بطط‪ٜ‬ك‪ ١‬ايتذاْب ‪ٚ‬أْٗا أقبشت تػط‪ٞ‬‬
‫نٌ ايؿاؾ‪ .١‬ع‪ٝ‬ح سذبت أ‪ٜ‬هاً ايً‪ ٕٛ‬ا٭ب‪ٝ‬ض ايص‪ ٟ‬سسزْا‪ ٙ‬نً‪ ٕٛ‬اـًؿ‪ َٔ( ١ٝ‬خ‪ٍ٬‬‬
‫اـاق‪ٚ ) BGCOLOR ١ٝ‬اؿك‪ٝ‬ك‪ ١‬إٔ ايً‪ٜ ٕٛ‬عٗط ؾكط عٓسَا ‪ْ ٫‬ك‪ ّٛ‬باغتدساّ ق‪ٛ‬ض‪َ ٠‬ا‬
‫ندًؿ‪َٚ .١ٝ‬ع شيو ‪ٜ‬ؿهٌ ؼس‪ٜ‬س‪ ٙ‬إست‪ٝ‬اطاً خاق‪ٚ ١‬إٔ بعض املتكؿشات ايكسمي‪ ١‬ت‪ٛ‬قـ‬
‫بأْٗا َتكؿشات ْك‪( Text-Based Browsers ١ٝ‬أ‪ ٟ‬ي‪ٝ‬ؼ بإَهاْٗا عطض ايك‪ٛ‬ض)‪ .‬أ‪ٚ‬‬
‫ضمبا ٖٓاى بعض املػتدسَني ايص‪ ٜٔ‬قاَ‪ٛ‬ا بإيػا‪ ٤‬خ‪ٝ‬اض عطض ايك‪ٛ‬ض تًكا‪ٝ٥‬اً َٔ‬
‫َتكؿشاتِٗ‪ .‬إشٕ يٓعطِٗ عً‪ ٢‬ا٭قٌ ؾطق‪َ ١‬ؿاٖس‪ ٠‬بعض ا٭ي‪ٛ‬إ إٕ مل ‪ٜ‬ػتط‪ٝ‬ع‪ٛ‬ا‬
‫َؿاٖس‪ ٠‬ايك‪ٛ‬ض‪.‬‬

‫إْٓا ْػتط‪ٝ‬ع اغتدساّ ايك‪ٛ‬ض بأسذاّ كتًؿ‪ ١‬ط‪ٛ‬ي‪ٝ‬اً أ‪ ٚ‬عطن‪ٝ‬اً ندًؿ‪ٝ‬ات يًكؿش‪,١‬‬
‫‪ٚ‬املتكؿض ْؿػ٘ ٖ‪ ٛ‬ايص‪ٜ ٟ‬ك‪ ّٛ‬تًكا‪ٝ٥‬اً بعطنٗا يف ‪ٚ‬نع ايتذاْب مما ‪ٜ‬عط‪ ٞ‬ا‪ْ٫‬طباع‬
‫ا٭َجً‪:١‬‬ ‫بعض‬ ‫‪ٚ‬إي‪ٝ‬و‬ ‫نبرل‪.٠‬‬ ‫ق‪ٛ‬ض‪٠‬‬ ‫بأْٗا‬
‫أْكط عً‪ ٢‬ايك‪ٛ‬ض‪ ٠‬يه‪ ٞ‬تؿاٖسٖا ندًؿ‪ ١ٝ‬يًكؿش‪.١‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪23‬‬

‫‪ٚ‬يٓهٌُ َع باق‪ ٞ‬اـكا‪٥‬ل يف ‪ٚ‬غِ <‪ :>BODY‬ضمبا ‪٫‬سعت خ‪ ٍ٬‬اغتدساَو‬

‫يإلْذلْت إٔ َععِ اي‪ٛ‬ق‪٬‬ت ايتؿعب‪ )Links( ١ٝ‬اييت تٓكط عً‪ٗٝ‬ا يتٓكًو إىل قؿشات أ‪ٚ‬‬
‫َ‪ٛ‬اقع أخط‪ ٣‬عً‪ ٢‬ايؿبه‪ ٖٞ ١‬زا‪ُ٥‬اً مم‪ٝ‬ع‪ ٠‬بايً‪ ٕٛ‬ا٭ظضم‪ٚ ,‬إٔ اي‪ٛ‬ق‪٬‬ت اييت قُت بع‪ٜ‬اضتٗا‬
‫ؾع‪ ً٬‬قس ؼ‪ ٍٛ‬ي‪ْٗٛ‬ا إىل ايكطَع‪ .ٟ‬سػٓاً‪ٖ ,‬ص‪ ٖٞ ٙ‬ا٭ي‪ٛ‬إ اإلؾذلان‪ ١ٝ‬اييت تعتُسٖا‬
‫املتكؿشات‪ .‬يهٔ قس ‪ٜ ٫‬عذبو شيو ‪ٚ‬تط‪ٜ‬س تػ‪ٝ‬رل ٖصا ايٓعاّ‪ .‬أ‪ ٚ‬ببػاط‪ ١‬ضمبا تط‪ٜ‬س‬
‫اغتدساّ ي‪ ٕٛ‬أ‪ ٚ‬ق‪ٛ‬ض‪ ٠‬غاَك‪ ١‬ـًؿ‪ ١ٝ‬ايكؿش‪ ١‬مبا غ‪٪ٝ‬ز‪ ٟ‬إىل اختؿا‪ٖ ٤‬ص‪ ٙ‬اي‪ٛ‬ق‪٬‬ت أ‪ٚ‬‬
‫ايعٌُ؟‬ ‫ؾُا‬ ‫ْؿػٗا‪.‬‬ ‫ايكؿش‪١‬‬ ‫ْل‬ ‫اختؿا‪٤‬‬ ‫ست‪٢‬‬
‫إي‪ٝ‬و ٖص‪ ٙ‬اـكا‪٥‬ل اييت تك‪ ّٛ‬بايتشهِ يف أي‪ٛ‬إ ايٓك‪ٛ‬م‪:‬‬

‫"‪TEXT="#rrggbb‬‬ ‫ؼس‪ٜ‬س ي‪ ٕٛ‬ايٓل ا٭غاغ‪ ٞ‬يًكؿش‪١‬‬

‫"‪LINK="#rrggbb‬‬ ‫ؼس‪ٜ‬س ي‪ ٕٛ‬اي‪ٛ‬ق‪٬‬ت ايتؿعب‪١ٝ‬‬

‫ؼس‪ٜ‬س ي‪ ٕٛ‬اي‪ٛ‬ق‪٬‬ت ايتؿعب‪ ١ٝ‬اييت متت ظ‪ٜ‬اضتٗا ‪visited‬‬

‫"‪VLINK="#rrggbb‬‬
‫‪links‬‬
‫ؼس‪ٜ‬س ي‪ ٕٛ‬اي‪ٛ‬قً‪ ١‬ايتؿعب‪ ١ٝ‬ايؿعاي‪ ١‬أ‪ ٟ‬عٓسَا ‪ٜ‬تِ ايٓكط عً‪ٗٝ‬ا‬
‫"‪ALINK="#rrggbb‬‬
‫‪active links‬‬

‫‪ٚ‬اٯٕ‪ ,‬زعٓا لٌُ اـكا‪٥‬ل ايػابك‪ ١‬يف عباض‪ٚ ٠‬اسس‪ٚ .٠‬غ‪ٛ‬ف أنتب ايطَ‪ٛ‬ظ اـاق‪١‬‬
‫با٭ي‪ٛ‬إ بٓؿؼ تًو ا٭ي‪ٛ‬إ اييت متجًٗا‪ٚ .‬أيؿت ْعطى إىل أْ٘ ‪ ٫‬أُٖ‪ ١ٝ‬يًذلت‪ٝ‬ب يف نتاب‪١‬‬
‫ٖص‪ ٙ‬اـكا‪٥‬ل زاخٌ ايعباض‪.٠‬‬

‫‪<BODY‬‬ ‫"‪BACKGROUND="backimag.jpg‬‬
‫"‪BGCOLOR="#ffff00‬‬
‫"‪TEXT="#000066‬‬
‫"‪LINK="#00ff00‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪24‬‬ ‫"‪VLINK="#ff0000‬‬
‫>"‪ALINK="#999999‬‬

‫سا‪ ٍٚ‬إٔ ؼًًٗا! ٌٖ اغتٓتذت أْين قس سسزت ايك‪ٛ‬ض‪ backimag.jpg ٠‬ندًؿ‪١ٝ‬‬

‫يًكؿش‪١‬؟ ‪ٚ‬أْين اخذلت ايً‪ ٕٛ‬ا٭قؿط يًدًؿ‪( ١ٝ‬يف ساي‪ ١‬عسّ عطض ايك‪ٛ‬ض‪ ٠‬ايػابك‪١‬‬
‫ندًؿ‪)١ٝ‬؟ ‪ٚ‬إ ايٓل غ‪ٝ‬عٗط بايً‪ ٕٛ‬ا٭ظضم ايػاَل؟ أَا اي‪ٛ‬ق‪٬‬ت ايتؿعب‪ ١ٝ‬ؾً‪ْٗٛ‬ا أخهط‪,‬‬
‫‪ٚ‬اي‪ٛ‬ق‪٬‬ت اييت متت ظ‪ٜ‬اضتٗا غتعٗط بايً‪ ٕٛ‬ا٭محط‪ .‬أَا تًو اي‪ٛ‬قً‪ ١‬ايؿعاي‪ ١‬ؾػتعٗط‬
‫بايؿأض‪.٠‬‬ ‫عً‪ٗٝ‬ا‬ ‫ايٓكط‬ ‫ؿع‪١‬‬ ‫يف‬ ‫ايطَاز‪ٟ‬‬ ‫بايً‪ٕٛ‬‬

‫إشا ناْت ٖص‪ ٖٞ ٙ‬اغتٓتاداتو‪ ...‬ؾُدل‪ٚ‬ى‪ ,‬يكس لشت‪ٚ .‬نٌ َا أمتٓا‪ ٙ‬إٔ ته‪ ٕٛ‬قس‬
‫قه‪ٝ‬ت ‪ٚ‬قتاً ًَ‪ْٛ‬اً ‪ٚ‬ظاٖ‪ٝ‬اً َع ٖصا ايسضؽ‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪25‬‬

‫ايجايح‬ ‫ايسضؽ‬
‫اـط‪ٛ‬ط‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ايجايح َٔ زض‪ٚ‬ؽ ‪ ٫ .HTML‬ظيٓا ْٓاقـ َعاً أغاغ‪ٝ‬ات تٓػ‪ٝ‬ل‬
‫قؿشات اإلْذلْت ‪ٚ‬ايتشهِ غكا‪٥‬كٗا‪ٚ .‬غ‪ٛ‬ف ْتابع شيو يف ٖصا ايسضؽ َٔ خ‪ٍ٬‬‬
‫باـط‪ٛ‬ط‪.‬‬ ‫اـاق‪١‬‬ ‫اي‪ٛ‬غ‪ّٛ‬‬ ‫عً‪٢‬‬ ‫ايتعطف‬
‫غ‪ٛ‬ف ت‪٬‬سغ يف ٖصا ايسضؽ ‪ٚ‬ايسض‪ٚ‬ؽ اي‪٬‬سك‪ ١‬إٔ ٖٓاى أنجط َٔ طط‪ٜ‬ك‪ ١‬٭زا‪ْ ٤‬ؿؼ‬
‫ايعٌُ‪ ,‬أ‪ ٚ‬إعطا‪ْ ٤‬ؿؼ اـكا‪٥‬ل يكؿشات اإلْذلْت‪ٚ .‬باملكابٌ قس ‪ٜ‬بس‪ ٚ‬يو إٔ بعض‬
‫اي‪ٛ‬غ‪ٚ ّٛ‬اـكا‪٥‬ل َتؿابٗ‪ ١‬يف تأثرلٖا‪ ,‬يهٔ بايكً‪ َٔ ٌٝ‬ايتسق‪ٝ‬ل ‪ٚ‬ايتذطب‪ ١‬غتهتؿـ إٔ‬
‫خك‪ٛ‬ق‪ٝ‬ت٘‪.‬‬ ‫‪ٚ‬غِ‬ ‫يهٌ‬

‫‪ٚ‬يٓبسأ‬

‫ضادع قؿشتٓا ايبػ‪ٝ‬ط‪ ١‬اييت عًُٓا ؾ‪ٗٝ‬ا يف ايسضغني ايػابكني‪ .‬إْٓا مل ْكِ بايتعاٌَ َع‬
‫اـط‪ٛ‬ط ؾ‪ٗٝ‬ا ‪ ٫ٚ‬بأ‪ ٟ‬ؾهٌ َٔ ا٭ؾهاٍ‪ .‬أ‪ ٟ‬أْٓا تطنٓاٖا عً‪ ٢‬إعسازاتٗا ا‪٫‬ؾذلان‪.١ٝ‬‬
‫‪ٚ‬باملٓاغب‪ ١‬ؾإٕ ٖص‪ ٙ‬اإلعسازات ٖ‪ ٞ‬خط عاز‪ْٛ ,ٟ‬ع٘ ‪ٚ Times New Roman‬سذُ٘‬
‫‪( 3‬مبك‪ٝ‬اؽ َتكؿشات اإلْذلْت)‪.‬‬

‫اي‪ٛ‬غِ ا٭‪ ٍٚ‬اـام باـط‪ٛ‬ط ٖ‪>FONT/< ... >FONT< ٛ‬‬

‫‪ٜ ٖٛٚ‬ك‪ ّٛ‬بايتشهِ باـط‪ٛ‬ط َٔ س‪ٝ‬ح ايٓ‪ٛ‬ع ‪ٚ‬ايً‪ٚ ٕٛ‬اؿذِ‪ .‬أَا اـكا‪٥‬ل اييت‬
‫ْػتدسَٗا َع ٖصا اي‪ٛ‬غِ ‪ٚ‬اي‪ٛ‬غ‪ ّٛ‬ا٭خط‪ ٣‬يًدط‪ٛ‬ط ؾٗ‪ ٞ‬نايتاي‪:ٞ‬‬

‫‪Face‬‬ ‫تك‪ٖ ّٛ‬ص‪ ٙ‬اـاق‪ ١ٝ‬بتشس‪ٜ‬س ْ‪ٛ‬ع اـط ايص‪ْ ٟ‬ط‪ٜ‬س‪ٚ ,ٙ‬قس ْك‪ ّٛ‬بتشس‪ٜ‬س‬
‫أنجط َٔ ْ‪ٛ‬ع َعاً‪ٚ .‬يف ٖص‪ ٙ‬اؿاي‪ ١‬إشا مل ‪ٜ‬ت‪ٛ‬ادس اـط احملسز أ‪ً٫ٚ‬‬
‫عً‪ ٢‬دٗاظ ايؿدل ايص‪ٜ ٟ‬تكؿض امل‪ٛ‬قع ‪ٜ‬تِ إعتُاز اـط ايجاْ‪... ٞ‬‬
‫‪ٖٚ‬هصا‬

‫‪<FONT FACE="Traditional Arabic, Arabic‬‬

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

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪26‬‬ ‫طبعاً ‪ ٫‬تٓؼ إٔ تتأنس َٔ نتاب‪ ١‬أزلا‪ ٤‬اـط‪ٛ‬ط بايك‪ٛ‬ض‪ ٠‬ايكش‪ٝ‬ش‪١‬‬

‫ٖذا‪ٝ٥‬اً‪.‬‬

‫أَا ٖص‪ ٙ‬اـاق‪ ١ٝ‬ؾتشسز ي‪ ٕٛ‬اـط‪ٚ ,‬شيو بٓؿؼ َباز‪ ٨‬ؼس‪ٜ‬س ا٭ي‪ٛ‬إ ‪Color‬‬
‫اييت ؼسثٓا يف ايسضؽ ايػابل‬

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

‫‪Size‬‬ ‫‪ٚ‬يتشس‪ٜ‬س سذِ اـط ْػتدسّ ٖص‪ ٙ‬اـاق‪ٚ .١ٝ‬ؾكط ٖٓاى غبع‪١‬‬
‫أسذاّ ٭‪ ٟ‬خط تػتط‪ٝ‬ع املتكؿشات ايتعطف عً‪ٗٝ‬ا‪.‬‬
‫‪ْٚ‬ك‪ ّٛ‬بتشس‪ٜ‬س اؿذِ املطً‪ٛ‬ب بأغً‪ٛ‬بني‪ :‬أ‪ٚ‬هلُا املباؾط‪ .‬س‪ٝ‬ح ‪ٜ‬تِ‬
‫نتاب‪ ١‬ضقِ ‪ٜ‬ذلا‪ٚ‬ح َا بني ‪ .7-1‬أ‪ ٟ‬أْٓا نتاض اؿذِ ايص‪ْ ٟ‬ط‪ٜ‬س‪َ ٙ‬باؾط‪.٠‬‬

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

‫‪ٚ‬إي‪ٝ‬و مناشز بأسذاّ اـط‪ٛ‬ط‬

‫خط عذِ ‪1‬‬

‫خط عذِ ‪2‬‬
‫خط عذِ ‪( 3‬اـط ا‪٫‬ؾذلان‪)ٞ‬‬
‫خط عذِ ‪4‬‬
‫خط عذِ ‪5‬‬
‫خط عذِ ‪6‬‬
‫خط عذِ ‪7‬‬

‫أَا ا٭غً‪ٛ‬ب ايجاْ‪ ٞ‬ؾٗ‪ ٛ‬ايٓػيب‪ :‬س‪ٝ‬ح تهتب ا٭ضقاّ َٔ ‪ 1‬إىل ‪6‬‬
‫َطؾك‪ ١‬إَا بإؾاض‪ + ٠‬أ‪ ٚ‬بإؾاض‪.- ٠‬‬

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

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪27‬‬ ‫>‪</FONT‬‬

‫‪ٚ‬يف ٖص‪ ٙ‬ايطط‪ٜ‬ك‪ ١‬ؾإٕ ا٭ضقاّ ‪ 6-1‬متجٌ زضدات ايتهبرل (‪ )+‬أ‪ٚ‬‬

‫ايتكػرل (‪ )-‬يًدط ‪ٚ‬شيو ْػب‪ ً١‬إىل اؿذِ ا‪٫‬ؾذلان‪ .ٞ‬ؾُج‪ ٬‬ايطقِ ‪4+‬‬
‫‪ٜ‬عين تهبرل اـط أضبع زضدات عٔ اؿذِ ا‪٫‬ؾذلان‪ ,3 ٖٛٚ ٞ‬أ‪ ٟ‬أْ٘‬
‫‪ٜ‬كبض باؿذِ ‪ .7‬باملكابٌ ؾإٔ ايطقِ ‪ٜ 1-‬عين تكػرل اـط زضد‪١‬‬
‫‪ٚ‬اسس‪ ٠‬أ‪ٜ ٟ‬كبض باؿذِ ‪.2‬‬
‫‪ٚ‬يت‪ٛ‬ن‪ٝ‬ض ٖصا ا٭غً‪ٛ‬ب‪ ,‬إي‪ٝ‬و ٖص‪ ٙ‬ايُٓاشز‪:‬‬

‫خط عذِ ‪3-‬‬

‫خط عذِ ‪2-‬‬
‫خط عذِ ‪1-‬‬
‫خط عذِ ‪( 0+‬أ‪ ٖٛٚ 0- ٚ‬ا‪٫‬ؾذلان‪)ٞ‬‬
‫خط عذِ ‪1+‬‬
‫خط عذِ ‪2+‬‬
‫خط عذِ ‪3+‬‬
‫خط عذِ ‪4+‬‬
‫خط عذِ ‪5+‬‬

‫‪٫‬سغ أْ٘ ست‪ ٢‬يف ا٭غً‪ٛ‬ب ايٓػيب ‪ْ ٫‬ػتط‪ٝ‬ع اؿك‪ ٍٛ‬عً‪ ٢‬أنجط َٔ‬
‫غبع‪ ١‬أسذاّ يًدط‪ٛ‬ط‪ .‬ست‪ٚ ٢‬إٕ سا‪ٚ‬يٓا نتاب‪ ١‬أضقاّ أندل أ‪ ٚ‬أقػط‬
‫نُا ؾعًت ٖٓا بهتاب‪ ١‬اؿذِ ‪ 3-‬أ‪.5+ ٚ‬‬

‫‪ٚ‬اٯٕ أعطف َاشا تط‪ٜ‬س إٔ تػأٍ‪ ,‬غتك‪ ٍٛ‬يكس ثبت سذِ اـط عً‪ ٢‬سس‪ ٙ‬ا٭زْ‪ ٢‬عٓس ايسضد‪١‬‬
‫‪ٚ 2-‬عً‪ ٢‬سس‪ ٙ‬ا٭عً‪ ٢‬عٓس ايسضد‪ .4+ ١‬إشٕ َا ايؿا‪٥‬س‪ٚ َٔ ٠‬د‪ٛ‬ز ايسضدات ا٭خط‪ ٣‬ا٭قٌ َٔ‬
‫‪4 +‬؟‬ ‫َٔ‬ ‫‪ٚ‬ا٭ندل‬ ‫‪2-‬‬
‫سػٓا ‪ٚ‬أْا أد‪ٝ‬بو بػ‪٪‬اٍ آخط‪َ :‬اشا ي‪ ٛ‬قُٓا بتػ‪ٝ‬رل اؿذِ ا‪٫‬ؾذلان‪ ٞ‬يًدط يف نٌ‬
‫ايكؿش‪ ١‬إىل ‪ 1‬بس‪3 َٔ ً٫‬؟ (‪ٚ‬غ‪ٛ‬ف ْك‪ ّٛ‬بصيو ؾع‪ ً٬‬بعس قً‪ ,)ٌٝ‬أ‪ ٫‬متاز يف ٖص‪ ٙ‬اؿاي‪١‬‬
‫إىل ايسضدات َٔ ‪ 1+‬إىل ‪ 6+‬يتُج‪ ٌٝ‬ا٭سذاّ ا٭ندل َٓ٘؟ ‪ٚ‬إشا قُٓا بتشس‪ٜ‬س ‪ 7‬نشذِ‬
‫إؾذلان‪ ٞ‬أ‪ ٫‬متاز إىل ايسضدات َٔ ‪ 1-‬إىل ‪ 6-‬يتُج‪ ٌٝ‬ا٭سذاّ ا٭قػط َٓ٘؟ إشٕ مٔ متاز‬
‫ؾع‪ ً٬‬إىل ٖص‪ ٙ‬ايسضدات يه‪ْ ٞ‬ػط‪ ٞ‬مج‪ٝ‬ع اإلستُا‪٫‬ت اي‪ٛ‬اضز‪.٠‬‬
‫‪)-:‬‬ ‫أقٓعو‬ ‫قس‬ ‫اؾ‪ٛ‬اب‬ ‫ٖصا‬ ‫‪ٜ‬ه‪ٕٛ‬‬ ‫إٔ‬ ‫أضد‪ٛ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

28
ٍ‫ نٌ َجا‬١‫ذ‬ٝ‫ف أضؾل ْت‬ٛ‫غ‬ٚ ,ِ‫غ‬ٛ‫ اغتدساّ ٖصا اي‬١ٝ‫ؿ‬ٝ‫نض يو ن‬ٛ‫ يت‬١ً‫ بعض ا٭َج‬ٙ‫ٖص‬ٚ
.٠‫ َباؾط‬ٙ‫بعس‬

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

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

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

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪32‬‬ ‫>‪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< ٖٛٚ‬‬
‫‪ٚ‬عًُ٘ ٖ‪ ٛ‬ؼس‪ٜ‬س ْ‪ٛ‬ع اـط ‪ٚ‬خكا‪٥‬ك٘ بايٓػب‪ ١‬يًكؿش‪ ١‬نًٗا ‪ .‬أ‪ ٟ‬أْ٘ ‪ٜ‬ك‪ ّٛ‬بتعط‪ٜ‬ـ ْ‪ٛ‬ع‬
‫اـط ا٭غاغ‪ ٞ‬ايص‪ ٟ‬غ‪ٝ‬ػتدسّ يف ايكؿش‪ َٔ ١‬بسا‪ٜ‬تٗا إىل ْٗا‪ٜ‬تٗا ‪ٚ‬وسز ي‪ْ٘ٛ‬‬
‫‪ٚ‬سذُ٘‪.‬‬
‫ٌٖ ‪٫‬سعت اْ٘ ‪ٚ‬غِ َؿطز ‪ ٫ٚ‬وت‪ ٟٛ‬عً‪ٚ ٢‬غِ يًٓٗا‪١ٜ‬؟ بايطبع َا اؿاد‪ ١‬إىل ‪ٚ‬غِ‬
‫ايٓٗا‪ ١ٜ‬طاملا أْ٘ ‪ٜ‬تعاٌَ َع ايكؿش‪ ١‬نهٌ ‪َٚ‬ع اإلعسازات ا٭غاغ‪ ١ٝ‬هلا‪ٚ ,‬ي‪ٝ‬ؼ َع‬
‫نًُ‪ ١‬أ‪ ٚ‬غطط أ‪ ٚ‬ؾكط‪ ٠‬بصاتٗا‪ .‬يصيو ؾإٕ ٖصا اي‪ٛ‬غِ ‪ٜ‬هتب عاز‪ ٠‬يف أ‪ ٍٚ‬املًـ‪,‬‬
‫‪ٜٚ‬ؿهٌ َباؾط‪ ٠‬بعس ‪ٚ‬غِ <‪ .>BODY‬أَا اـكا‪٥‬ل املػتدسَ‪َ ١‬ع٘ ؾٗ‪ْ ٞ‬ؿؼ‬
‫اـكا‪٥‬ل غايؿ‪ ١‬ايصنط َع <‪ْ( , >FONT‬ػتط‪ٝ‬ع اغتدساّ اـاق‪َ Name ١ٝ‬ع٘ بس‪ً٫‬‬
‫َٔ ‪ٚ .)Face‬بٓؿؼ ايطط‪ٜ‬ك‪ٚ ١‬بس‪ ٕٚ‬أ‪ ٟ‬اخت‪٬‬ؾات‪ٚ .‬إي‪ٝ‬و ٖص‪ ٙ‬ايؿ‪ٝ‬ؿط‪ ٠‬نُجاٍ‪:‬‬

‫>"‪<BASEFONT Name="Arial" COLOR="#FF0000" SIZE="5‬‬

‫‪ٚ‬بسضاغ‪ٖ ١‬صا املجاٍ ْػتٓتر أْ٘ ‪ٜ‬ك‪ ّٛ‬بتعس‪ ٌٜ‬اـط ا‪٫‬ؾذلان‪ ٞ‬يًكؿش‪ ١‬ع‪ٝ‬ح ‪ٜ‬كبض ْ‪ٛ‬ع٘‬
‫‪ٚ Arial‬سذُ٘ ‪ٚ 5‬ي‪ ْ٘ٛ‬أمحط‪ٚ .‬بايتاي‪ ٞ‬ؾإٕ نٌ ايٓك‪ٛ‬م املهت‪ٛ‬ب‪ ١‬يف تًو ايكؿش‪١‬‬
‫غ‪ٝ‬طبل عً‪ٗٝ‬ا ٖصا ايُٓط َٔ اـط‪َ .‬ا مل ْكِ طبعا باغتدساّ اي‪ٛ‬غ‪... >Font< ّٛ‬‬
‫<‪ >Font/‬يتعس‪ًٜٗ‬ا ‪ٚ‬ايتشهِ مبعٗطٖا نُا ؾعًٓا يف ا٭َجً‪ ١‬ايػابك‪ ,١‬ؾٗ‪ ٞ‬أنجط‬
‫ؼس‪ٜ‬ساً ‪ٚ‬أنجط َط‪ َٔ ١ْٚ‬اي‪ٛ‬غِ <‪>BASEFONT‬‬

‫‪ٚ‬مبٓاغب‪ ١‬اؿس‪ٜ‬ح عٔ ا٭ي‪ٛ‬إ ‪ٚ‬تػ‪ٝ‬رل ايً‪ ٕٛ‬ا٭غاغ‪ ٞ‬يٓل ايكؿش‪ .١‬أ‪ ٫‬تصنط أْٓا يف ايسضؽ‬
‫ايػابل تهًُٓا عٔ اـاق‪ Text ١ٝ‬اييت تهتب َع اي‪ٛ‬غِ <‪ٚ >Body‬اييت اغتدسَٓاٖا‬
‫شيو‪.‬‬ ‫أشنط‬ ‫ظيت‬ ‫‪٫‬‬ ‫أْا‬ ‫ايكؿش‪...١‬‬ ‫ْل‬ ‫ي‪ٕٛ‬‬ ‫يتشس‪ٜ‬س‬
‫‪ٜٛ ٫‬دس تعاضض بني ٖص‪ ٙ‬اـاق‪ٚ ١ٝ‬خاق‪ Color ١ٝ‬يف اي‪ٛ‬غِ <‪ >BASEFONT‬ؾأْت‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪31‬‬ ‫بهٌ بػاط‪ ١‬تػتط‪ٝ‬ع اغتدساّ أ‪َُٗٓ ٟ‬ا يف قؿشتو‪ٚ .‬إشا سسخ ‪ٚ‬اغتدسَت ن‪ُٖ٬‬ا‬
‫ؾإٕ ايً‪ ٕٛ‬احملسز َع اي‪ٛ‬غِ <‪ ٖٛ >BASEFONT‬ايص‪ ٟ‬غ‪ٝ‬طبك٘ املتكؿض ‪ٜٚ‬عتُس‪.ٙ‬‬

‫‪ٖٓٚ‬ا أض‪ٜ‬س إٔ أشنطى مبا قًت٘ يف بسا‪ٖ ١ٜ‬صا ايسضؽ‪:‬‬

‫‪ٜٛ‬دس زا‪ُ٥‬اً أنجط َٔ طط‪ٜ‬ك‪ ١‬٭زا‪ْ ٤‬ؿؼ ايعٌُ‬

‫ٖٓاى ‪ٚ‬غ‪ ّٛ‬خاق‪ ١‬تػتدسّ يتُ‪ٝٝ‬ع ايعٓا‪ Headings ٜٔٚ‬يف قؿشات اإلْذلْت ‪:ٖٞٚ‬‬

‫>‪<Hn> ... </Hn‬‬

‫‪ ٖٛ.‬ضقِ بني ‪ 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‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

32 ّٛ‫غ‬ٛ‫ اي‬ًٜٞ ‫ُا‬ٝ‫ؾ‬ٚ .‫م‬ٛ‫ايتأثرلات اييت ميهٔ إناؾتٗا إىل ايٓك‬ٚ ‫كات‬ٝ‫ اٯٕ إىل ايتٓػ‬ٞ‫ْأت‬ٚ
:٘‫ذت‬ٝ‫ْت‬ٚ ٍ‫مبجا‬ ١‫ع‬ٛ‫َتب‬ ‫بٗا‬ ١‫اـاق‬

:١ٝ‫ّ ايتاي‬ٛ‫غ‬ٛ‫ْػتدسّ ي٘ اي‬ٚ ,)‫ض‬ٜ‫ز ايعط‬ٛ‫* اـط ايػاَل (ا٭غ‬

<B> ... </B>

<STRONG> ... </STRONG>

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

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

ٌ٥‫* اـط املا‬

<I> ... </I>

<EM> ... </EM>

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

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

‫* اـط املػطط‬

<U> ... </U>

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

‫* اـط املطتؿع‬

<SUP> ... </SUP>

<SUP> Superscript Text This is Superscript Text

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

33 </SUP>

‫* اـط املٓدؿض‬

<SUB> ... </SUB>

<SUB> Subscript Text

This is Subscript Text
</SUB>

‫* خط نبرل‬

<BIG> ... </BIG>

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

‫* خط قػرل‬

<SMALL> ... </SMALL>

<SMALL> Small Text

This is Small Text
</SMALL>

‫عذلن٘ خط‬ٜ ‫* ْل‬

<STRIKE> ... </STRIKE>

<S> ... </S>

<STRIKE> Striked Text

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

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪34‬‬ ‫* ْل اٯي‪ ١‬ايطابع‪TeleType ١‬‬

‫>‪<TT> ... </TT‬‬

‫>‪<TT> TeleType Text </TT‬‬ ‫‪This is‬‬ ‫‪TeleType‬‬

‫‪Text‬‬

‫‪ٖٚ‬صا ايٓل ‪ٜ‬عطف أ‪ٜ‬هاً بايٓل َ‪ٛ‬سَس املػاؾات ‪ٚ .Monospaced Text‬يت‪ٛ‬ن‪ٝ‬ض ٖصا‬
‫ايتاي‪:ٞ‬‬ ‫املجاٍ‬ ‫إي‪ٝ‬و‬ ‫املؿٗ‪ّٛ‬‬
‫إشا أخصْا اؿطؾني ‪ٚ m,i‬نتبٓا نٌ َُٓٗا عؿط َطات َتتاي‪٬ْ ١ٝ‬سغ إٔ املػاس‪ ١‬اييت‬
‫ؾػًٗا اؿطف ‪ ٖٞ m‬أنعاف املػاس‪ ١‬اييت ؾػًٗا اؿطف ‪i‬‬

‫‪iiiiiiiiii‬‬
‫‪mmmmmmmmmm‬‬

‫أَا عٓس اغتدساّ اي‪ٛ‬غِ <‪ >/TT< ... >TT‬ؾإٕ املػاس‪ ١‬اييت ‪ٜ‬ؿػًٗا ن‪ ٬‬اؿطؾني‬
‫تكبض َ‪ٛ‬سس‪٠‬‬

‫‪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‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪35‬‬ ‫‪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‬‬

‫أعطف أْو مل تكسقين ‪ٚ‬أْو قُت بتذطب‪ٖ ١‬ص‪ ٙ‬اي‪ٛ‬غ‪ٚ ّٛ‬ضمبا سكًت عً‪ْ ٢‬ت‪ٝ‬ذ‪١‬‬
‫قش‪ٝ‬ش‪ .١‬سػٓاً ايعدل‪ ٠‬ي‪ٝ‬ػت يف عباض‪ٚ ٠‬اسس‪َ ٠‬ه‪ٚ َٔ ١ْٛ‬زلني أ‪ ٚ‬ث‪٬‬ث‪ ١‬تهتبٗا يف‬
‫ًَـ قػرل بٌ يف قؿش‪ ١‬إْذلْت ناًَ‪ ١‬قس تتأيـ َٔ َ‪٦‬ات أ‪ ٚ‬ست‪ ٢‬آ‪٫‬ف اي‪ٛ‬غ‪َ ّٛ‬هت‪ٛ‬ب‪١‬‬
‫يف ًَـ خاٍُ َٔ ا٭خطا‪ ٤‬املٓطك‪ٚ ١ٝ‬ايتساخ‪٬‬ت اييت قس تػبب اإلضباى يًُتكؿشات‪,‬‬
‫‪ٚ‬ت‪٪‬ز‪ ٟ‬إىل عسّ عطض ٖص‪ ٙ‬ايكؿش‪ ١‬بايؿهٌ املٓاغب ‪ٚ‬املطً‪ٛ‬ب‪.‬‬
‫يصيو ؾأُٖ‪ ١ٝ‬إٔ تتذٓب ‪ٚ‬د‪ٛ‬ز اي‪ٛ‬غ‪ ّٛ‬املتساخً‪ ١‬يف قؿشتو ٖ‪ ٛ‬بٓؿؼ ا٭ُٖ‪ ١ٝ‬اييت‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪36‬‬ ‫هب إٔ ت‪ٛ‬ي‪ٗٝ‬ا يهتاب‪ٖ ١‬ص‪ ٙ‬اي‪ٛ‬غ‪ ّٛ‬بايك‪ٛ‬ض‪ ٠‬ايكش‪ٝ‬ش‪ ١‬إَ‪ٝ٥٬‬اً‪ٚ .‬إ‪ ٫‬ؾاملتكؿشات ‪ ٫‬تطسِ‪.‬‬
‫‪ٚ‬نجرل‪ ٖٞ ٠‬املطات اييت سكٌ ؾ‪ٗٝ‬ا املكُُ‪ ٕٛ‬عً‪ ٢‬قؿشات َٓٗاض‪ ٠‬بػبب ْػ‪ٝ‬إ سطف‬
‫"‬ ‫أ‪ٚ‬‬ ‫>‬ ‫أ‪ٚ‬‬ ‫<‬ ‫َجٌ‬ ‫إؾاض‪٠‬‬ ‫أ‪ٚ‬‬ ‫‪ٚ‬اسس‬
‫بإختكاض ؾس‪ٜ‬س‪ٚ ...‬نكاعس‪ ٠‬أغاغ‪ ,١ٝ‬ايكؿش‪ ١‬املكُُ‪ ١‬د‪ٝ‬ساً ٖ‪ ٞ‬ايكؿش‪ ١‬شات‬
‫املتساخً‪.١‬‬ ‫‪ٚ‬غرل‬ ‫ايكش‪ٝ‬ش‪١‬‬ ‫اي‪ٛ‬غ‪ّٛ‬‬

‫‪ٚ‬قًٓا اٯٕ إىل ْٗا‪ٖ ١ٜ‬صا ايسضؽ‪ .‬أمتٓ‪ ٢‬إٔ ته‪ ٕٛ‬قس قه‪ٝ‬ت ‪ٚ‬قتاً ممتعاً َع٘‪ٚ .‬إٔ ‪ٜ ٫‬ه‪ٕٛ‬‬
‫قس أسسخ تساخ‪ ً٬‬يف ‪ٚ‬غ‪ ّٛ‬أؾهاضى‪ .‬أضاى يف ايسضؽ ايتاي‪ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪37‬‬

‫ايطابع‬ ‫ايسضؽ‬
‫ايؿكطات ‪ٚ‬ايك‪ٛ‬ا‪ِ٥‬‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ايطابع َٔ زض‪ٚ‬ؽ ‪ .HTML‬يف ٖصا ايسضؽ غ‪ٛ‬ف ْٓاقـ‬
‫اي‪ٛ‬غ‪ ّٛ‬اـاق‪ ١‬بايؿكطات بؿهٌ خام ‪ٚ‬تطت‪ٝ‬ب ايكؿشات ‪ٚ‬تٓػ‪ٝ‬كٗا بؿهٌ عاّ‪.‬‬
‫قش‪ٝ‬ض إٔ اغتدساَو يٮي‪ٛ‬إ ‪ٚ‬ايطغ‪َٛ‬ات يف ايكؿش‪ٜ ١‬هؿ‪ ٞ‬عً‪ٗٝ‬ا ْ‪ٛ‬عاً َٔ اؿ‪ٚ ,١ٜٛٝ‬إٔ‬
‫اـط‪ٛ‬ط تعط‪ ٞ‬قؿشتو ض‪ْٚ‬كاً ‪ٚ‬مجا‪ .ً٫‬يهٓو إٕ مل تٗتِ بذلت‪ٝ‬ب قؿشتو أ‪ ٚ‬تكه‪ٞ‬‬
‫بعض اي‪ٛ‬قت يف تٓػ‪ٝ‬ل ٖ‪ٝ‬هًٗا ايعاّ ‪ٚ‬تٓع‪ ِٝ‬ؾكطاتٗا ‪ٚ‬ق‪ٛ‬ا‪ُٗ٥‬ا‪ ,‬ؾإْ٘ َٔ ايكعب‬
‫عً‪ٝ‬و اؿك‪ ٍٛ‬عً‪ ٢‬قؿش‪ٜٚ ١‬ب ْادش‪ .١‬ؾايذلت‪ٝ‬ب ٖ‪ ٛ‬اـط‪ ٠ٛ‬ا٭‪ٚ‬ىل ؾصب اٖتُاّ ايعا‪٥‬ط‬
‫أ‪ ٚ‬ايكاض‪ ٨‬يكؿشتو ‪ٚ‬تػٌٗ عً‪ ٘ٝ‬ؾِٗ اـط‪ٛ‬ط ايعط‪ٜ‬ه‪ ١‬يًكؿش‪.١‬‬

‫يكس قُت يف ايسضؽ ا٭‪ ٍٚ‬بإ‪ٜ‬هاح بعض اي‪ٛ‬غ‪ ّٛ‬اـاق‪ ١‬بايؿكطات‪ ٫ٚ .‬بأؽ َٔ تصنرلى‬
‫بٗا‪ .‬ؾاي‪ٛ‬غِ <‪ٜ >P‬ك‪ ّٛ‬بإْٗا‪ ٤‬ايؿكط‪ٚ .٠‬اي‪ٛ‬غِ <‪ ٜٞٗٓ >BR‬ايػطط اؿاي‪ٜٓٚ ٞ‬كٌ‬
‫ايٓل إىل غطط دس‪ٜ‬س‪ٚ .‬اي‪ٛ‬غِ &;‪ٜ nbsp‬ك‪ ّٛ‬بإناؾ‪ ١‬ايؿطاغات‪ٚ ,‬هب تهطاض نتابت٘‬
‫املطً‪ٛ‬ب‪.‬‬ ‫ايؿطاغات‬ ‫عسز‬ ‫بٓؿؼ‬
‫‪ْٚ‬تابع يف ٖصا ايسضؽ َع ٖص‪ ٙ‬اي‪ٛ‬غ‪ٚ ّٛ‬غرلٖا‪.‬‬

‫يكس قًت إٕ اي‪ٛ‬غِ <‪ٚ ٖٛ >P‬غِ َؿطز يهٓ٘ ‪ٜ‬ػتدسّ أ‪ٜ‬هاً ن‪ٛ‬غِ َعز‪ٚ‬ز <‪... >P‬‬
‫<‪ٚ >/P‬يف ٖص‪ ٙ‬اؿاي‪ ١‬ميهٍٓٓا َٔ ؼس‪ٜ‬س إػا‪ ٙ‬ايؿكط‪ٚ ٠‬إػا‪ ٙ‬ايٓل ؾ‪ٗٝ‬ا س‪ٝ‬ح ‪ٜ‬ػتدسّ‬
‫َع٘ اـكا‪٥‬ل ‪.ALIGN, DIR‬‬

‫ؾاـاق‪ ALIGN ١ٝ‬ؼسز قاشا‪ ٠‬ايؿكط‪ ٖٞٚ ٠‬تأخص ايك‪Left, Center, Right ِٝ‬‬
‫‪ٚ‬أ‪ٚ‬نشٗا با٭َجً‪ ١‬ايتاي‪:١ٝ‬‬

‫>‪<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‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪38‬‬ ‫>‪<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‬‬

‫أَا اـاق‪ٚ DIR ١ٝ‬اييت ْػتدسَٗا أ‪ٜ‬هاً َع <‪ >P‬ؾتك‪ ّٛ‬بتشس‪ٜ‬س إػا‪ ٙ‬قطا‪ ٠٤‬ايٓل‬
‫‪ٚ‬تأخص ايك‪ِٝ‬‬

‫)‪(Left To Right‬إػا‪ ٙ‬ايٓل َٔ اي‪ٝ‬ػاض إىل اي‪ُٝ‬ني ‪LTR‬‬

‫)‪(Right To Left‬إػا‪ ٙ‬ايٓل َٔ اي‪ُٝ‬ني إىل اي‪ٝ‬ػاض ‪RTL‬‬

‫(تصنط ٖص‪ ٙ‬اـاق‪ ١ٝ‬د‪ٝ‬ساً ؾٗ‪ ١َُٗ ٞ‬عٓس نتاب‪ ١‬قؿشات بايًػ‪ ١‬ايعطب‪)١ٝ‬‬

‫اي‪ٛ‬غ‪ّٛ‬‬ ‫‪ٜٛ‬دس‬ ‫أ‪ٜ‬هاً‬ ‫ايؿكطات‬ ‫‪ٚ‬يتٓػ‪ٝ‬ل‬

‫<‪ >/BLOCKQUOTE< ... >BLOCKQUOTE‬أ‪ٚ ٟ‬غ‪ ّٛ‬ايؿكطات املكتبػ‪.١‬‬
‫‪ٚٚ‬ظ‪ٝ‬ؿتٗا مت‪ٝٝ‬ع ايؿكط‪ َٔ ٠‬خ‪ ٍ٬‬إزضاز َػاؾ‪ ١‬إناؾ‪ ١ٝ‬عً‪ ٢‬اهلاَؿني ا٭مئ ‪ٚ‬ا٭‪ٜ‬ػط‬
‫هلا‪ .‬أْعط إىل ايؿكط‪ ٠‬ايتاي‪ ١ٝ‬اييت قُت (باقتباغٗا) َٔ إسس‪ ٣‬قؿشات ٖصا امل‪ٛ‬قع‪َٔٚ .‬‬
‫ثِ ‪ٚ‬نعتٗا نُٔ <‪>/BLOCKQUOTE< ... >BLOCKQUOTE‬‬

‫‪ٚ‬ؾهط‪ٖ ٠‬ص‪ ٙ‬ايسض‪ٚ‬ؽ دا‪٤‬ت ْت‪ٝ‬ذ‪ ١‬ملا ملػت٘ خ‪ ٍ٬‬اغتدساَ‪ ٞ‬يؿبه‪ ١‬اإلْذلْت بؿهٌ‬
‫عا ّ‪ٚ ,‬ايبشح عٔ امل‪ٛ‬اقع ايعطب‪ ١ٝ‬ؾ‪ٗٝ‬ا بؿهٌ خام‪ .‬ؾعٓسَا بسأت بتعًِ تكُ‪ ِٝ‬قؿشات‬
‫اإلْذلْت‪ ,‬مل ‪ٜ‬هٔ ٖٓاى َؿهً‪ ١‬يف اؿك‪ ٍٛ‬عً‪ ٢‬املكازض أ‪ ٚ‬امل‪ٛ‬اقع ايتعً‪ ١ُٝٝ‬اييت‬
‫أستادٗا ‪ َٔٚ‬خ‪ ٍ٬‬اإلْذلْت ْؿػٗا‪ .‬يهٔ املؿهً‪ ٖٞ ١‬زا‪ُ٥‬اً يف اؿك‪ ٍٛ‬عً‪ ٢‬تًو‬
‫املكازض بايك‪ٛ‬ض‪ ٠‬اييت تتٓاغب ‪ٚ‬است‪ٝ‬اداتٓا نُػتدسَني عطب ‪....‬‬

‫‪ٚ‬اؿك‪ٝ‬ك‪ ١‬أْو تػتط‪ٝ‬ع ‪ٚ‬نع عس‪ٚ ٠‬غ‪َ ّٛ‬عاً إشا أضزت إزضاز ٖ‪ٛ‬اَـ أندل‪ .‬نُا يف‬
‫املجاٍ ايتاي‪:ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪39‬‬ ‫>‪<BLOCKQUOTE‬‬
‫>‪<BLOCKQUOTE‬‬
‫‪ٚ‬ؾهط‪ٖ ٠‬ص‪ ٙ‬ايسض‪ٚ‬ؽ دا‪٤‬ت ْت‪ٝ‬ذ‪ ١‬ملا ملػت٘ خ‪ ٍ٬‬اغتدساَ‪ ٞ‬يؿبه‪ ١‬اإلْذلْت بؿهٌ‬
‫عاّ‪ٚ ,‬ايبشح عٔ امل‪ٛ‬اقع ايعطب‪ ١ٝ‬ؾ‪ٗٝ‬ا بؿهٌ خام‪ .‬ؾعٓسَا بسأت بتعًِ تكُ‪ ِٝ‬قؿشات‬
‫اإلْذلْت‪ ,‬مل ‪ٜ‬هٔ ٖٓاى َؿهً‪ ١‬يف اؿك‪ ٍٛ‬عً‪ ٢‬املكازض أ‪ ٚ‬امل‪ٛ‬اقع ايتعً‪ ١ُٝٝ‬اييت‬
‫أستادٗا ‪ َٔٚ‬خ‪ ٍ٬‬اإلْذلْت ْؿػٗا‪ .‬يهٔ املؿهً‪ ٖٞ ١‬زا‪ُ٥‬اً يف اؿك‪ ٍٛ‬عً‪ ٢‬تًو‬
‫املكازض بايك‪ٛ‬ض‪ ٠‬اييت تتٓاغب ‪ٚ‬است‪ٝ‬اداتٓا نُػتدسَني عطب ‪....‬‬

‫>‪</BLOCKQUOTE‬‬
‫>‪</BLOCKQUOTE‬‬

‫‪ٚ‬ته‪ ٕٛ‬ايٓت‪ٝ‬ذ‪:١‬‬

‫‪ٚ‬ؾهط‪ٖ ٠‬ص‪ ٙ‬ايسض‪ٚ‬ؽ دا‪٤‬ت ْت‪ٝ‬ذ‪ ١‬ملا ملػت٘ خ‪ ٍ٬‬اغتدساَ‪ ٞ‬يؿبه‪ ١‬اإلْذلْت بؿهٌ‬
‫عاّ‪ٚ ,‬ايبشح عٔ امل‪ٛ‬اقع ايعطب‪ ١ٝ‬ؾ‪ٗٝ‬ا بؿهٌ خام‪ .‬ؾعٓسَا بسأت بتعًِ تكُ‪ ِٝ‬قؿشات‬
‫اإلْذلْت‪ ,‬مل ‪ٜ‬هٔ ٖٓاى َؿهً‪ ١‬يف اؿك‪ ٍٛ‬عً‪ ٢‬املكازض أ‪ ٚ‬امل‪ٛ‬اقع ايتعً‪ ١ُٝٝ‬اييت‬
‫أستادٗا ‪ َٔٚ‬خ‪ ٍ٬‬اإلْذلْت ْؿػٗا‪ .‬يهٔ املؿهً‪ ٖٞ ١‬زا‪ُ٥‬اً يف اؿك‪ ٍٛ‬عً‪ ٢‬تًو‬
‫املكازض بايك‪ٛ‬ض‪ ٠‬اييت تتٓاغب ‪ٚ‬است‪ٝ‬اداتٓا نُػتدسَني عطب ‪....‬‬

‫‪ٚ‬بايطبع ي‪ٝ‬ؼ ؾططاً إٔ تػتدسّ ٖصا اي‪ٛ‬غ‪َ ّٛ‬ع ايؿكطات املكتبػ‪ ١‬ؾكط‪ .‬ؾأْا َج ً‪٬‬‬
‫أنعٗا يف بسا‪ْٗٚ ١ٜ‬ا‪ ١ٜ‬نٌ قؿش‪ َٔ ١‬قؿشات ٖصا امل‪ٛ‬قع‪ٚ .‬بايتاي‪ٜ ٞ‬عٗط ايٓل‬
‫بع‪ٝ‬ساً قً‪ ً٬ٝ‬عٔ ساؾ‪ ١ٝ‬ايكؿش‪ ١‬ؾٗصا أؾهٌ َٔ إٔ ‪ٜ‬ه‪٬َ ٕٛ‬قكاً هلا ‪ٚ‬أمجٌ‪( .‬فطز‬
‫‪ٚ‬دٗ‪ْ ١‬عط)‬

‫‪ٚ‬اٯٕ تأٌَ ٖصا ايؿهٌ ‪ٚ‬سا‪ ٍٚ‬إٔ تػتٓتر ن‪ٝ‬ـ قُت بإعساز‪!...ٙ‬؟‬

‫‪A‬‬ ‫‪B‬‬ ‫‪C‬‬ ‫‪D‬‬

‫‪E‬‬ ‫‪F‬‬ ‫‪G‬‬ ‫‪H‬‬
‫‪I‬‬ ‫‪J‬‬ ‫‪K‬‬ ‫‪L‬‬
‫‪M‬‬ ‫‪N‬‬ ‫‪O‬‬ ‫‪P‬‬
‫‪Q‬‬ ‫‪R‬‬ ‫‪S‬‬ ‫‪T‬‬

‫ضمبا ت‪ٛ‬قًت إىل أْ‪ ٞ‬اغتدسَت عسزاً نبرلاً َٔ ‪ٚ‬غ‪ ّٛ‬ايؿطاغات &;‪ْٗٚ nbsp‬ا‪ ١ٜ‬ايػطط‬
‫<‪ .>BR‬سػٓاً‪ ,‬إغتٓتادو ‪ ٫‬بأؽ ب٘ ‪ٚ‬يهٓ٘ ي‪ٝ‬ؼ زق‪ٝ‬كاً ؾأْا مل أغتدسّ أ‪ٜ‬اً َٔ ٖص‪ٙ‬‬
‫اي‪ٛ‬غ‪ٖٓ ّٛ‬ا‪ .‬بٌ نٌ َا ؾعًت٘ بعس إعساز ٖصا ايؿهٌ ٖ‪ٚ ٛ‬نع٘ نُٔ‪:‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪42‬‬ ‫>‪<PRE> ... </PRE‬‬

‫‪ُٖٚ‬ا اختكاض يهًُ‪ Preformated ١‬أ‪ ٟ‬املٓػل َػبكاً‪ٚ .‬بايؿعٌ ؾكس استؿغ ٖصا‬
‫ايؿهٌ بايتٓػ‪ٝ‬ل املػبل ايص‪ ٟ‬مت إعساز‪ ٙ‬ب٘‪ .‬يهٔ مت ؼ‪ ٌٜٛ‬اـط إىل خط َ‪ٛ‬سس‬
‫املػاؾات (ضادع ايسضؽ ايػابل) ‪ٚ‬ي‪ ٛ‬مل أقِ ب‪ٛ‬نع٘ نُٔ ٖص‪ ٙ‬اي‪ٛ‬غ‪ ّٛ‬يهاْت ايٓت‪ٝ‬ذ‪١‬‬
‫نايتاي‪:ٞ‬‬

‫‪TSRQPONMLKJIHGFEDCBA‬‬
‫‪٫‬سغ إٔ ٖصا اي‪ٛ‬غِ ‪ٜ‬ػتدسّ َع ايؿكطات اييت ‪ ٫‬متاز ؾ‪ٗٝ‬ا إىل تٓػ‪ٝ‬كات َتعسز‪٠‬‬
‫يًدط‪ٛ‬ط أ‪ ٚ‬ا٭ي‪ٛ‬إ‪ .‬بٌ ؾكط َع ايؿكطات ايعاز‪َٛ ١ٜ‬سس‪ ٠‬اـط ‪ٚ‬ايتٓػ‪ٝ‬كات‪.‬‬

‫ايك‪ٛ‬ا‪ِ٥‬‬

‫ؼت‪ ٟٛ‬يػ‪ HTML ١‬عً‪ ٢‬فُ‪ٛ‬ع‪ َٔ ١‬اي‪ٛ‬غ‪ ّٛ‬اـاق‪ ١‬بتٓع‪ ِٝ‬ايب‪ٝ‬اْات يف ق‪ٛ‬ا‪ِ٥‬‬
‫ايك‪ٛ‬ا‪:ِ٥‬‬ ‫َٔ‬ ‫ْ‪ٛ‬عني‬ ‫‪ٖٓٚ‬اى‬ ‫خ‪ٝ‬اضات‪.‬‬ ‫عس‪٠‬‬ ‫‪ٚ‬باغتدساّ‬
‫أ‪ٚ‬هلُا املتػًػً‪ٚ .Ordered Lists ١‬اي‪ٝ‬و املجاٍ ايتاي‪ ٞ‬عً‪ٗٝ‬ا‬

‫أزلا‪ ٤‬بعض املسٕ ايػ‪ٛ‬زاْ‪١ٝ‬‬

‫ا‪٫‬ب‪ٝ‬ض‬ ‫‪.1‬‬
‫اـطط‪ّٛ‬‬ ‫‪.2‬‬
‫ب‪ٛ‬ضتػ‪ٛ‬زإ‬ ‫‪.3‬‬
‫َسْ‪ٞ‬‬ ‫‪.4‬‬
‫اؾٓ‪١ٓٝ‬‬ ‫‪.5‬‬
‫غٓاض‬ ‫‪.6‬‬

‫‪ٚ‬ثاْ‪ُٗٝ‬ا ايك‪ٛ‬ا‪ ِ٥‬غرل املتػًػً‪ٖٚ Unordered Lists ١‬صا َجاٍ عً‪ٗٝ‬ا‬

‫أزلا‪ ٤‬بعض اؾاَعات ايؿًػط‪١ٝٓٝ‬‬

‫داَع‪ ١‬نطزؾإ‬ ‫‪‬‬
‫داَع‪ ١‬ايػ‪ٛ‬زإ املؿت‪ٛ‬س‪١‬‬ ‫‪‬‬
‫داَع‪ ١‬اـطط‪ّٛ‬‬ ‫‪‬‬
‫داَع‪ ١‬ايٓ‪ًٝ‬ني‬ ‫‪‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪41‬‬ ‫عٓس ايتعاٌَ َع ايك‪ٛ‬ا‪ ِ٥‬بٓ‪ٛ‬ع‪ُٗٝ‬ا متاز إىل ‪ٚ‬غ‪ ّٛ‬خاق‪ ١‬بتشس‪ٜ‬س بسا‪ْٗٚ ١ٜ‬ا‪ ١ٜ‬ايكا‪١ُ٥‬‬
‫ايكا‪.١ُ٥‬‬ ‫ٖص‪ٙ‬‬ ‫بٓ‪ٛ‬ز‬ ‫ؼسز‬ ‫‪ٚٚ‬غ‪ّٛ‬‬
‫بايٓػب‪ ١‬يًك‪ٛ‬ا‪ ِ٥‬املتػًػً‪ْ ١‬ػتدسّ اي‪ٛ‬غ‪ّٛ‬‬

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

‫أَا بايٓػب‪ ١‬يًك‪ٛ‬ا‪ ِ٥‬غرل املتػًػً‪ ١‬ؾٓػتدسّ‬

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

‫‪ٚ‬يتع‪ٝ‬ني نٌ بٓس َٔ بٓ‪ٛ‬ز ايكا‪ْ ١ُ٥‬ػتدسّ اي‪ٛ‬غِ <‪ٚ ٖٛٚ >LI‬غِ َؿطز ‪ٜ‬هتب يف‬
‫بسا‪ ١ٜ‬ايػطط اـام بهٌ بٓس ‪.List Item‬‬

‫إشٕ عٓسَا قُت بإْؿا‪ ٤‬ايك‪ٛ‬ا‪ ِ٥‬ايػابك‪ ١‬اغتدسَت ايؿ‪ٝ‬ؿط‪ ٠‬ايتاي‪:١ٝ‬‬

‫>‪<OL‬‬
‫ا‪٫‬ب‪ٝ‬ض>‪<LI‬‬
‫اـطط‪<LI>ّٛ‬‬
‫ب‪ٛ‬ضتػ‪ٛ‬زإ> ‪<LI‬‬
‫َسْ‪<LI>ٞ‬‬
‫اؾٓ‪<LI> ١ٓٝ‬‬
‫غٓاض>‪<LI‬‬
‫>‪</OL‬‬

‫>‪<UL‬‬
‫داَع‪ ١‬نطزؾإ>‪<LI‬‬
‫داَع‪ ١‬ايػ‪ٛ‬زإ املؿت‪ٛ‬س‪<LI>١‬‬
‫داَع‪ ١‬اـطط‪<LI>ّٛ‬‬
‫داَع‪ ١‬ايٓ‪ًٝ‬ني>‪<LI‬‬
‫>‪</UL‬‬

‫‪ٚ‬اـاق‪ ١ٝ‬اي‪ٛ‬س‪ٝ‬س‪ ٠‬اييت تػتدسّ َع ٖص‪ ٙ‬اي‪ٛ‬غ‪ٚٚ TYPE ٖٞ ّٛ‬ظ‪ٝ‬ؿتٗا ؼس‪ٜ‬س ؾهٌ‬
‫ايطَع ايعاٖط َع بٓ‪ٛ‬ز ايكا‪ٚ ,١ُ٥‬عاز‪ ٠‬تػتدسّ َع ‪ٚ‬غ‪ ّٛ‬بسا‪ ١ٜ‬ايك‪ٛ‬ا‪ >UL< ِ٥‬أ‪ٚ‬‬
‫<‪ٚ >OL‬بصيو مسز ضَعاً ‪ٚ‬اسساً يهٌ ايكا‪ٚ .١ُ٥‬يهٔ ْػتط‪ٝ‬ع اغتدساَٗا أ‪ٜ‬هاً َع ‪ٚ‬غِ‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪42‬‬ ‫ايبٓ‪ٛ‬ز <‪ >LI‬إلعطا‪ ٤‬ؼهِ أندل يف َعٗط ايكا‪ َٔ ١ُ٥‬خ‪ ٍ٬‬ؼس‪ٜ‬س ضَع كتًـ يهٌ‬
‫بٓس‪.‬‬

‫ؾعٓس ‪ٚ‬نعٗا نُٔ تعط‪ٜ‬ـ ايك‪ٛ‬ا‪ ِ٥‬املتػًػً‪ ١‬تأخص ايك‪ A, a, I, i :ِٝ‬اييت تػرل ضَ‪ٛ‬ظ‬
‫ايذلق‪ َٔ ِٝ‬ا٭ضقاّ ايعاز‪ ١ٜ‬اإلؾذلان‪ٚ( ١ٝ‬اييت ضَعٖا ‪ )1‬إىل تطق‪ ِٝ‬باغتدساّ ا٭سطف‬
‫اي‪٬‬ت‪ ١ٝٓٝ‬ايهبرل‪ ٠‬أ‪ ٚ‬ايكػرل‪ ,٠‬أ‪ ٚ‬باغتدساّ ا٭ضقاّ ايط‪َٚ‬اْ‪ ١ٝ‬نُا تط‪ ٣‬يف اؾس‪ ٍٚ‬ايتاي‪:ٞ‬‬

‫‪<OL‬‬ ‫‪<OL‬‬ ‫‪<OL‬‬ ‫‪<OL‬‬

‫>"‪TYPE="A‬‬ ‫>"‪TYPE="a‬‬ ‫>"‪TYPE="I‬‬ ‫>"‪TYPE="i‬‬
‫‪A.‬‬ ‫‪a.‬‬ ‫‪I.‬‬ ‫‪i.‬‬
‫‪B.‬‬ ‫‪b.‬‬ ‫‪II.‬‬ ‫‪ii.‬‬
‫‪C.‬‬ ‫‪c.‬‬ ‫‪III.‬‬ ‫‪iii.‬‬
‫‪D.‬‬ ‫‪d.‬‬ ‫‪IV.‬‬ ‫‪iv.‬‬
‫‪E.‬‬ ‫‪e.‬‬ ‫‪V.‬‬ ‫‪v.‬‬

‫‪ٚ‬اؿس‪ٜ‬ح عٔ ٖص‪ ٙ‬اـاق‪ٜ ١ٝ‬ك‪ٛ‬زْ‪ ٞ‬إىل اؿس‪ٜ‬ح عٔ َػأي‪ ١َُٗ ١‬يف يػ‪HTML ١‬‬
‫‪َ ٖٞٚ‬ػأي‪ ١‬اي‪ٛ‬غ‪ٚ ّٛ‬اـكا‪٥‬ل احملسز‪ ٠‬مبتكؿض َعني ز‪ ٕٚ‬غرل‪ ٙ‬أ‪ ٟ‬اييت تعٌُ َع‬
‫أسس املتكؿشات ‪ ٫ٚ‬تعٌُ َع غرل‪( .ٙ‬يًُع‪ٜ‬س عٔ ٖصا امل‪ٛ‬ن‪ٛ‬ع ضدا‪ ً٤‬اْكط ٖٓا)‬

‫‪ٚ‬ايػبب يف شيو إٔ ٖص‪ ٙ‬اـاق‪ ١ٝ‬تػتدسّ أ‪ٜ‬هاً َع ايك‪ٛ‬ا‪ ِ٥‬غرل املتػًػً‪ ,١‬يهٔ ي‪ٝ‬ؼ‬
‫بك‪ٛ‬ض‪َ ٠‬طًك‪...١‬ن‪ٝ‬ـ؟ أْت تط‪ ٣‬إٔ ايطَع امل‪ٛ‬د‪ٛ‬ز عٓس نٌ بٓس يف ايكا‪ ٖٛ ١ُ٥‬عباض‪ ٠‬عٔ‬
‫ْكط‪ ١‬غ‪ٛ‬زا‪ٜ ٤‬طًل عً‪ٗٝ‬ا اغِ ‪ ٖٞٚ Disc‬املعطؾ‪ ١‬نُٓاً يف خاق‪ .TYPE ١ٝ‬يهٔ‬
‫ٖٓاى ضَ‪ٛ‬ظ أخط‪ ٣‬ميهٔ إظٗاضٖا ‪ ٖٞٚ‬املطبع ‪ٚ ,square‬ايسا‪٥‬ط‪ ٠‬املؿطغ‪circle ١‬‬
‫‪ٚ‬تعطف بايؿهٌ ايتاي‪:ٞ‬‬

‫>"‪<UL TYPE="square‬‬
‫>"‪<UL TYPE="circle‬‬

‫‪ٚ‬يهٔ يٮغـ ٖص‪ ٙ‬اـاق‪ ٫ ١ٝ‬تعٌُ ‪ٜ ٫ٚ‬عٗط تأثرلٖا إ‪َ ٫‬ع َتكؿض ْ‪ٝ‬تػه‪ٝ‬ب ‪ٚ‬ي‪ٝ‬ؼ َع‬
‫َا‪ٜ‬هط‪ٚ‬غ‪ٛ‬ؾت إنػبً‪ٛ‬ضض ايص‪ٜ ٟ‬تعاٌَ ؾكط َع ايك‪ ١ُٝ‬اإلؾذلان‪ ١ٝ‬يًداق‪( .١ٝ‬ضدا‪٫ ً٤‬‬
‫‪ٜ‬ػهب َػتدسَ‪ ٛ‬إنػبً‪ٛ‬ضض ؾٗٓاى ايهجرل َٔ اي‪ٛ‬غ‪ٚ ّٛ‬اـكا‪٥‬ل اييت ‪ٜ ٫‬ػتط‪ٝ‬ع‬
‫أ‪ٜ‬هاً)‪.‬‬ ‫عطنٗا‬ ‫ْ‪ٝ‬تػه‪ٝ‬ب‬
‫‪ٚ‬إلمتاّ اؿس‪ٜ‬ح عٔ ايك‪ٛ‬ا‪ ,ِ٥‬أشنط يو إٔ ٖٓاى ‪ٚ‬غ‪َٛ‬اً أخط‪ ٣‬تػتدسّ إلْؿا‪ ٤‬ايك‪ٛ‬ا‪ِ٥‬‬
‫غرل املتػًػً‪ٚ ,١‬بٓؿؼ ايطط‪ٜ‬ك‪ ١‬املػتدسَ‪َ ١‬ع <‪ٖٚ >/UL<...>UL‬ص‪ ٙ‬اي‪ٛ‬غ‪:ٖٞ ّٛ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

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

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪44‬‬ ‫‪ٚ‬قًٓا اٯٕ إىل ْٗا‪ٖ ١ٜ‬صا ايسضؽ‪ٚ ,‬ايص‪ْ ٟ‬اقؿٓا ؾ‪ ٘ٝ‬تطت‪ٝ‬ب ايكؿشات ‪ٚ‬ايؿكطات ‪ٚ‬ايك‪ٛ‬ا‪.ِ٥‬‬
‫أمتٓ‪ ٢‬يو قؿشات َطتب‪ ١‬زا‪ُ٥‬اً‪.‬‬

‫اـاَؼ‬ ‫ايسضؽ‬
‫ايك‪ٛ‬ض ‪ٚ‬ايطغ‪َٛ‬ات‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو يف ايسضؽ اـاَؼ َٔ زض‪ٚ‬ؽ ‪ .HTML‬يف ٖصا ايسضؽ غ‪ٛ‬ف أق‪ّٛ‬‬
‫باؿس‪ٜ‬ح عٔ ايك‪ٛ‬ض ‪ٚ‬ايطغ‪َٛ‬ات ‪َٚ‬ا ‪ٜ‬تعًل بايتعاٌَ َعٗا‪ ,‬باإلناؾ‪ ١‬إىل ايتعط‪ٜ‬ـ بأْ‪ٛ‬اع‬
‫املًؿات ايطغ‪ ١َٝٛ‬ايساضد‪ ١‬يف اإلْذلْت‪.‬‬

‫يكس اقتكط سس‪ٜ‬جٓا عٔ ايك‪ٛ‬ض ست‪ ٢‬اٯٕ عً‪ ٢‬إناؾ‪ ١‬خًؿ‪ٝ‬ات يًكؿشات‪ٚ ,‬نإ شيو يف‬
‫ايسضؽ ايجاْ‪ ٞ‬أَا إزضاز ايك‪ٛ‬ض نُٔ ايكؿشات ْؿػٗا ؾً٘ سها‪ ١ٜ‬أخط‪ ,٣‬أبسأ بط‪ٚ‬ا‪ٜ‬تٗا يو‬
‫اٯٕ‪.‬‬

‫إٕ اي‪ٛ‬غِ ايط‪ٝ٥‬ػ‪ ٞ‬املػتدسّ يتعط‪ٜ‬ـ ق‪ٛ‬ض‪َ ٠‬ا زاخٌ ايكؿش‪ٚ ٖٛٚ >IMG< ٖٛ ١‬غِ‬
‫َؿطز‪ .‬يهٔ ٌٖ ‪ٜ‬هؿ‪ٖ ٞ‬صا إلزضاز ق‪ٛ‬ض‪٠‬؟ ن‪ ,٬‬بايطبع هب إٔ مسز ايك‪ٛ‬ض‪ ٠‬اييت‬
‫ْط‪ٜ‬سٖا‪ .‬يصيو ْه‪ٝ‬ـ اـاق‪ ١ٝ‬ي٘ ‪ SRC‬يتشس‪ٜ‬س َ‪ٛ‬قع ‪ٚ‬اغِ ايك‪ٛ‬ض‪.٠‬‬

‫ايك‪ٛ‬ض‪ ٠‬ايتاي‪ ١ٝ‬إزلٗا ‪ٚ thedome.jpg‬عٓسَا قُت بإزضادٗا‪ .‬ناْت ايؿ‪ٝ‬ؿط‪ ٠‬اـاق‪١‬‬

‫بصيو ٖ‪ٞ‬‬

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

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪45‬‬ ‫‪ٚ‬ايك‪ٝ‬ػ‪ٖ ١‬ص‪ ٙ‬تؿذلض إٔ ايك‪ٛ‬ض‪َٛ ٠‬د‪ٛ‬ز‪ ٠‬يف ْؿؼ ايسي‪ ٌٝ‬ايؿطع‪ ٞ‬أ‪ ٚ‬اجملًس س‪ٝ‬ح‬
‫‪ٜ‬ت‪ٛ‬ادس ًَـ ‪ HTML‬ايص‪ ٟ‬أعٌُ عً‪ٚ ,٘ٝ‬قُت باغتسعا‪ ٤‬ايك‪ٛ‬ض‪ َٔ ٠‬خ‪٬‬ي٘‪ .‬يهٔ َاشا ي‪ٛ‬‬
‫ناْت ايك‪ٛ‬ض‪ ٠‬يف فًس ؾطع‪ ٞ‬آخط؟ سػٓا غ‪ٛ‬ف اْاقـ َعو سايتني هلص‪ ٙ‬املػأي‪.١‬‬

‫اؿاي‪ ١‬ا٭‪ٚ‬ىل إٔ ته‪ ٕٛ‬ايك‪ٛ‬ض‪َٛ ٠‬د‪ٛ‬ز‪ ٠‬يف فًس َتؿطع عٔ اجملًس امل‪ٛ‬د‪ٛ‬ز ب٘ ًَـ‬
‫‪ HTML‬سػب ايؿهٌ ايتاي‪:ٞ‬‬

‫ْك‪ ّٛ‬يف ٖص‪ ٙ‬اؿاي‪ ١‬بهتاب‪ ١‬إغِ ٖصا اجملًس تتبع٘ إؾاض‪ / ٠‬ثِ اغِ ايك‪ٛ‬ض‪.٠‬‬

‫اؿاي‪ ١‬ايجاْ‪ :١ٝ‬إٔ ‪ٜ‬ه‪ًَ ٕٛ‬ـ ‪َٛ HTML‬د‪ٛ‬زاً يف فًس َا ‪ٚ‬ته‪ ٕٛ‬ايك‪ٛ‬ض‪َٛ ٠‬د‪ٛ‬ز‪ ٠‬يف‬
‫فًس آخط بٓؿؼ املػت‪ .٣ٛ‬أ‪ ٟ‬أُْٗا فًس‪َ ٜٔ‬تذا‪ٚ‬ض‪ٚ ٜٔ‬ي‪ٝ‬ػا َتؿطعني أسسُٖا عٔ اٯخط‪.‬‬

‫‪ٚ‬يف ٖص‪ ٙ‬اؿاي‪ْ ١‬هتب ‪ْ( ..‬كطتني) يت‪ٛ‬د‪ ٘ٝ‬املتكؿض يًدط‪ٚ‬ز َٔ اجملًس ايؿطع‪ ٞ‬اؿاي‪ٞ‬‬
‫(س‪ٝ‬ح ‪ٜٛ‬دس ًَـ ‪ َٔٚ )HTML‬ثِ ايسخ‪ ٍٛ‬إىل اجملًس ‪ images‬س‪ٝ‬ح ت‪ٛ‬دس ايك‪ٛ‬ض‪.٠‬‬

‫‪ٚ‬بؿهٌ عاّ‪َُٗ ,‬ا ناْت َ‪ٛ‬اقع ت‪ٛ‬ادس املًؿات ؾإٕ عًُ‪ ١ٝ‬ؼس‪ٜ‬س َ‪ٛ‬اقعٗا ‪ٚ‬اي‪ٛ‬ق‪ٍٛ‬‬
‫إي‪ٗٝ‬ا ‪ ٫‬ؽطز عٔ ْطام ٖصا ايُٓط َٔ ايؿ‪ٝ‬ؿط‪ .٠‬أ‪ ٟ‬نتاب‪ ١‬ايٓكطتني يًدط‪ٚ‬ز َٔ فًس‬
‫ؾطع‪ٚ ,ٞ‬نتاب‪ ١‬اغِ اجملًس ايص‪ ٟ‬هب ايسخ‪ ٍٛ‬إي‪.٘ٝ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪46‬‬ ‫إٕ ا٭بعاز ا٭غاغ‪ ١ٝ‬هلص‪ ٙ‬ايك‪ٛ‬ض‪ 145×200 ٖٞ ٠‬ب‪ٝ‬هػٌ ‪( Pixel‬تابع ايكطا‪ ٠٤‬ست‪٢‬‬
‫ْٗا‪ٖ ١ٜ‬صا ايسضؽ ‪ٚ‬أعسى إٔ أ‪ٚ‬نض يو َا ٖ‪ٚ ٞ‬سس‪ ٠‬ايب‪ٝ‬هػٌ إشا ناْت ٖص‪ ٙ‬أ‪َ ٍٚ‬ط‪٠‬‬
‫تتعطف ؾ‪ٗٝ‬ا عً‪ٖ ٢‬ص‪ ٙ‬اي‪ٛ‬سس‪ٚ )٠‬نُا ت‪٬‬سغ مت إزضاز ايك‪ٛ‬ض‪َ ٠‬ع احملاؾع‪ ١‬عً‪ٖ ٢‬ص‪ٙ‬‬
‫ا٭بعاز‪َٚ .‬ع شيو ؾٓشٔ ْػتط‪ٝ‬ع ايتشهِ أ‪ٜ‬هاً بٗا ‪ٚ‬إظٗاض ايك‪ٛ‬ض‪ ٠‬باؿذِ ايص‪ْ ٟ‬ط‪ٜ‬س‪ٙ‬‬
‫َٔ خ‪ٖ ٍ٬‬صا اي‪ٛ‬غِ‪ .‬ن‪ٝ‬ـ؟ بإناؾ‪ ١‬اـكا‪٥‬ل ‪َ 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‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪47‬‬ ‫عٓسَا ْك‪ ّٛ‬بإزضاز ق‪ٛ‬ض‪ ٠‬نُٔ ؾكط‪ ٠‬ؾإٕ َ‪ٛ‬قع ظٗ‪ٛ‬ضٖا ‪ٜ‬تشسز بايطبع سػب تطت‪ٝ‬ب‬
‫‪ٚ‬ض‪ٚ‬زٖا يف ايؿكط‪َ ,٠‬جًٗا َجٌ أ‪ ٟ‬نًُ‪ ١‬أ‪ ٚ‬عباض‪ ٠‬أخط‪ْٚ .٣‬ػتدسّ اـاق‪ALIGN ١ٝ‬‬
‫يتشس‪ٜ‬س قاشا‪ ٠‬ايك‪ٛ‬ض‪َ ٠‬ع ايٓل املطاؾل هلا أ‪ ٚ‬يٓكٌ بعباض‪ ٠‬أخط‪ :٣‬ؼس‪ٜ‬س َ‪ٛ‬قع ايٓل‬
‫ايص‪ًٜٗٝ ٟ‬ا بايٓػب‪ ١‬هلا ‪ ٖٞٚ‬تأخص ايك‪BOTTOM, TOP, MIDDLE, LEFT, :ِٝ‬‬
‫‪ٚ RIGHT‬أ‪ٚ‬نض يو تأثرل نٌ ق‪ ١ُٝ‬نُا ‪:ًٜٞ‬‬

‫(َجٌ ٖص‪ٚ )ٙ‬عٓسَا ‪ْ ٫‬ك‪ ّٛ‬بتشس‪ٜ‬س أ‪ٟ‬‬ ‫يف اؿاي‪ ١‬ايعاز‪١ٜ‬‬

‫قاشا‪ ٠‬ؾإٕ ايٓل ايص‪ ًٜٞ ٟ‬ايك‪ٛ‬ض‪ٜ ٠‬عٗط مبشاشا‪ ٠‬اؿاؾ‪١‬‬
‫ايػؿً‪ ٢‬هلا‪ٖٚ .‬ص‪ ٖٞ ٙ‬اؿاي‪ ١‬اإلؾذلان‪ ١ٝ‬يعٗ‪ٛ‬ض ايك‪ٛ‬ض ‪ٚ‬اييت‬
‫متجًٗا ايك‪BOTTOM ١ُٝ‬‬

‫>"‪<IMG SRC="image.jpg" ALIGN="BOTTOM‬‬

‫‪TOP‬‬

‫‪ٚ‬عٓس ؼس‪ٜ‬س ٖص‪ ٙ‬ايك‪ ١ُٝ‬ؾإٕ ايػطط ا٭‪ َٔ ٍٚ‬ايٓل‬

‫ايص‪ ًٜٞ ٟ‬ايك‪ٛ‬ض‪ٜ ٠‬كع مبشاشا‪ ٠‬اؿاؾ‪ ١‬ايعً‪ٝ‬ا هلا‪ .‬أَا باق‪ ٞ‬ايٓل‬
‫ؾ‪ُٝ‬تس أغؿًٗا‪.‬‬

‫>"‪<IMG SRC="image.jpg" ALIGN="TOP‬‬

‫‪MIDDLE‬‬

‫أَا عٓس ؼس‪ٜ‬س ٖص‪ ٙ‬ايك‪ ١ُٝ‬ؾإٕ ايػطط ا٭‪ َٔ ٍٚ‬ايٓل‬

‫‪ٜ‬كع مبشاشا‪َٓ ٠‬تكـ ايك‪ٛ‬ض‪ .٠‬نصيو ؾإٕ باق‪ ٞ‬ايٓل ميتس‬
‫أغؿًٗا‪.‬‬

‫>"‪<IMG SRC="image.jpg" ALIGN="MIDDLE‬‬

‫‪LEFT‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪48‬‬ ‫ٖص‪ ٙ‬ايك‪ ١ُٝ‬ت‪٪‬ز‪ ٟ‬إىل قاشا‪ ٠‬ايك‪ٛ‬ض‪ ٠‬إىل أقك‪٢‬‬

‫اي‪ٝ‬ػاض‪َ .‬ع ايتؿاف ايٓل ايص‪ًٜٗٝ ٟ‬ا عً‪ ٢‬اؾٗ‪ ١‬اي‪٢ُٓٝ‬‬
‫‪ٚ‬يعس‪ ٠‬أغطط سػب اضتؿاع ايك‪ٛ‬ض‪.٠‬‬

‫>"‪<IMG SRC="image.jpg" ALIGN="LEFT‬‬

‫‪RIGHT‬‬

‫أَا ٖص‪ ٙ‬ايك‪ ١ُٝ‬ؾت‪٪‬ز‪ ٟ‬إىل قاشا‪ ٠‬ايك‪ٛ‬ض‪ ٠‬إىل أقك‪٢‬‬

‫اي‪ُٝ‬ني‪َ .‬ع ايتؿاف ايٓل ايص‪ًٜٗٝ ٟ‬ا عً‪ ٢‬اؾٗ‪ ١‬اي‪ٝ‬ػط‪٣‬‬
‫‪ٚ‬يعس‪ ٠‬أغطط سػب اضتؿاع ايك‪ٛ‬ض‪.٠‬‬

‫>"‪<IMG SRC="image.jpg" ALIGN="RIGHT‬‬

‫‪ٚ‬اٯٕ بعس إٔ قُٓا بتشس‪ٜ‬س قاشا‪ ٠‬ايك‪ٛ‬ض‪ ٠‬متاز إىل ؼس‪ٜ‬س املػاؾ‪ ١‬ايؿاقً‪ ١‬ب‪ٗٓٝ‬ا ‪ٚ‬بني‬
‫ايتاي‪:١ٝ‬‬ ‫اـكا‪٥‬ل‬ ‫يصيو‬ ‫‪ْٚ‬ػتدسّ‬ ‫ها‪ٚ‬ضٖا‪.‬‬ ‫ايص‪ٟ‬‬ ‫ايٓل‬
‫‪ :VSPACE‬يتشس‪ٜ‬س املػاؾ‪ ١‬ايعُ‪ٛ‬ز‪ ١ٜ‬ايؿاقً‪ ١‬بني ايٓل ‪ٚ‬اؿاؾتني ايعً‪ٝ‬ا ‪ٚ‬ايػؿً‪٢‬‬
‫يًك‪ٛ‬ض‪.٠‬‬
‫‪ :HSPACE‬يتشس‪ٜ‬س املػاؾ‪ ١‬ا٭ؾك‪ ١ٝ‬ايؿاقً‪ ١‬بني ايٓل ‪ٚ‬اؿاؾتني اي‪ٚ ٢ُٓٝ‬اي‪ٝ‬ػط‪٣‬‬
‫يًك‪ٛ‬ض‪.٠‬‬

‫َجاٍ‪:‬‬

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

‫>"‪HSPACE="20‬‬

‫ايٓت‪ٝ‬ذ‪ٖ :١‬ص‪ ٙ‬ايؿ‪ٝ‬ؿط‪ ٠‬غتسضز‬

‫ايك‪ٛ‬ض‪ ٠‬املػُا‪image.jpg ٙ‬‬
‫َع قاشاتٗا ي‪ُٝ‬ني ايكؿش‪١‬‬
‫‪ٚ‬إناؾ‪َ ١‬ػاؾ‪ ١‬ؾاضغ‪َ ١‬كساضٖا‬
‫‪ 20‬ب‪ٝ‬هػٌ عً‪ ٢‬اؾٗات ا٭ضبع‪( .١‬قاضٕ بني‬
‫ٖصا اإلطاض ‪ٚ‬اإلطاض ايػابل ايص‪ٚ ٟ‬نشت‬
‫ؾ‪ ٘ٝ‬خاق‪َ ALIGN ١ٝ‬ع ايك‪.RIGHT ١ُٝ‬‬
‫‪٫ٚ‬سغ املػاؾ‪ ١‬بني ايك‪ٛ‬ض‪ٚ ٠‬ايٓل املطاؾل‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪49‬‬ ‫هلا‪).‬‬

‫اـاق‪ ١ٝ‬ا٭خرل‪ٚ ٠‬اييت تػتدسّ َع اي‪ٛ‬غِ <‪ٚٚ BORDER ٖٞ >IMG‬ظ‪ٝ‬ؿتٗا إناؾ‪١‬‬

‫إطاض س‪ ٍٛ‬ايك‪ٛ‬ض ‪ٚ‬ايتشهِ بػُُهِ٘‪ٖٚ .‬ص‪ ٙ‬اـاق‪ ١ٝ‬تػتدسّ بؿهٌ خام عٓس تع‪ٝ‬ني‬
‫ق‪ٛ‬ض‪َ ٠‬ا ن‪ٛ‬قً‪ ١‬تؿعب‪( .١ٝ‬أْعطايسضؽ ايػازؽ) ‪ٜٚ‬تِ ايتشهِ بايػُُو َٔ خ‪ ٍ٬‬إغٓاز‬
‫ضقِ ميجٌ ايػُُو بايب‪ٝ‬هػٌ‪ٚ .‬ايك‪ ١ُٝ‬اإلؾذلان‪ ١ٝ‬ي٘ ٖ‪ 0 ٞ‬أ‪ٜٛ ٫ ٟ‬دس إطاض س‪ ٍٛ‬ايك‪ٛ‬ض‪.٠‬‬
‫َج‪ ٌ٬‬إلناؾ‪ ١‬إطاض غُُه٘ ‪ 5‬ب‪ٝ‬هػٌ ْهتب ايؿ‪ٝ‬ؿط‪ ٠‬ايتاي‪:١ٝ‬‬

‫>"‪<IMG SRC="image.jpg" BORDER="5‬‬

‫‪ٚ‬اٯٕ سإ اي‪ٛ‬قت يه‪ْٓ ٞ‬اقـ َعاً بعض ا٭َ‪ٛ‬ض اييت تتعًل بايك‪ٛ‬ض ‪ٚ‬ايطغ‪َٛ‬ات بؿهٌ عاّ‪.‬‬

‫* ٌٖ سا‪ٚ‬يت إٔ تتعطف عً‪ ٢‬أْ‪ٛ‬اع املًؿات ايطغ‪ ١َٝٛ‬اييت تك‪ ّٛ‬بتشُ‪ًٗٝ‬ا خ‪ ٍ٬‬تكؿشو‬
‫اإلْذلْت؟‬ ‫مل‪ٛ‬اقع‬
‫‪ٜ‬عخط عامل ايهُب‪ٛٝ‬تط بايعؿطات َٔ أْ‪ٛ‬اع املًؿات ايطغ‪ٚ ١َٝٛ‬تٓػ‪ٝ‬كات ايك‪ٛ‬ض‪ٚ .‬نٌ‬
‫َٓٗا ىتًـ عٔ غرل‪ َٔ ٙ‬عس‪ْٛ ٠‬اح‪ ,‬أشنط يو َٓٗا‪ :‬ايسق‪ٚ ,١‬عسز ا٭ي‪ٛ‬إ اييت ‪ٜ‬ػت‪ٛ‬عبٗا‪,‬‬
‫‪ٚ‬اؿذِ ايتدع‪ٜ‬ين يًًُـ‪ .‬يهٔ ٖٓاى ْ‪ٛ‬عني ؾكط َٔ ٖص‪ ٙ‬املًؿات ‪ٜ‬تِ تسا‪ٚ‬هلُا ساي‪ٝ‬اً‬
‫يف اإلْذلْت ‪ُٖٚ‬ا‪:‬‬

‫‪JPG,‬‬ ‫‪JPEG‬‬
‫إختكاض يـِ ‪ٜٚ .Group Experts Photographic Joint‬سعِ ٖصا ايتٓػ‪ٝ‬ل ق‪ٛ‬ضاً بع‪ٝ‬اض ‪24‬‬
‫بت (أ‪ ًَٕٛٝ 1667 ٟ‬ي‪َٝٚ .)ٕٛ‬ع‪ٖ ٠‬صا ايتٓػ‪ٝ‬ل تتُجٌ يف إَهاْ‪ ١ٝ‬نػط ايك‪ٛ‬ض بٓػب‬
‫كتًؿ‪ ١‬عٓس ؽع‪ٜٗٓ‬ا ‪ٚ‬بايتاي‪ ٞ‬اؿك‪ ٍٛ‬عً‪ ٢‬ق‪ٛ‬ض قػرل‪ ٠‬اؿذِ ْػب‪ٝ‬اً‪(.‬أعين ٖٓا سذِ‬
‫ايتدع‪ ٜٔ‬بايه‪ًٛٝ‬با‪ٜ‬تات ‪ٚ‬ي‪ٝ‬ؼ أبعاز ايك‪ٛ‬ض‪ .)٠‬يهٔ باملكابٌ نًُا إظزازت ْػب‪ ١‬ايهػط‬
‫‪ٚ‬قػط سذِ املًـ نإ شيو عً‪ ٢‬سػاب اؾ‪ٛ‬ز‪ٚ ٠‬اي‪ٛ‬ن‪ٛ‬ح‪.‬‬

‫‪GIF‬‬
‫إختكاض يـِ ‪ٚ Format Interchange Graphical‬أقك‪ ٢‬عسز يٮي‪ٛ‬إ يف ٖصا ايتٓػ‪ٝ‬ل ٖ‪ٛ‬‬
‫‪ 265‬ي‪َٚ .ٕٛ‬ع شيو ؾإٕ أسذاّ ايك‪ٛ‬ض املدعْ‪ ١‬ب٘ نبرل ْػب‪ٝ‬اً َكاضْ‪ ١‬بتٓػ‪ٝ‬ل ‪ .JPG‬يهٔ‬
‫ٖٓاى َعا‪ٜ‬ا ضا‪٥‬ع‪ٜٓ ١‬ؿطز بٗا تٓػ‪ٝ‬ل ‪ GIF‬مما ‪ٜ‬ػتسع‪ ٞ‬اغتدساَ٘ يف قؿشات اي‪ٜٛ‬ب‪,‬‬
‫أ‪ٚ‬هلا ايكسض‪ ٠‬عً‪ ٢‬ؽع‪ ٜٔ‬ق‪ٛ‬ض غًؿ‪ٝ‬ات ؾؿاؾ‪ٚ Transparent Images ١‬ثاْ‪ٗٝ‬ا ايك‪ٛ‬ض‬
‫‪Animated‬‬ ‫‪Gifs‬‬ ‫املتشطن‪١‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪52‬‬ ‫‪ٚ‬ػس َعً‪َٛ‬ات ‪ٚ‬اؾ‪ٚ ١ٝ‬زض‪ٚ‬غاً َؿكً‪ ١‬س‪ٖ ٍٛ‬ص‪ ٙ‬امل‪ٛ‬ان‪ٝ‬ع نُٔ زض‪ٚ‬ؽ ‪Paint Shop‬‬
‫‪.Pro‬‬

‫‪ٚ‬اٯٕ قس تػأٍ‪ ,‬أ‪ٖ َٔ ٟ‬ص‪ ٜٔ‬ايتٓػ‪ٝ‬كني أغتدسّ يف قؿشات‪ٞ‬؟! ‪ٜٛ ٫‬دس د‪ٛ‬اب قطع‪ٞ‬‬
‫هلصا ايػ‪٪‬اٍ يهٔ إي‪ٝ‬و ٖاتني املعازيتني‪:‬‬

‫‪ =JPG‬ايك‪ٛ‬ض اؿك‪ٝ‬ك‪ ١ٝ‬شات ايعسز ايهبرل َٔ ا٭ي‪ٛ‬إ‪ٚ ,‬شات ا٭بعاز ايهبرل‪٠‬‬

‫‪ =GIF‬ايك‪ٛ‬ض قً‪ ١ًٝ‬ا٭ي‪ٛ‬إ ‪ٚ‬قػرل‪ ٠‬ا٭بعاز َجٌ ا٭ظضاض‪.‬‬

‫* َا ٖ‪ ٞ‬زضد‪ ١‬إغتباْ‪ ١‬ؾاؾتو ‪Resolution‬؟ إشا نٓت ‪ ٫‬تعطف اؾ‪ٛ‬اب قِ بؿتض‬

‫تطب‪ٝ‬ل ي‪ٛ‬س‪ ١‬ايتشهِ يف ‪ٜٓٚ‬س‪ٚ‬ظ ‪ٚ 95‬إخذل أ‪ٜ‬ك‪(١ْٛ‬ايعطض) ثِ اخذل ايتب‪ٜٛ‬ب (إعسازات)‬
‫‪ٖٓٚ‬اى غ‪ٛ‬ف تؿاٖس "َػاس‪ ١‬غطض املهتب" ايص‪ٜ ٟ‬سٍ عً‪ ٢‬زضد‪ ١‬إغتباْ‪١‬‬
‫ايؿاؾ‪ٚ ,١‬عً‪ ٢‬ا٭غًب غته‪ 480×640 ٕٛ‬أ‪ٖٓٚ ,600×800 ٚ‬اى زضدات أعً‪ ٢‬تعتُس‬
‫عً‪ ٢‬قسض‪ ٠‬ق‪ ٍٛ‬ايعطض‪ .‬نصيو غ‪ٛ‬ف تؿاٖس "ي‪ٛ‬ح ا٭ي‪ٛ‬إ" ايص‪ٜ ٟ‬سٍ عً‪ ٢‬عسز‬
‫يًؿاؾ‪.١‬‬ ‫اؿاي‪١ٝ‬‬ ‫باإلعسازات‬ ‫عطنٗا‬ ‫ميهٔ‬ ‫اييت‬ ‫ا٭ي‪ٛ‬إ‬
‫أَا يف ‪ٜٓٚ‬س‪ٚ‬ظ ‪ 3611‬أ‪ 361 ٚ‬ؾاخذل أ‪ٜ‬ك‪ ١ْٛ‬بطْاَر إعساز ‪ َٔ Windows‬ي‪ٛ‬س‪ ١‬ايتشهِ‬
‫ايؿاؾ‪.١‬‬ ‫‪ٚ‬إغتباْ‪١‬‬ ‫ْ‪ٛ‬ع‬ ‫بهُٓٗا‬ ‫ػس‬ ‫قا‪١ُ٥‬‬ ‫يو‬ ‫ؾتعٗط‬

‫ٖصا اؿس‪ٜ‬ح ‪ٜ‬ك‪ٛ‬زْ‪ ٞ‬إىل ‪ٚ‬سس‪ ٠‬ايب‪ٝ‬هػٌ ‪( Pixel‬أمل أعسى َػبكاً بت‪ٛ‬ن‪ٝ‬شٗا)‪ٖٞٚ .‬‬
‫اختكاض يـِ ‪ .Picture Element‬إشا ناْت ؾاؾتو بإغتباْ‪ 480×640 ١‬ؾٗصا ‪ٜ‬عين أْٗا‬
‫َكػُ‪ْ(١‬عط‪ٜ‬اً) إىل ؾبه‪ 640 َٔ ١‬عُ‪ٛ‬ز ‪ 480ٚ‬غطط‪ٚ .‬مبٓتٗ‪ ٢‬ايبػاط‪ ,١‬إٕ نٌ خً‪١ٝ‬‬
‫َٔ ٖص‪ ٙ‬ايؿبه‪ ١‬متجٌ ب‪ٝ‬هػٌ ‪ٚ‬بايطبع نًُا ظازت اإلغتباْ‪ ١‬نًُا قػط سذِ ‪ٚ‬سس‪٠‬‬
‫ايب‪ٝ‬هػٌ‪.‬‬

‫* ٌٖ غبل يو ‪ٚ‬إٔ زلعت مبكطًض ‪ Thumbnail‬نُٔ َكطًشات اإلْذلْت؟ سػٓاً‪٫ ,‬‬

‫تًتؿت إىل ايذلمج‪ ١‬اؿطؾ‪ ١ٝ‬هلص‪ ٙ‬ايهًُ‪ٚ ,١‬اييت تعين "ظؿط اإلبٗاّ"‪ .‬ؾاملكك‪ٛ‬ز‬
‫سك‪ٝ‬ك‪ ً١‬بٗا ٖ‪ ٞ‬تًو ايك‪ٛ‬ض‪ ٠‬ايكػرل‪ ٠‬دساً اييت تك‪ ّٛ‬بايٓكط عً‪ٗٝ‬ا ؾت‪٪‬ز‪ ٟ‬إىل عطض ق‪ٛ‬ض‪٠‬‬
‫عذِ أندل‪ .‬يصيو قس ‪ٜ‬ه‪ ٕٛ‬املكطًض ا٭ْػب ي‪ٛ‬قؿٗا ٖ‪" ٛ‬ايع‪."١ّٓٝ‬‬
‫(‪ٚ‬إشا نٓت قس ظضت أسس امل‪ٛ‬اقع اإلخباض‪ ١ٜ‬يطأ‪ٜ‬ت ن‪ٝ‬ـ ‪ٜ‬تِ عطض ع‪ٓٝ‬ات ‪ٚ‬ق‪ٛ‬ض َكػط‪٠‬‬
‫يًكطات ا٭سساخ ‪ٚ‬عٓس ايٓكط عً‪ ٢‬ايع‪ ١ٓٝ‬تعٗط ايك‪ٛ‬ض‪ ٠‬ا٭قً‪ .١ٝ‬إشٕ أْت يػت فدلاً عً‪٢‬‬
‫اإلْتعاض ي‪ٛ‬قت ط‪ ٌٜٛ‬ؿني ظٗ‪ٛ‬ض ق‪ٛ‬ض‪ ٠‬شات سذِ نبرل يًكط‪ ١‬يػت َعٓ‪ٝ‬اً بٗا)‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪51‬‬ ‫‪ َٔٚ‬اي‪ٛ‬انض إٔ اغتدساّ ايع‪ٓٝ‬ات َؿ‪ٝ‬س ‪ٚ‬عًُ‪ ٞ‬دساً ‪ٚ‬إٔ ‪ٚ‬نعٗا يف امل‪ٛ‬اقع اييت ؼت‪ٟٛ‬‬
‫عً‪ ٢‬ايعس‪ٜ‬س َٔ ايك‪ٛ‬ض ‪٪ٜ‬ز‪ ٟ‬إىل تكً‪ ٌٝ‬ايعَٔ اي‪٬‬ظّ يتشُ‪ ٌٝ‬ايكؿشات ‪ٚ‬ػٓب ن‪ٝ‬اع‬
‫اي‪ٛ‬قت باْتعاض ظٗ‪ٛ‬ض ايك‪ٛ‬ض ا٭قً‪ ١ٝ‬نبرل‪ ٠‬اؿذِ‪ .‬٭ْٗا تعط‪ ٞ‬ايعا‪٥‬ط اؿط‪ ١ٜ‬يف ايٓكط‬
‫عً‪ٗٝ‬ا إشا ضغب يف ض‪ ١ٜ٩‬ا٭قٌ أ‪ ٚ‬ػاًٖٗا‪ .‬أَا ن‪ٝ‬ـ ‪ٜ‬تِ عٌُ ٖص‪ ٙ‬ايع‪ٓٝ‬ات؟ ؾصيو‬
‫باغتدساّ أسس بطاَر َعاؾ‪ ١‬ايطغ‪ ّٛ‬ندلْاَر ‪ َٔ .Paint Shop Pro‬خ‪ ٍ٬‬تكػرل‬
‫املطً‪ٛ‬ب‪.١‬‬ ‫ايٓػب‪١‬‬ ‫إىل‬ ‫ا٭قً‪١ٝ‬‬ ‫ايك‪ٛ‬ض‬ ‫أبعاز‬

‫أعطف َاشا غتػأٍ اٯٕ‪ ,‬غتك‪ ٍٛ‬أمل ْتعًِ قبٌ قً‪ ٌٝ‬ن‪ٝ‬ؿ‪ ١ٝ‬عطض ايك‪ٛ‬ض َع ايتشهِ‬
‫بأبعازٖا؟ أ‪٪ٜ ٫‬ز‪ ٟ‬اغتدساّ اـكا‪٥‬ل ‪ WIDTH, HEIGHT‬إىل ايتشهِ عذِ ايك‪ٛ‬ض‬
‫َطً‪ٛ‬ب؟‬ ‫ٖ‪ٛ‬‬ ‫َا‬ ‫سػب‬ ‫َكػط‪٠‬‬ ‫بٓػب‬ ‫‪ٚ‬عطنٗا‬
‫إٕ اغتدساَو هلص‪ ٙ‬اـكا‪٥‬ل ‪٪ٜ‬ز‪ ٟ‬إىل إظٗاض ايك‪ٛ‬ض‪ ٠‬ع‪ٝ‬ح تبس‪َ ٚ‬كػط‪ ,٠‬يهٓو‬
‫ؾعً‪ٝ‬اً قُت بإدباض َتكؿض ايعا‪٥‬ط عً‪ ٢‬ؼُ‪ ٌٝ‬ايك‪ٛ‬ض‪ ٠‬باؿذِ ‪ٚ‬ا٭بعاز ا٭قً‪ ١ٝ‬ثِ عطنٗا‬
‫باؿذِ املكػط أ‪ ٟ‬أْو يف ايٓٗا‪ ١ٜ‬مل ؼكل ايػا‪ٚ َٔ ١ٜ‬د‪ٛ‬ز ٖص‪ ٙ‬ايع‪ٓٝ‬ات‪.‬‬

‫‪ٚ‬قًٓا إىل ْٗا‪ٖ ١ٜ‬صا ايسضؽ‪ ٌٖ .‬أقبشت اٯٕ تعطف ن‪ٝ‬ـ تسضز ايك‪ٛ‬ض يف قؿشتو؟‬
‫ضا‪٥‬ع‪ ,‬إشٕ إي‪ٝ‬و ٖص‪ ٙ‬املهاؾأ‪ .٠‬أْكط عً‪ ٢‬ايك‪ٛ‬ض املكػط‪ ٠‬يتؿاٖس َس‪ٜٓ‬يت‪ْ ...‬ابًؼ‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪52‬‬

‫ايػازؽ‬ ‫ايسضؽ‬
‫اي‪ٛ‬ق‪٬‬ت ايتؿعب‪١ٝ‬‬

‫‪HTML‬‬ ‫زض‪ٚ‬ؽ‬ ‫َٔ‬ ‫ايػازؽ‬ ‫ايسضؽ‬ ‫إىل‬ ‫بو‬ ‫‪ٚ‬غٗ‪ً٬‬‬ ‫أٖ‪ً٬‬‬

‫ن‪ٝ‬ـ ‪ٚ‬قًت إىل ٖص‪ ٙ‬ايكؿش‪١‬؟! ضمبا تعتدل ٖصا غ‪٪‬ا‪ ً٫‬غد‪ٝ‬ؿاً‪ٚ ,‬إٔ اإلداب‪ ١‬عً‪َٔ ٖٞ ٘ٝ‬‬
‫ايبس‪ٜٝٗ‬ات ‪ٖٚ ...‬صا قش‪ٝ‬ض! َٔ امل‪٪‬نس أْو قُت باإلْتكاٍ إىل ٖٓا َٔ خ‪ ٍ٬‬إسس‪٣‬‬
‫قؿشات ٖصا امل‪ٛ‬قع‪ ,‬أ‪ َٔ ٚ‬خ‪ ٍ٬‬أسس قطنات ايتؿت‪ٝ‬ـ‪ ,‬أ‪ َٔ ٚ‬خ‪ ٍ٬‬أسس امل‪ٛ‬اقع اييت‬
‫قُت بع‪ٜ‬اضتٗا َ‪٪‬خطاً ‪ٚ ...‬يف نٌ ا٭س‪ٛ‬اٍ قُت بايٓكط عً‪ٚ ٢‬قً‪ ١‬تؿعب‪َ ١ٝ‬ا‪.‬‬

‫‪ ...Links‬أ‪ ٚ‬اي‪ٛ‬ق‪٬‬ت ايتؿعب‪ ٖٞ ١ٝ‬ض‪ٚ‬ح اإلْذلْت‪ٚ .‬إشا ناْت اإلْذلْت مبذًُٗا ٖ‪ٞ‬‬
‫ؾبه‪ ١‬ايعٓهب‪ٛ‬ت ؾإٕ ٖص‪ ٙ‬اي‪ٛ‬ق‪٬‬ت ٖ‪ ٞ‬اـ‪ٛٝ‬ط اييت تؿهٌ ٖص‪ ٙ‬ايؿبه‪ٚ ١‬ت‪٪‬يـ‬
‫سًكات اي‪ٛ‬قٌ بني امل‪ٜ٬‬ني َٔ َ‪ٛ‬اقعٗا‪ .‬تٓكط عً‪ٚ ٢‬قً‪َ ١‬ا ؾتٓكًو إىل قؿش‪ ١‬أخط‪ ٣‬يف‬
‫ْؿؼ امل‪ٛ‬قع‪ٚ ...‬تٓكط عً‪ٚ ٢‬قً‪ ١‬أخط‪ ٣‬يتٓكًو نً‪ٝ‬اً إىل أسس امل‪ٛ‬اقع يف اؾاْب اٯخط َٔ‬
‫ايعامل‪ٚ ...‬قً‪ ١‬ػعًو ؼٌُّ ًَؿاً ‪ٚ‬أخط‪ ٣‬ػعًو تؿػٌّ َكطعا َ‪ٛ‬غ‪ٝ‬ك‪ٝ‬اً ‪ٚ‬ثايج‪ ١‬تعطض‬
‫ق‪ٛ‬ض‪...٠‬‬ ‫يو‬
‫سػٓاً‪ َٔ ,‬امل‪٪‬نس أْو اغتٓتذت اٯٕ َٔ ٖص‪ ٙ‬املكسَ‪ ١‬أْو بكسز تعًِ ن‪ٝ‬ؿ‪ ١ٝ‬إزضاز‬
‫اي‪ٛ‬ق‪٬‬ت ايتؿعب‪ ١ٝ‬يف قؿشاتو‪ ...‬يكس قسم اغتٓتادو يصيو ٖ‪ٝ‬ا إىل ايعٌُ‪...‬‬

‫ٖٓاى عس‪ ٠‬خ‪ٝ‬اضات يً‪ٛ‬ق‪٬‬ت ايتؿعب‪َٗٓ ,١ٝ‬ا إٔ ته‪ ٕٛ‬اي‪ٛ‬قً‪ ١‬مل‪ٛ‬قع آخط‪ ,‬أ‪ ٚ‬إٔ ته‪ٕٛ‬‬
‫يكؿش‪ ١‬أخط‪ ٣‬زاخٌ امل‪ٛ‬قع ْؿػ٘‪َٗٓٚ ,‬ا إٔ ته‪ ٕٛ‬ملهإ آخط يف ْؿؼ ايكؿش‪( ١‬إىل‬
‫أعً‪ ٢‬أ‪ ٚ‬أغؿٌ عً‪ ٢‬غب‪ ٌٝ‬املجاٍ) أ‪ ٚ‬إٔ ته‪ٚ ٕٛ‬قً‪ ١‬يعٓ‪ٛ‬إ بط‪ٜ‬س إيهذل‪ٚ E-mail ْٞٚ‬يف‬
‫مج‪ٝ‬ع اؿا‪٫‬ت ؾإٕ املبسأ ‪ٚ‬اسس يهٔ ؽتًـ بعض ايتؿاق‪ٚ .ٌٝ‬غ‪ٛ‬ف أْاقـ َعو نٌ‬
‫ساي‪ ١‬عً‪ ٢‬سس‪ٚ ٠‬بايتؿك‪.ٌٝ‬‬

‫ْػتدسّ اي‪ٛ‬غ‪ّٛ‬‬

‫>‪<A> ... </A‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪53‬‬ ‫ن‪ٛ‬غ‪ ّٛ‬أغاغ‪ ١ٝ‬إلزضاز اي‪ٛ‬ق‪٬‬ت ايتؿعب‪ ٖٞٚ ,١ٝ‬اختكاض يهًُ‪٫ ٖٞٚ .Anchor ١‬‬
‫تعٌُ ي‪ٛ‬سسٖا بٌ تتطًب إناؾ‪ ١‬خكا‪٥‬ل َع‪ ١ٓٝ‬أ‪ٚ‬هلا ‪ٚ‬أُٖٗا اـاق‪١ٝ‬‬

‫‪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‬بايؿهٌ ايتاي‪:ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪54‬‬ ‫‪<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‬‬

‫ْٓتكٌ اٯٕ إىل اؿاي‪ ١‬ايجاْ‪ ٖٞٚ ,١ٝ‬إٔ تؿرل اي‪ٛ‬قً‪ ١‬ايتؿعب‪ ١ٝ‬إىل ًَـ َ‪ٛ‬د‪ٛ‬ز يف ْؿؼ‬
‫امل‪ٛ‬قع (أ‪ًَ ٟ‬ـ قً‪ )ٞ‬غ‪ٛ‬ا‪ ً٤‬نإ ًَـ ‪ HTML‬أ‪ ٚ‬ق‪ٛ‬ض‪ ٠‬أ‪ ٚ‬غرل شيو‪ٚ .‬يف ٖص‪ ٙ‬اؿاي‪١‬‬
‫ؾإٕ َا ‪ٜ‬هتب َع اـاق‪ ٖٛ HREF ١ٝ‬اغِ ٖصا املًـ املطً‪ٛ‬ب اي‪ٛ‬ق‪ ٍٛ‬إي‪.٘ٝ‬‬

‫يٓكِ بإْؿا‪ٚ ٤‬قً‪ ١‬تؿعب‪ ١ٝ‬تك‪ٛ‬زْا إىل ايكؿش‪ ١‬ايط‪ٝ٥‬ػ‪ ١ٝ‬هلصا امل‪ٛ‬قع ‪ٚ‬باملٓاغب‪ ١‬ؾإٕ‬
‫املًـ ايص‪ ٟ‬وت‪ٜٗٛ‬ا ازل٘ ‪ٚ , index.html‬ايؿ‪ٝ‬ؿط‪ ٠‬اـاق‪ ١‬بصيو ٖ‪:ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪55‬‬ ‫>‪<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 ٙ‬‬

‫يهٔ إْتب٘ ‪ ‬إشا نإ املًـ املطً‪ٛ‬ب ‪ٚ‬ايص‪ ٟ‬تط‪ٜ‬س اإلؾاض‪ ٠‬إي‪َٛ ٘ٝ‬د‪ٛ‬زاً يف فًس‬
‫كتًـ عٔ اجملًس ايص‪ٜٛ ٟ‬دس ب٘ املًـ اؿاي‪ ,ٞ‬ؾ‪ٝ‬ذب عً‪ٝ‬و ؼس‪ٜ‬س املػاض ايهاٌَ‬
‫هلصا املًـ ‪ٚ‬شيو بٓؿؼ ايطط‪ٜ‬ك‪ ١‬اييت ْاقؿٓاٖا يف ايسضؽ ايػابل عٓسَا قُٓا ‪ٜ‬إزضاز‬
‫ايك‪ٛ‬ض‪.‬‬

‫اؿاي‪ ١‬ايجايج‪ ٖٞ ١‬إٔ ْك‪ ّٛ‬باإلؾاض‪ ٠‬إىل َهإ آخط زاخٌ ْؿؼ ايكؿش‪ ,١‬إىل أ‪ٚ‬هلا َج‪ ً٬‬أ‪ٚ‬‬
‫ْط‪ٜ‬س‪...ٙ‬‬ ‫آخط‬ ‫َهإ‬ ‫أ‪ٟ‬‬ ‫أ‪ٚ‬‬ ‫آخطٖا‬ ‫إىل‬
‫طبعاً َُٗا بًػت زضد‪ ١‬ايصنا‪ٚ ٤‬ا٭ملع‪ ١ٝ‬اييت ‪ٜ‬تكـ بٗا ايهُب‪ٛٝ‬تط ‪َٚ‬تكؿض اإلْذلْت‪,‬‬
‫ؾُٗا ‪ٜ ٫‬ػتط‪ٝ‬عإ َعطؾ‪َ ١‬ا ‪ٜ‬س‪ٚ‬ض بؿهطى ‪ٚ‬بايتاي‪ٜ ٫ ٞ‬ػتط‪ٝ‬عإ َعطؾ‪ ١‬املهإ‬
‫امل‪ٛ‬د‪ٛ‬ز يف ْؿؼ ايكؿش‪ٚ ١‬ايص‪ ٟ‬تط‪ٜ‬س ْكٌ ظا‪٥‬طى إي‪ َٔ ٘ٝ‬خ‪ ٍ٬‬اي‪ٛ‬قً‪ ١‬ايتؿعب‪ .١ٝ‬يصيو‬
‫بتشس‪ٜ‬س‪.ٙ‬‬ ‫أْت‬ ‫تك‪ّٛ‬‬ ‫إٔ‬ ‫هب‬

‫‪ٚ‬املبسأ ٖٓا ٖ‪ ٛ‬إٔ تك‪ ّٛ‬بتعط‪ٜ‬ـ أ‪ ٚ‬تػُ‪ٖ ١ٝ‬صا املهإ بإغِ َعني غ‪ٛ‬ف تك‪٫ ّٛ‬سكا‬
‫باغتدساَ٘ يف اي‪ٛ‬قً‪ ١‬ايتؿعب‪ٚ .١ٝ‬يف ٖص‪ ٙ‬اؿاي‪ٜ ١‬تشتِ عً‪ٝ‬و اغتدساّ اـاق‪ ١ٝ‬ايجاْ‪١ٝ‬‬
‫يً‪ٛ‬غِ <‪NAME ٖٞٚ >A‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪56‬‬ ‫يٓكِ َعاً بإزضاز ‪ٚ‬قً‪ ١‬تؿعب‪ ١ٝ‬زاخٌ ٖص‪ ٙ‬ايكؿش‪ ١‬تك‪ ّٛ‬بٓكٌ ايعا‪٥‬ط َٔ َهإ ‪ٚ‬د‪ٛ‬ز‬
‫ٖص‪ ٙ‬اي‪ٛ‬قً‪ ١‬إىل ايؿكط‪ ٠‬ايجايج‪ٖ َٔ ١‬ص‪ ٙ‬ايكؿش‪ٚ ١‬اييت بسأْا ؾ‪ٗٝ‬ا اؿس‪ٜ‬ح عٔ اي‪ٛ‬ق‪٬‬ت‬
‫‪Links‬‬ ‫ايتؿعب‪١ٝ‬‬

‫أ‪َ ٍٚ‬ا هب ؾعً٘ ٖ‪ ٛ‬ايصٖاب إىل ٖص‪ ٙ‬ايؿكط‪ٚ ٠‬اخت‪ٝ‬اض أ‪ ٍٚ‬نًُ‪ ١‬ؾ‪ٗٝ‬ا ثِ ‪ٚ‬نعٗا زاخٌ‬
‫اي‪ٛ‬غ‪>/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 ١‬بعس خاق‪ HREF ١ٝ‬يه‪ ٞ‬تسٍ عً‪ ٢‬إٔ‬
‫ايعٓ‪ٛ‬إ ايص‪ ٖٛ ًٜٞ ٟ‬عٓ‪ٛ‬إ ‪ٚ EMAIL‬ي‪ٝ‬ؼ أ‪ ٟ‬عٓ‪ٛ‬إ آخط‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪57‬‬ ‫>‪<A HREF="MAILTO:[email protected]"> Email Me </A‬‬

‫‪Email Me‬‬

‫‪ٚ‬اٯٕ بعس إٔ اْتٗ‪ٝ‬ت َٔ غطز أغاغ‪ٝ‬ات اغتدساّ اي‪ٛ‬ق‪٬‬ت ايتؿعب‪ٚ ١ٝ‬إزضادٗا يف‬
‫قؿشات اي‪ٜٛ‬ب بك‪ٖٓ ٞ‬اى بعض ايت‪ٛ‬ن‪ٝ‬شات ‪ٚ‬امل‪٬‬سعات اييت أدس إٔ َٔ املِٗ شنطٖا‬
‫يو‪.‬‬
‫عٓسَا قُٓا بايت‪ٛ‬ق‪ ٌٝ‬إىل عٓ‪ٛ‬إ خاضد‪ ,ٞ‬غ‪ٛ‬ا‪ ٤‬نإ مل‪ٛ‬قع ‪ٜٚ‬ب أ‪ ٚ‬عٓ‪ٛ‬إ ‪٫ Email‬سعٓا‬
‫أْٓا اغتدسَٓا نًُات َؿتاس‪َٝ ١ٝ‬عت طب‪ٝ‬ع‪ٖ ١‬صا ايعٓ‪ٛ‬إ‪ٚ ,‬أعطت املتكؿض ؾهط‪ ٠‬عٔ‬
‫طب‪ٝ‬ع‪ ١‬ايتعاٌَ َع ٖصا ايعٓ‪ٛ‬إ ‪ٚ‬طط‪ٜ‬ك‪ ١‬ا‪٫‬تكاٍ ب٘‪ .‬ؾعٓسَا أضزْا ايتؿعب إىل َ‪ٛ‬قع‬
‫اي‪ٜٛ‬ب نتبٓا نًُ‪ٚ HTTP ١‬اييت تسٍ عً‪ْٛ ٢‬ع ايدل‪ٚ‬ت‪ٛ‬ن‪ ٍٛ‬املػتدسّ يف ا‪٫‬تكاٍ بٗصا‬
‫امل‪ٛ‬قع‪ ٖٛٚ ,‬بط‪ٚ‬ت‪ٛ‬ن‪ْ ٍٛ‬كٌ ايٓك‪ٛ‬م املتؿعب‪HyperText Transfer Protocol ١‬‬
‫‪ٚ‬عٓسَا نتبٓا عٓ‪ٛ‬إ ‪ Email‬اغتدسَٓا نًُ‪ MAILTO ١‬قبٌ ٖصا ايعٓ‪ٛ‬إ‪ٚ .‬بايتاي‪ ٞ‬قُٓا‬
‫باإل‪ٜ‬عاظ يًُتكؿض بؿتض بطْاَر ايدل‪ٜ‬س اإليهذل‪ ْٞٚ‬ا‪٫‬ؾذلان‪ٚ ٞ‬ػٗ‪ٝ‬ع‪ ٙ‬إلضغاٍ ضغاي‪ ١‬إىل‬
‫ايعٓ‪ٛ‬إ املسضز‪ٚ .‬ستُاً يكس قازؾت َجٌ ٖص‪ ٙ‬اؿاي‪ ١‬نجرلاً خ‪ ٍ٬‬ػ‪ٛ‬يو يف َ‪ٛ‬اقع‬
‫اي‪ٜٛ‬ب‪.‬‬

‫ي هٔ ٖٓا فا‪٫‬ت أخط‪٫ ٣‬غتدساّ اإلْذلْت ‪ٚ‬يهٌ َٓٗا بط‪ٚ‬ت‪ٛ‬ن‪ٛ‬ي٘ اـام‪ .‬ؾُج‪ٖٓ ً٬‬اى‬
‫اٯ‪٫‬ف َٔ املع‪ٚ‬زات املٓتؿط‪ ٠‬عدل اإلْذلْت ‪ٚ‬اييت ؼت‪ ٟٛ‬عً‪ ٢‬أعساز ٖا‪ ٫ ١ً٥‬ؼك‪َٔ ٢‬‬
‫املًؿات ‪ٚ‬ايدلاَر اؾاٖع‪ ٠‬يًتشُ‪ٜٚ ٌٝ‬تِ اي‪ٛ‬ق‪ ٍٛ‬إي‪ٗٝ‬ا عدل بط‪ٚ‬ت‪ٛ‬ن‪ ٍٛ‬خام يٓكٌ املًؿات‬
‫‪ٜ‬سع‪ٖ َٔٚ .FTP (File Transfer Protocol) ٢‬ص‪ ٙ‬اجملا‪٫‬ت أ‪ٜ‬هاً ‪ٚ‬اييت ‪ ٫‬تكٌ أُٖ‪١ٝ‬‬
‫عٔ اي‪ٜٛ‬ب أ‪ ٚ‬ايدل‪ٜ‬س اإليهذل‪ ْٞٚ‬اجملُ‪ٛ‬عات اإلخباض‪ News Groups ١ٜ‬أ‪ ٚ‬فُ‪ٛ‬عات‬
‫ايٓكاف اييت ؽتل نٌ َٓٗا مبٓاقؿ‪َٛ ١‬ن‪ٛ‬ع َعني‪ٖٚ .‬ص‪ ٙ‬تعٌُ َٔ خ‪ ٍ٬‬بط‪ٚ‬ت‪ٛ‬ن‪ٍٛ‬‬
‫)‪.NNTP (Network News Transfer Protocol‬‬

‫إٕ تعسز فا‪٫‬ت إغتدساّ اإلْذلْت ‪ٚ‬تعسز ايدل‪ٚ‬ت‪ٛ‬ن‪٫ٛ‬ت ؾ‪ٗٝ‬ا ‪٫‬‬

‫‪ٜ‬عين أْو ؼتاز ٭ٕ ‪ٜ‬هتغ غطض َهتبو بايعس‪ٜ‬س َٔ ايدلاَر‬
‫يًتعاٌَ َعٗا‪ .‬ؾُععِ املتكؿشات اييت ْػتدسَٗا ؼت‪ ٟٛ‬عً‪٢‬‬
‫اـسَات‪.‬‬ ‫ٖص‪ٙ‬‬ ‫تسعِ‬ ‫خاق‪١‬‬ ‫بطاَر‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪58‬‬

‫ؾُج‪ ً٬‬عٓس ايٓكط عً‪ ٢‬عٓ‪ٛ‬إ َع‪ٚ‬ز ‪ٜ FTP‬تِ ايسخ‪ ٍٛ‬إي‪َ ٘ٝ‬جً٘ َجٌ أ‪ٟ‬‬
‫َ‪ٛ‬قع ‪ٜٚ‬ب عاز‪ٚ ٟ‬تعٗط قا‪ ١ُ٥‬اجملًسات ‪ٚ‬املًؿات ؾ‪ ٘ٝ‬بؿهٌ‬
‫َؿاب٘ يًُػتهؿـ يف ‪ .Windows95‬أَا ايٓكط عً‪ ٢‬عٓ‪ٛ‬إ إسس‪٣‬‬
‫اجملُ‪ٛ‬عات اإلخباض‪ ١ٜ‬ؾ‪٪ٝ‬ز‪ ٟ‬إىل غً‪ٛ‬ى َؿاب٘ يًٓكط عً‪ ٢‬عٓا‪ٜٔٚ‬‬
‫ايدل‪ٜ‬س اإليهذل‪ ,ْٞٚ‬أ‪ ٟ‬إط‪٬‬م بطْاَر تكؿض خام باجملُ‪ٛ‬عات‬
‫اإلخباض‪ٜ ١ٜ‬ه‪َ ٕٛ‬سفاً نُٔ سعَ‪ ١‬املتكؿض ا٭قً‪.ٞ‬‬

‫‪ٚ‬اٯٕ‪ ...‬أعتكس أْ٘ ي‪ٝ‬ؼ َٔ ايكعب عً‪ٝ‬و اغتٓتاز ايه‪ٝ‬ؿ‪ ١ٝ‬اييت ْه‪ٝ‬ـ بٗا ‪ٚ‬ق‪٬‬ت‬
‫‪.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 ١ٝ‬ؾعً‪ ٢‬غب‪ ٌٝ‬املجاٍ‪ ,‬ي‪ٛ‬نع ‪ٚ‬قً‪ ١‬تؿعب‪ ١ٝ‬جملُ‪ٛ‬ع‪ ١‬ايٓكاف ‪alt.html‬‬
‫اـاق‪ ١‬مبٓاقؿ‪ ١‬يػ‪ْ HTML ١‬هتب ايؿ‪ٝ‬ؿط‪ ٠‬ايتاي‪:١ٝ‬‬

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

‫‪Alt.Html‬‬
‫أمتٓ‪ ٢‬يو قها‪ ٤‬أغعس ا٭‪ٚ‬قات َع َ‪ٛ‬اقع اإلْذلْت ‪ٚٚ‬ق‪٬‬تٗا ايتؿعب‪ٚ ,١ٝ‬أضاى يف‬
‫ايسضؽ ايتاي‪ ٞ‬إٕ ؾا‪ ٤‬اهلل‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪59‬‬

‫ايػابع‬ ‫ايسضؽ‬
‫اؾسا‪)1( ٍٚ‬‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ايػابع َٔ زض‪ٚ‬ؽ ‪ٖ .HTML‬صا ايسضؽ غ‪ٝ‬ه‪ ٕٛ‬ا٭‪َٔ ٍٚ‬‬
‫زضغني س‪ ٍٛ‬اؾسا‪ٚ .ٍٚ‬قس ؾهًت ػع‪٥‬تٗا إىل قػُني ‪ٚ‬شيو ٭ُٖ‪ٖ ١ٝ‬صا امل‪ٛ‬ن‪ٛ‬ع‬
‫‪ٚ‬تعسز خكا‪٥‬ل اؾسا‪ٚ ٍٚ‬استُا‪٫‬ت اغتدساَٗا يف قؿشات اي‪ٜٛ‬ب‪.‬‬

‫تعس اؾسا‪ َٔ ٍٚ‬أق‪ ٣ٛ‬ا٭ز‪ٚ‬ات اييت تتهُٓٗا يػ‪ٚ HTML ١‬أناز أدعّ بأْ٘ ‪ٜٛ ٫‬دس‬
‫َ‪ٛ‬قع يف اإلْذلْت إ‪ٜٚ ٫‬ػتدسَٗا بك‪ٛ‬ض‪ ٠‬أ‪ ٚ‬بأخط‪ٚ .٣‬اؿك‪ٝ‬ك‪ ١‬إٔ ‪ٚ‬نع اؾسا‪ ٍٚ‬يف‬
‫قؿشات اي‪ ٜٛ‬ب ‪ٜ ٫‬كتكط عً‪ ٢‬تًو ايك‪ٛ‬ا‪ َٔ ِ٥‬ايب‪ٝ‬اْات اييت متاز يذلت‪ٝ‬بٗا يف قؿ‪ٛ‬ف‬
‫‪ٚ‬أعُس‪ ,٠‬بٌ ‪ٜ‬تعس‪ ٣‬شيو إىل اغتدساَٗا يف تكُ‪ ِٝ‬ايكؿشات ْؿػٗا ‪ٚ‬تٓع‪ُٗٝ‬ا‪,‬‬
‫‪ٚ‬ايتشهِ مبعٗطٖا بك‪ٛ‬ض‪ ٠‬ق‪ٚ ١ٜٛ‬ؾعاي‪ ٫ ١‬ميهٔ أزا‪ٖ٩‬ا َُٗا اغتدسَٓا َٔ ‪ٚ‬غ‪ّٛ‬‬
‫خاق‪ ١‬بتٓػ‪ٝ‬ل ايكؿشات‪.‬‬

‫إٕ ايتعاٌَ َع اؾسا‪ٚ ٍٚ‬إزضادٗا يف قؿشات اي‪ٜٛ‬ب غٌٗ دساً َجً٘ َجٌ أ‪ ٟ‬أزا‪َٔ ٠‬‬
‫أز‪ٚ‬ات ‪ HTML‬يهٓ٘ قس ‪ٜ‬بس‪ ٚ‬يو َطبهاً بعض ايؿ‪ٚ ٤ٞ‬خاق‪ ١‬يف ايبسا‪ٚ ,١ٜ‬شيو‬
‫يتعسز اـكا‪٥‬ل اييت تػتعٌُ َعٗا ‪ٚ‬تعسز ا٭‪ٚ‬د٘ اييت ْػتط‪ٝ‬ع ايتكطف بٗا‪ .‬يهٔ ‪٫‬‬
‫تكًل ؾهٌ ؾ‪ٜ ٤ٞ‬بس‪ ٚ‬قعباً يف بسا‪ٜ‬ت٘ ‪ٚ‬يهٔ غطعإ َا ‪ٜ‬كبض غٗ‪.ً٬‬‬

‫ٌٖ أْت َػتعس؟ إشٕ ٖ‪ّٝ‬ا بٓا…‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪62‬‬ ‫بسا‪ ,١ٜ‬إي‪ٝ‬و ٖصا اي‪ٛ‬قـ ايبػ‪ٝ‬ط يً‪ٛ‬غ‪ ّٛ‬ا٭غاغ‪ ١ٝ‬اـاق‪ ١‬باؾسا‪ٍٚ‬‬

‫>‪<TABLE>...</TABLE‬‬ ‫‪ٚ‬غ‪ ّٛ‬تعط‪ٜ‬ـ اؾس‪ٍٚ‬‬

‫‪ٚ Table Row‬غ‪ ّٛ‬تعط‪ٜ‬ـ‬

‫>‪<TR>...</TR‬‬
‫ايكـ يف اؾس‪ٍٚ‬‬

‫‪ٚ Table Data‬غ‪ ّٛ‬تعط‪ٜ‬ـ‬

‫>‪<TD> Cell Data </TD‬‬ ‫اـ‪ٜ٬‬ا يف ايكـ ‪ٚ‬تعط‪ٜ‬ـ‬
‫قت‪ٜٛ‬ات نٌ خً‪١ٝ‬‬

‫‪ٚ‬تؿك‪:ً٬ٝ‬‬ ‫زق‪١‬‬ ‫أنجط‬ ‫بك‪ٛ‬ض‪٠‬‬ ‫يٓتهًِ‬ ‫‪ٚ‬اٯٕ‬

‫ٖص‪ ٖٞ ٙ‬اي‪ٛ‬غ‪ ّٛ‬اييت ْبسأ بٗا إلزضاز دس‪َ ٍٚ‬ه‪ َٔ ٕٛ‬خً‪ٚ ١ٝ‬اسس‪ ٠‬أ‪ًَٕٛٝ َٔ ٚ‬‬
‫خً‪ …١ٝ‬ا٭َط غ‪ٝ‬إ‬

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

‫‪ٚ‬اٯٕ بعس إزضاز ٖص‪ ٜٔ‬اي‪ٛ‬زلني‪ٖٓ ,‬اى غ‪٪‬ايني ‪ٜٓ‬بػ‪ ٞ‬اإلداب‪ ١‬عً‪ُٗٝ‬ا‪ .‬ا٭‪ :ٍٚ‬نِ عسز‬
‫ايكؿ‪ٛ‬ف اييت ْط‪ٜ‬سٖا يف اؾس‪ٍٚ‬؟ ث‪٬‬ث‪ ,١‬أضبع‪َ ,١‬ا‪١٥‬؟ ‪ ٫‬بأؽ‪ ,‬قِ بإناؾ‪ ١‬اي‪ٛ‬غ‪ّٛ‬‬

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

‫بٓؿؼ عسز ايكؿ‪ٛ‬ف اييت تط‪ٜ‬سٖا‪ٚ .‬يٓؿذلض ٖٓا أْٗا ث‪٬‬ث‪.١‬‬

‫>‪<TABLE‬‬

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

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

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

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪61‬‬ ‫>‪</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‬‬

‫ٌٖ اتهشت يو ايك‪ٛ‬ض‪ ٠‬اٯٕ‪ .‬أْعط إىل ْت‪ٝ‬ذ‪ ١‬ايعٌُ اييت سكًٓا عً‪ٗٝ‬ا‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪62‬‬ ‫‪Data Data‬‬

‫‪Data Data‬‬
‫‪Data Data‬‬

‫ٖٓاى ؾ‪َ ٤ٞ‬ا ‪ٜٓ‬كل‪ .‬بايطبع ‪ ...‬اؿس‪ٚ‬ز‪ .‬اْتعط قً‪ٚ ً٬ٝ‬غتعطف اـاق‪ ١ٝ‬اييت تك‪ّٛ‬‬
‫بإناؾ‪ ١‬اؿس‪ٚ‬ز يًذس‪ٚ ٍٚ‬غرلٖا َٔ اـكا‪٥‬ل ا٭خط‪ .٣‬٭ْين قبٌ إٔ أغتُط أ‪ٚ‬ز إٔ أيؿت‬
‫ْعطى ملػأي‪َ ١‬ع‪ ١ٓٝ‬يف اؾسا‪ ٖٞٚ .ٍٚ‬إٔ طط‪ٜ‬ك‪ ١‬ايتعاٌَ َعٗا تتِ عً‪ ٢‬ث‪٬‬ث‪١‬‬
‫َػت‪ٜٛ‬ات‪:‬‬

‫َػت‪ ٣ٛ‬اؾس‪ ٍٚ‬نهٌ‬ ‫‪‬‬

‫َػت‪ ٣ٛ‬ايكؿ‪ٛ‬ف نهٌ أ‪ ٚ‬نٌ ‪ٚ‬اسس عً‪ ٢‬سس‪ٙ‬‬ ‫‪‬‬
‫َػت‪ ٣ٛ‬اـ‪ٜ٬‬ا نهٌ أ‪ ٚ‬نٌ ‪ٚ‬اسس‪ ٠‬عً‪ ٢‬سس‪.ٙ‬‬ ‫‪‬‬

‫‪ٚ‬يهٌ َٔ ٖص‪ ٙ‬املػت‪ٜٛ‬ات خكا‪٥‬ك٘ اييت ‪ٜٓ‬ؿطز بٗا نُا إٔ ٖٓاى خكا‪٥‬ل َؿذلن‪١‬‬
‫تػتدسّ َع نٌ اي‪ٛ‬غ‪.ّٛ‬‬

‫ْبسأ مبٓاقؿ‪ ١‬اـكا‪٥‬ل اييت تػتدسّ َع اي‪ٛ‬غ‪>/TABLE< ... >TABLE< ّٛ‬‬

‫‪ٚ‬غأق‪ ّٛ‬أ‪ ً٫ٚ‬بػطزٖا يو‪ َٔٚ ,‬ثِ إزضاز بعض ا٭َجً‪ ١‬اييت ت‪ٛ‬نشٗا‪.‬‬

‫تك‪ٖ ّٛ‬ص‪ ٙ‬اـاق‪ ١ٝ‬بإناؾ‪ ١‬سس‪ٚ‬ز يًذس‪ٍٚ‬‬

‫‪ٚ‬ؼس‪ٜ‬س زلانتٗا‪ٚ ,‬ايك‪ ١ُٝ‬اإلؾذلان‪ ١ٝ‬هلا‬
‫ٖ‪ ٞ‬قؿط أ‪ ٫ ٟ‬سس‪ٚ‬ز‬
‫‪BORDER‬‬
‫‪<TABLE‬‬ ‫>"‪BORDER="5‬‬
‫>"‪<TABLE BORDER="0‬‬

‫ْػتدسّ ٖص‪ ٙ‬اـاق‪ ١ٝ‬يتشس‪ٜ‬س عطض اؾس‪ٍٚ‬‬

‫نهٌ‪ٖٓٚ .‬اى أغً‪ٛ‬بني يتشس‪ٜ‬س ايعطض‪:‬‬
‫املطًل أ‪ ٟ‬بهتاب‪ ١‬ايطقِ ايص‪ ٟ‬ميجٌ ايعطض‬
‫بك‪ٛ‬ض‪َ ٠‬باؾط‪ٚ .٠‬ايٓػيب أ‪ ٟ‬نتاب‪ ١‬ضقِ‬
‫‪WIDTH‬‬ ‫ْػيب َ‪ ٟٛ٦‬وسز عطض اؾس‪ ٍٚ‬سػب عطض‬
‫ْاؾص‪ ٠‬املتكؿض‪( .‬أ‪ ٟ‬إٔ عطض اؾس‪ٍٚ‬‬
‫غ‪ٝ‬دتًـ باخت‪٬‬ف عطض ْاؾص‪ ٠‬املتكؿض)‪.‬‬

‫‪<TABLE‬‬ ‫>"‪WIDTH="600‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪63‬‬
‫>"‪<TABLE WIDTH="80%‬‬

‫يتشس‪ٜ‬س اضتؿاع اؾس‪ٜٚ ,ٍٚ‬ه‪ ٕٛ‬ؼس‪ٜ‬س ٖصا‬

‫اإلضتؿاع َٔ خ‪ ٍ٬‬ق‪َ ١ُٝ‬طًك‪ ١‬ؼسز‬
‫اإلضتؿاع بايب‪ٝ‬هػٌ‪ .‬أ‪ ٚ‬ق‪ْ ١ُٝ‬ػب‪ ١ٝ‬ؼسز‬
‫اضتؿاع اؾس‪ ٍٚ‬بايٓػب‪ ١‬إلضتؿاع قؿش‪١‬‬
‫‪HEIGHT‬‬
‫املتكؿض‬

‫‪<TABLE‬‬ ‫>"‪HEIGHT="500‬‬
‫>"‪<TABLE HEIGHT="100%‬‬

‫يتشس‪ٜ‬س املػاؾ‪ ١‬بني نٌ خً‪ َٔ ١ٝ‬خ‪ٜ٬‬ا‬

‫اؾس‪ٍٚ‬‬
‫‪LLSPACING‬‬
‫>"‪<TABLE CELLSPACING="10‬‬

‫يتشس‪ٜ‬س املػاؾ‪ ١‬ايؿاقً‪ ١‬بني اؿس‪ٚ‬ز ‪ٚ‬بسا‪١ٜ‬‬

‫ايٓل يف نٌ خً‪ .١ٝ‬أ‪ ٚ‬يٓكٌ‪ :‬ؼس‪ٜ‬س سذِ‬
‫‪CELLPADDING‬‬ ‫اهل‪ٛ‬اَـ ـ‪ٜ٬‬ا اؾس‪.ٍٚ‬‬

‫>"‪<TABLE CELLPADDING="10‬‬

‫يتشس‪ٜ‬س قاشا‪ ٠‬اؾس‪ ٍٚ‬أؾك‪ٝ‬اً عً‪ ٢‬ايكؿش‪١‬‬

‫مي‪ٓٝ‬اً أ‪ٜ ٚ‬ػاضاً‪ٜ ٖٛٚ .‬أخص ايك‪right, left ِٝ‬‬
‫‪ALIGN‬‬
‫‪<TABLE‬‬ ‫>"‪ALIGN="Left‬‬
‫>"‪<TABLE ALIGN="Right‬‬

‫‪ٜٚ‬ػتدسّ يتشس‪ٜ‬س ي‪ ٕٛ‬اـًؿ‪ ١ٝ‬يًذس‪ٍٚ‬‬

‫‪BGCOLOR‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

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

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

65
Data Data

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

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪66‬‬
‫‪Data‬‬ ‫‪Data‬‬

‫‪Data‬‬ ‫‪Data‬‬

‫‪Data‬‬ ‫‪Data‬‬

‫‪ْٚ‬تهًِ اٯٕ عٔ اـكا‪٥‬ل املػتدسَ‪َ ١‬ع ‪ٚ‬غ‪ ّٛ‬ايكـ <‪ ٫ٚ >/TR< ... >TR‬بأؽ َٔ‬
‫تصنرلى إٔ عسز ايكؿ‪ٛ‬ف يف اؾس‪ٜ ٍٚ‬تشسز بعسز ٖص‪ ٙ‬اي‪ٛ‬غ‪ .ّٛ‬أَا أِٖ اـكا‪٥‬ل‬
‫اييت تهاف هلصا اي‪ٛ‬غِ ؾٗ‪:ٞ‬‬

‫يتشس‪ٜ‬س قاشا‪ ٠‬ايٓل أؾك‪ٝ‬اً زاخٌ اـ‪ٜ٬‬ا اييت ‪ٜ‬ته‪ٕٛ‬‬

‫‪ALIGN‬‬ ‫َٓٗا ايكـ‪ٚ ,‬ايك‪ ِٝ‬احملتًُ‪ ١‬هلا ٖ‪Right, ٞ‬‬
‫‪ٚ Left, Center‬ايك‪ ١ُٝ‬اإلؾذلان‪Center ٖٞ ١ٝ‬‬

‫يتشس‪ٜ‬س احملاشا‪ ٠‬ايعُ‪ٛ‬ز‪ ١ٜ‬يًٓل زاخٌ خ‪ٜ٬‬ا‬

‫ايكـ‪ٚ ,‬شيو إَا يٮعً‪ ٢‬أ‪ ٚ‬يٮغؿٌ أ‪ ٚ‬يف املٓتكـ‬
‫‪VALIGN‬‬ ‫أ‪ ٚ‬عً‪ ٢‬اَتساز اـط ا٭غاغ‪ ٞ‬يًدً‪ٚ .١ٝ‬ق‪ُٗٝ‬ا عً‪٢‬‬
‫‪Top, Bottom, Middle,‬‬ ‫ايت‪ٛ‬اي‪:ٖٞ ٞ‬‬
‫‪Baseline‬‬

‫يتشس‪ٜ‬س ي‪ ٕٛ‬اـًؿ‪ ١ٝ‬يًد‪ٜ٬‬ا اييت ‪ٜ‬ته‪َٗٓ ٕٛ‬ا ايكـ‪.‬‬

‫‪BGCOLOR‬‬ ‫‪ٖٓٚ‬ا ‪ٜ‬تِ ػاٌٖ ي‪ ٕٛ‬اـًؿ‪ ١ٝ‬احملسز نُٔ ‪ٚ‬غِ‬
‫<‪ٜٚ >TABLE‬تِ تطب‪ٝ‬ل ايً‪ ٕٛ‬احملسز ٖٓا‪.‬‬

‫‪ْٚ‬ع‪ٛ‬ز اٯٕ إىل دس‪ٚ‬يٓا ايػابل يٓطبل عً‪ٖ ٘ٝ‬ص‪ ٙ‬اـكا‪٥‬ل َٔ خ‪ ٍ٬‬ا٭َجً‪ ١‬ايتاي‪:١ٝ‬‬

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

‫>"‪<TR ALIGN="Left‬‬
‫>‪<TD> Data </TD‬‬
‫>‪<TD> Data </TD‬‬
‫>‪</TR‬‬
‫>"‪<TR ALIGN="Right‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

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

Data Data

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

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

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪69‬‬ ‫>"‪<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‬‬

‫‪ٚ‬اٯٕ َاشا بك‪ ٞ‬يس‪ٜٓ‬ا؟ بايطبع بك‪ٝ‬ت اي‪ٛ‬غ‪ ّٛ‬اـاق‪ ١‬باـ‪ٜ٬‬ا‪ٚ .‬غ‪ٛ‬ف أتابع اؿس‪ٜ‬ح عٓٗا‬
‫يف ايسضؽ ايكازّ إٕ ؾا‪ ٤‬اهلل‪ .‬أضاى يف ايسضؽ ايتاي‪ ٞ‬يٓتابع اؿس‪ٜ‬ح عٔ َ‪ٛ‬ن‪ٛ‬ع‬
‫اؾسا‪.ٍٚ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪72‬‬

‫ايجأَ‬ ‫ايسضؽ‬
‫اؾسا‪)2( ٍٚ‬‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ايجأَ َٔ زض‪ٚ‬ؽ ‪ْ .HTML‬تابع َعاً يف ٖصا ايسضؽ اؿس‪ٜ‬ح‬
‫عٔ اؾسا‪ٚ .ٍٚ‬أْا أؾذلض أْو قس أْٗ‪ٝ‬ت ايسضؽ ايػابل بٓذاح‪ٚ ,‬إٔ يس‪ٜ‬و اٯٕ ؾهط‪ ٠‬د‪ٝ‬س‪٠‬‬
‫دساً عٔ اؾسا‪ٚ ٍٚ‬ن‪ٝ‬ؿ‪ ١ٝ‬إْؿا‪ٗ٥‬ا ‪ٚ‬ايتعاٌَ َع خكا‪٥‬كٗا ‪َٚ‬ع ايكؿ‪ٛ‬ف ‪ٚ‬خكا‪٥‬كٗا‪.‬‬
‫‪ْٚ‬هٌُ اٯٕ َٔ س‪ٝ‬ح ت‪ٛ‬قؿٓا‪ ,‬أ‪َ ٟ‬ع خكا‪٥‬ل اـ‪ٜ٬‬ا‪.‬‬

‫ٌٖ تصنط َا قًٓا‪ ٙ‬عٔ عسز اـ‪ٜ٬‬ا يف ايكـ اي‪ٛ‬اسس؟ إٕ عسز اـ‪ٜ٬‬ا املطً‪ٛ‬ب ‪ٜ‬تشسز َٔ‬
‫خ‪ ٍ٬‬نتاب‪ ١‬اي‪ٛ‬غ‪َ >/TD< ... >TD< ّٛ‬طات بٓؿؼ ايعسز املطً‪ٛ‬ب‪ َٔٚ .‬املُهٔ إٔ‬
‫ؼت‪ ٟٛ‬اـً‪ ١ٝ‬عً‪ ٢‬أ‪ ٟ‬عٓكط َٔ عٓاقط يػ‪ْ : HTML ١‬ك‪ٛ‬م‪ ,‬ضغ‪ ,ّٛ‬ق‪ٛ‬ا‪ٚ ,ِ٥‬ق‪٬‬ت‬
‫تؿعب‪ ,١ٝ‬بٌ ‪ٚ‬ست‪ ٢‬دسا‪ْ( .ٍٚ‬عِ‪ ,‬تػتط‪ٝ‬ع إزضاز دس‪ ٍٚ‬زاخٌ دس‪ ٍٚ‬آخط)‬

‫يٓػذلدع َعا املجاٍ ايص‪ ٟ‬قُٓا بايتسضب عً‪ ٘ٝ‬يف ايسضؽ ايػابل‪ ,‬ؾػ‪ٛ‬ف ْهٌُ ٖصا‬
‫ايسضؽ َع٘‪ ٖٛٚ .‬دس‪ ٍٚ‬قػرل َه‪ َٔ ٕٛ‬ث‪٬‬ث‪ ١‬قؿ‪ٛ‬ف ‪ٚ‬عُ‪ٛ‬ز‪( ٜٔ‬أ‪ ٟ‬خً‪ٝ‬تني يف نٌ‬
‫قـ)‪.‬‬

‫>‪<TABLE‬‬

‫>‪<TR‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪71‬‬ ‫>‪<TD> Data </TD‬‬

‫>‪<TD> Data </TD‬‬

‫>‪</TR‬‬

‫>‪<TR‬‬

‫>‪<TD> Data </TD‬‬

‫>‪<TD> Data </TD‬‬

‫>‪</TR‬‬

‫>‪<TR‬‬

‫>‪<TD> Data </TD‬‬

‫>‪<TD> Data </TD‬‬

‫>‪</TR‬‬

‫>‪</TABLE‬‬

‫أَا اـكا‪٥‬ل املػتدسَ‪َ ١‬ع اـ‪ٜ٬‬ا‪ ,‬ؾٗصا دس‪ ٍٚ‬بٗا‪:‬‬

‫ؼسز قاشا‪ ٠‬ايٓل امل‪ٛ‬د‪ٛ‬ز يف اـً‪ ١ٝ‬أؾك‪ٝ‬اً‪,‬‬

‫‪ALIGN‬‬
‫‪ٚ‬ايك‪ ِٝ‬املػتدسَ‪Left, Center, Right ٖٞ ١‬‬

‫ؼسز احملاشا‪ ٠‬ايعُ‪ٛ‬ز‪ ١ٜ‬يًٓل‪ٜ ٖٛٚ ,‬أخص ايك‪ِٝ‬‬

‫‪VALIGN‬‬
‫‪Top, Middle, Bottom, Baseline‬‬

‫ؼسز عطض اـً‪ٚ ,١ٝ‬شيو بهتاب‪ ١‬ايك‪ ١ُٝ‬املباؾط‪٠‬‬

‫يًعطض املطً‪ٛ‬ب بايب‪ٝ‬هػٌ‪ ,‬أ‪ ٚ‬بهتاب‪ ١‬ضقِ ميجٌ‬
‫‪WIDTH‬‬ ‫ايٓػب‪ ١‬امل‪ٜٚ .١ٜٛ٦‬هؿ‪ ٞ‬ؼس‪ٜ‬س ايعطض يًد‪ٜ٬‬ا يف‬
‫أسس ايكؿ‪ٛ‬ف يه‪ٜ ٞ‬تِ تطب‪ٝ‬ك٘ عً‪ ٢‬نٌ اـ‪ٜ٬‬ا يف‬
‫نٌ ايكؿ‪ٛ‬ف‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪72‬‬ ‫ؼسز اإلضتؿاع املطً‪ٛ‬ب يًدً‪ ١ٝ‬يف ايكـ‪ٚ ,‬شيو‬

‫بايططم املباؾط‪ ٠‬أ‪ ٚ‬ايٓػب‪ٚ .١ٝ‬ق‪ٝ‬اَو بتشس‪ٜ‬س‬
‫‪HEIGHT‬‬ ‫اضتؿاع إسس‪ ٣‬اـ‪ٜ٬‬ا يف ايكـ ‪٪ٜ‬ز‪ ٟ‬إىل تطب‪ٝ‬ك٘‬
‫عً‪ ٢‬نٌ اـ‪ٜ٬‬ا ؾ‪.٘ٝ‬‬

‫‪BGCOLOR‬‬ ‫ؼسز ي‪ ٕٛ‬خًؿ‪ ١ٝ‬اـً‪١ٝ‬‬

‫‪ٜ‬ك‪ ّٛ‬بسَر اـً‪ ١ٝ‬اؿاي‪َ ١ٝ‬ع ايعسز املطً‪ٛ‬ب َٔ‬

‫اـ‪ٜ٬‬ا اييت تً‪ٗٝ‬ا أؾك‪ٝ‬اً‬
‫‪COLSPAN‬‬
‫>"‪<TD COLSPAN="n‬‬

‫س‪ٝ‬ح ‪ ٖٛ n‬عسز اـ‪ٜ٬‬ا اييت غ‪ٝ‬تِ زفٗا‬

‫‪ٜ‬ك‪ ّٛ‬بسَر اـً‪ ١ٝ‬اؿاي‪َ ١ٝ‬ع ايعسز املطً‪ٛ‬ب َٔ‬

‫اـ‪ٜ٬‬ا اييت تً‪ٗٝ‬ا عُ‪ٛ‬ز‪ٜ‬اً (أ‪ ٟ‬أغؿًٗا)‪.‬‬
‫‪ROWSPAN‬‬
‫>"‪<TD ROWSPAN="n‬‬

‫‪ٚ‬بايطبع ‪ ٖٛ n‬عسز اـ‪ٜ٬‬ا اييت غ‪ٝ‬تِ زفٗا‬

‫‪ٚ‬قبٌ إٔ ْػتُط‪ٜ ,‬بس‪ ٚ‬ي‪ ٞ‬إٔ ٖٓاى بعض امل‪٬‬سعات املُٗ‪ ١‬اييت ‪ٜٓ‬بػ‪ ٞ‬شنطٖا‪:‬‬

‫نُا ت‪٬‬سغ ٖٓاى خكا‪٥‬ل تتهطض َع مج‪ٝ‬ع اي‪ٛ‬غ‪ .ّٛ‬خص َج‪ ً٬‬اـاق‪١ٝ‬‬ ‫‪‬‬

‫‪ .BGCOLOR‬ن‪ٝ‬ـ ‪ٜ‬تِ ايتعاٌَ َعٗا إشا نطضت َع مج‪ٝ‬ع اي‪ٛ‬غ‪ّٛ‬؟ بهٌ‬

‫بػاط‪ٜ ١‬تِ تطب‪ٝ‬ل ايً‪ ٕٛ‬احملسز َع ‪ٚ‬غِ اـً‪ ,١ٝ‬ؾإشا مل ‪ٜ‬هٔ قسزاً ‪ٜ‬طبل ايً‪ٕٛ‬‬
‫احملسز َع ‪ٚ‬غِ ايكـ‪ ,‬ؾإشا مل ‪ٜٛ‬دس ‪ٜ‬طبل ايً‪ ٕٛ‬احملسز َع ‪ٚ‬غِ اؾس‪.ٍٚ‬‬
‫‪ٚ‬إشا مل ‪ٜ‬هٔ ٖصا قسزاً بس‪ٚ‬ض‪ٜ ٙ‬تِ إعتُاز ي‪ ٕٛ‬خًؿ‪ ١ٝ‬ايكؿش‪ ١‬احملسز يف اي‪ٛ‬غِ‬
‫<‪.>BODY‬‬
‫امل‪٬‬سع‪ ١‬ايجاْ‪ ١ٝ‬تتعًل باـكا‪٥‬ل ‪ .WIDTH, HEIGHT‬ىتًـ أغً‪ٛ‬ب‬ ‫‪‬‬
‫ايتعاٌَ َع ٖص‪ ٙ‬اـكا‪٥‬ل َٔ َتكؿض ٯخط‪ ,‬بٌ ‪ٚ‬ؽتًـ أ‪ٜ‬هاً طط‪ٜ‬ك‪ ١‬تؿػرل ايك‪ِٝ‬‬
‫احملسز‪َ ٠‬عٗا ‪ٚ‬خك‪ٛ‬قاً ؾ‪ُٝ‬ا ‪ٜ‬تعًل بايٓػب امل‪( .١ٜٛ٦‬ضادع امل‪ٛ‬ن‪ٛ‬ع‪ :‬اي‪ٛ‬غ‪ّٛ‬‬
‫)‪.‬‬ ‫‪ٚ‬املتكؿشات‬ ‫اـاق‪١‬‬
‫‪ٚ‬بس‪ ٕٚ‬اـ‪ٛ‬ض يف تؿاق‪ٖ ٌٝ‬ص‪ ٙ‬اإلخت‪٬‬ؾات اييت ئ ت‪٪‬ز‪ ٟ‬إ‪ ٫‬إىل املع‪ٜ‬س َٔ‬
‫اإلؾها‪٫‬ت يس‪ٜ‬و‪ٚ ...‬بعس ايتذطب‪ٜ ١‬بس‪ ٚ‬إٔ أؾهٌ طط‪ٜ‬ك‪ ١‬يًتعاٌَ َع ٖص‪ٙ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪73‬‬ ‫اـكا‪٥‬ل ٖ‪ ٞ‬ق‪ٝ‬اَو بتشس‪ٜ‬س ايعطض (‪ٚ‬نصيو اإلضتؿاع إشا أضزت شيو) يًذس‪ٍٚ‬‬
‫نهٌ َٔ خ‪ ٍ٬‬اي‪ٛ‬غِ <‪ .>TABLE‬ثِ اغتدساّ ٖص‪ ٙ‬اـكا‪٥‬ل يف ‪ٚ‬غ‪ّٛ‬‬
‫اـ‪ٜ٬‬ا ‪ٚ‬ؼس‪ٜ‬س ايعطض املطً‪ٛ‬ب يهٌ خً‪ ١ٝ‬عً‪ ٢‬سس‪ ٙ‬يف ايكـ ا٭‪ٚ ,ٍٚ‬ا‪٫‬ضتؿاع‬
‫اؾس‪.ٍٚ‬‬ ‫يف‬ ‫قـ‬ ‫يهٌ‬ ‫املطً‪ٛ‬ب‬
‫‪ٖٚ‬ص‪ ٙ‬بطأ‪ ٜٞ‬أؾهٌ طط‪ٜ‬ك‪ ١‬تهُٔ بٗا أؾهٌ َؿاٖس‪ ٠‬يًذس‪ ٍٚ‬ؾُ‪ٝ‬ع ظ‪ٚ‬اض َ‪ٛ‬قعو‪.‬‬
‫‪ ‬إشا أضزت إٔ ؼت‪ ٟٛ‬بعض ايكؿ‪ٛ‬ف يف اؾس‪ ٍٚ‬عً‪ ٢‬عسز َٔ اـ‪ٜ٬‬ا أقٌ َٔ باق‪ٞ‬‬
‫ايكؿ‪ٛ‬ف‪ ,‬ؾ‪ٜ ٬‬هؿ‪ ٞ‬إٔ تك‪ ّٛ‬عصف ‪ٚ‬غ‪ ّٛ‬اـ‪ٜ٬‬ا َٓٗا‪( .‬نُا تط‪ ٣‬يف ايؿ‪ٝ‬ؿط‪٠‬‬
‫ايتاي‪):١ٝ‬‬

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

‫>‪<TR‬‬

‫>‪<TD> Data </TD‬‬

‫>‪</TR‬‬

‫>‪<TR‬‬

‫>‪<TD> Data </TD‬‬

‫>‪<TD> Data </TD‬‬

‫>‪</TR‬‬

‫>‪<TR‬‬

‫>‪<TD> Data </TD‬‬

‫>‪</TR‬‬

‫>‪</TABLE‬‬

‫٭ٕ ٖصا َا غتشكٌ عً‪:٘ٝ‬‬

‫‪Dat‬‬
‫‪a‬‬
‫‪Data Data‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪74‬‬ ‫‪Data‬‬

‫يكس بك‪َ ٞ‬هإ اـ‪ٜ٬‬ا احملص‪ٚ‬ؾ‪ ١‬قذ‪ٛ‬ظاً نُا ي‪ ٛ‬أْٗا مل ؼصف‪ .‬أَا اـ‪ٜ٬‬ا ايباق‪١ٝ‬‬
‫ؾعًت قتؿع‪ ١‬بٓؿؼ خكا‪٥‬كٗا‪ ,‬أ‪ ٟ‬أْٓا مل ْػتؿس َٔ عًُ‪ ١ٝ‬اؿصف‪ٚ .‬اؿك‪ٝ‬ك‪١‬‬
‫إٔ ايطط‪ٜ‬ك‪ ١‬املجً‪ ٢‬يصيو ٖ‪ ٞ‬إٔ تك‪ ّٛ‬بسَر اـ‪ٜ٬‬ا َعاً ‪ٚ‬شيو باغتدساّ‬
‫‪COLSPAN, ROWSPAN .‬اـكا‪٥‬ل‬

‫إشٕ يٓكِ بإعاز‪ ٠‬نتاب‪ ١‬ؾ‪ٝ‬ؿط‪ ٠‬اؾس‪َ ٍٚ‬ع اغتدساّ ٖص‪ ٙ‬اـكا‪٥‬ل‪:‬‬

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

‫>‪<TR‬‬

‫>‪<TD COLSPAN="2"> Data </TD‬‬

‫>‪</TR‬‬

‫>‪<TR‬‬

‫>‪<TD> Data </TD‬‬

‫>‪<TD> Data </TD‬‬

‫>‪</TR‬‬

‫>‪<TR‬‬

‫>‪<TD COLSPAN="2"> Data </TD‬‬

‫>‪</TR‬‬

‫>‪</TABLE‬‬

‫‪Data‬‬
‫‪Data Data‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪75‬‬ ‫‪Data‬‬

‫‪٫‬سغ إٔ ايعسز ‪ ٖٛ 2‬عسز اـ‪ٜ٬‬ا اييت قُٓا بسفٗا‪٫ٚ .‬سغ أ‪ٜ‬هاً اْين مل أقِ بإعاز‪٠‬‬
‫‪ٚ‬غ‪ ّٛ‬اـ‪ٜ٬‬ا احملص‪ٚ‬ؾ‪ ١‬٭ْٓا أق‪ ٫ ً٬‬متاز هلا بعس إٔ قُٓا بايسَر‪ٚ .‬نكاعس‪ ٠‬أغاغ‪:١ٝ‬‬
‫نٌ خً‪ٜ ١ٝ‬تِ زفٗا هب باملكابٌ سصف ‪ٚ‬غ‪ ّٛ‬ايتعط‪ٜ‬ـ اـاق‪ ١‬بٗا‪َ .‬ا عسا تعط‪ٜ‬ـ‬
‫اـً‪ ١ٝ‬ا٭غاغ‪ ١ٝ‬بايطبع‪.‬‬

‫َجاٍ آخط‪ :‬يٓكِ بسَر اـ‪ٜ٬‬ا امل‪ٛ‬د‪ٛ‬ز‪ ٠‬يف ايعُ‪ٛ‬ز ا٭‪ٍٚ‬‬

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

‫>‪<TR‬‬

‫>‪<TD ROWSPAN="3"> Data </TD‬‬

‫>‪<TD> Data </TD‬‬

‫>‪</TR‬‬

‫>‪<TR‬‬

‫>‪<TD> Data </TD‬‬

‫>‪</TR‬‬

‫>‪<TR‬‬

‫>‪<TD> Data </TD‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪76‬‬ ‫>‪</TR‬‬

‫>‪</TABLE‬‬

‫‪َٚ‬ط‪ ٠‬أخط‪ ٣‬بعس تعط‪ٜ‬ـ خاق‪ ١ٝ‬ايسَر ايعُ‪ٛ‬ز‪ ,ٟ‬قُت عصف تعط‪ٜ‬ـ اـ‪ٜ٬‬ا املسَ‪ٛ‬د‪١‬‬
‫َٔ ايكـ ايجاْ‪ٚ ٞ‬ايجايح‪ٖٚ .‬صا ٖ‪ ٛ‬اؾس‪ ٍٚ‬ايٓاتر‪.‬‬

‫‪Data‬‬
‫‪Data Data‬‬
‫‪Data‬‬

‫ٖٓاى ْ‪ٛ‬ع خام َٔ اـ‪ٜ٬‬ا اييت ‪ٜ‬تِ تعط‪ٜ‬ؿٗا باغتدساّ اي‪ٛ‬غ‪>/TH< ... >TH< ّٛ‬‬
‫اؾس‪.ٍٚ‬‬ ‫تط‪ٜٚ‬ػ‪١‬‬ ‫أ‪ٟ‬‬ ‫‪Table‬‬ ‫‪Header‬‬ ‫اختكاض‬ ‫‪ٖٞٚ‬‬
‫‪ٚ‬ايؿطم اي‪ٛ‬س‪ٝ‬س ب‪ٗٓٝ‬ا ‪ٚ‬بني <‪ ٖٛ >/TD< ... >TD‬إٔ ايٓل ايص‪ ٟ‬ؼت‪ٜ ٜ٘ٛ‬عٗط غط‬
‫أغ‪ٛ‬ز عط‪ٜ‬ض ‪ٚ‬قاشات٘ يف َٓتكـ اـً‪ ١ٝ‬بك‪ٛ‬ض‪ ٠‬إؾذلان‪( .١ٝ‬ي‪ٝ‬ؼ بايؿ‪ ٤ٞ‬املِٗ‪ ,‬نُا‬
‫أعتكس)‪ ,‬خاق‪ٚ ١‬إٔ اـكا‪٥‬ل املػتدسَ‪َ ١‬عٗا ٖ‪ْ ٞ‬ؿؼ خكا‪٥‬ل <‪ٚ >TD‬بٓؿؼ‬
‫ايتؿاق‪ ٌٝ‬اييت شنطت‪.‬‬

‫اي‪ٛ‬غ‪ ّٛ‬ا٭خرل‪ ٠‬املػتدسَ‪ ١‬يف اؾسا‪>/CAPTION< ... >CAPTION< ٖٞ ٍٚ‬‬

‫‪ ٖٞٚ‬ؽتل بإناؾ‪ ١‬عٓ‪ٛ‬إ ض‪ٝ٥‬ػ‪ ٞ‬يًذس‪ ٍٚ‬نهٌ‪ .‬يصيو ؾٗ‪ ٞ‬عٓسَا تهتب ‪ٜ‬تِ ‪ٚ‬نعٗا‬
‫َباؾط‪ ٠‬بعس اي‪ٛ‬غِ <‪ٚ >TABLE‬بك‪ٛ‬ض‪َ ٠‬ػتكً‪ٚ ١‬ي‪ٝ‬ؼ نُٔ ‪ٚ‬غ‪ ّٛ‬ايكؿ‪ٛ‬ف أ‪ ٚ‬اـ‪ٜ٬‬ا‪.‬‬

‫>"‪<TABLE BORDER="5‬‬
‫>‪<CAPTION> Table Caption </CAPTION‬‬

‫>‪<TR‬‬

‫>‪<TD> Data </TD‬‬

‫>‪<TD> Data </TD‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪77‬‬ ‫>‪</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‬‬

‫‪ٚ‬أخرلاً‪ٚ ...‬قًٓا إىل ْٗا‪ٖ ١ٜ‬ص‪ ٙ‬ايسضؽ‪َٚ .‬ا بك‪ ٞ‬يس‪ ٖٛ ٟ‬إٔ أسجـو عً‪ ٢‬تطب‪ٝ‬ل َا قُت‬
‫بؿطس٘ ؾ‪ٚ ٘ٝ‬يف ايسضؽ ايػابل ‪ٚ‬باق‪ ٞ‬ايسض‪ٚ‬ؽ‪ٚ ,‬ػطب‪ ١‬مج‪ٝ‬ع ا‪٫‬ستُا‪٫‬ت اي‪ٛ‬اضز‪٠‬‬
‫يًدكا‪٥‬ل ‪ٚ‬ايك‪ْ َٔٚ .ِٝ‬اس‪ٝ‬يت إي‪ٝ‬و ٖص‪ ٙ‬ايكؿش‪ ١‬اييت ؼت‪ ٟٛ‬عً‪ ٢‬عس‪ ٠‬ططم ‪ٚ‬أَجً‪١‬‬
‫تطب‪ٝ‬ك‪٫ ١ٝ‬غتدساّ اؾسا‪ .ٍٚ‬أ‪ ٚ‬إشا نٓت ‪ٚ‬اثكاً َٔ ق‪ ٠ٛ‬ؾُٗو يًذسا‪ ٍٚ‬قِ بايٓكط ٖٓا‬
‫يإلْتكاٍ َباؾط‪ ٠‬إىل ايسضؽ ايتاي‪.ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪78‬‬

‫ايتاغع‬ ‫ايسضؽ‬
‫اإلطاضات (‪)1‬‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ايتاغع َٔ زض‪ٚ‬ؽ ‪ .HTML‬يف ٖصا ايسضؽ ‪ٚ‬ايسضغني‬
‫ايتاي‪ٝ‬ني غ‪ٛ‬ف ْك‪ ّٛ‬بايتعطف عً‪ ٢‬اإلطاضات ‪ٚ Frames‬طط‪ٜ‬ك‪ ١‬عطض قؿشات اي‪ٜٛ‬ب‬
‫باغتدساَٗا…‬

‫ؾٌٗ تعطف َا ٖ‪ ٞ‬اإلطاضات؟ سػٓا‪ ,‬غأ‪ٚ‬نشٗا يو… ٌٖ غبل يو ‪ٚ‬إٔ ظضت إسس‪٣‬‬
‫ايكؿشات يتؿاٖس أْٗا َكػُ‪ ١‬إىل عس‪ ٠‬أقػاّ ع‪ٝ‬ح ‪ٜ‬عٗط يف نٌ َٓٗا قؿش‪١‬‬
‫َػتكً‪ٚ ,١‬تبس‪ ٚ‬بك‪ٛ‬ض‪َٓ ٠‬ؿكً‪ ١‬عٔ ا٭قػاّ ا٭خط‪ٚ .٣‬ضمبا ته‪ ٕٛ‬قس قُت بايٓكط عً‪٢‬‬
‫إسس‪ ٣‬اي‪ٛ‬ق‪٬‬ت ايتؿعب‪ ١ٝ‬امل‪ٛ‬د‪ٛ‬ز‪ ٠‬يف أسس ا٭قػاّ يتعٗط ايكؿش‪ ١‬املتعًك‪ ١‬بٗا يف‬
‫اٯخط‪.‬‬ ‫ايكػِ‬
‫إشا نٓت قس ؾاٖست َجٌ ٖص‪ ٙ‬ايكؿشات ؾٗصا ‪ٜ‬عين إٔ اإلطاضات َأي‪ٛ‬ؾ‪ ١‬يس‪ٜ‬و ‪ٚ‬إ‪ ٫‬قِ‬
‫بايٓكط ٖٓا يتؿاٖس َجا‪ ً٫‬عً‪ ٢‬قؿش‪ ١‬شات إطاضات (‪ ٫ٚ‬تٓػ‪ ٢‬ايع‪ٛ‬ز‪ ٠‬يه‪ ٞ‬تتابع ايسضؽ‬
‫َعا)‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪79‬‬ ‫نُا ؾاٖست‪ ,‬ؾإٕ ايكؿش‪َ ١‬ه‪ َٔ ١ْٛ‬ث‪٬‬ث‪ ١‬أقػاّ‪ :‬عً‪ٚ ٟٛ‬أ‪ٜ‬ػط ‪ٚ‬أمئ… ‪ٚ‬اؿك‪ٝ‬ك‪ ١‬إٔ‬
‫نٌ قػِ َٓٗا ٖ‪ ٛ‬عباض‪ ٠‬عٔ ًَـ ‪ Html‬ناٌَ ‪َٚ‬ػتكٌ عس شات٘‪ ٖٞٚ .‬فطز قؿشات‬
‫عاز‪ ٫ ١ٜ‬ؽتًـ أبساً عٔ تًو اييت تعًُت إْؿا‪ٖ٤‬ا يف ايسض‪ٚ‬ؽ ايػابك‪ ٫ٚ ,١‬ع‪٬‬ق‪ ١‬يهٌ‬
‫‪ٚ‬ايتعط‪ٜ‬ـ‪.‬‬ ‫ايذلن‪ٝ‬ب‬ ‫س‪ٝ‬ح‬ ‫َٔ‬ ‫ا٭خط‪٣‬‬ ‫بايكؿشات‬ ‫َٓٗا‬
‫أَا ن‪ٝ‬ـ مت مجعٗا َعا يتعٗط بايؿهٌ ايص‪ ٟ‬ؾاٖست٘؟ ؾٗٓا ب‪ٝ‬ت ايكك‪ٝ‬س‪ .‬ؾباإلناؾ‪١‬‬
‫إىل ايكؿشات ‪ٚ‬املًؿات اإلعت‪ٝ‬از‪ٜٛ ١ٜ‬دس زا‪ُ٥‬اً ًَـ أغاغ‪ٜ ٞ‬تِ إْؿا‪ ٙ٩‬خك‪ٝ‬كا‬
‫يتعط‪ٜ‬ـ قؿش‪ ١‬اإلطاضات ‪ٚ‬ػُ‪ٝ‬عٗا ‪ٚ‬ؼس‪ٜ‬س خكا‪٥‬كٗا‪ .‬أ‪ ٟ‬إٔ املعازي‪ ١‬تتًدل بـِ‪:‬‬

‫َه‪ْٛ‬ات قؿش‪ ١‬اإلطاضات = عسز ًَؿات ايكؿش‪ْ ١‬ؿػٗا ‪ +‬قؿش‪ ١‬املًـ ا٭غاغ‪ ٞ‬ايص‪ٟ‬‬
‫هُعٗا‪.‬‬

‫أ‪ ٟ‬أْين يف املجاٍ ايػابل إستذت ؾعً‪ٝ‬اً إىل أضبع‪ًَ ١‬ؿات يته‪ ٜٔٛ‬ايكؿش‪.١‬‬

‫‪ٚ‬قبٌ إٔ ْبسأ… يٓكِ بايتشهرل يٮَجً‪ ١‬اييت غذلز يف ٖصا ايسضؽ‪ .‬يصيو قِ بإْؿا‪ ٤‬ث‪٬‬ث‪١‬‬
‫أ‪ ٚ‬أضبع‪ًَ ١‬ؿات بػ‪ٝ‬ط‪ ١‬يه‪ ٞ‬تػتدسَٗا يف تطب‪ٝ‬ل ا٭َجً‪ ١‬أ‪ ٚ‬اغتدسّ ًَؿاتو ايكسمي‪١‬‬
‫اييت قُت بايتسضب عً‪ٗٝ‬ا يف ايسض‪ٚ‬ؽ ايػابك‪ .١‬أْا قُت بإْؿا‪ًَ ٤‬ؿات عً‪ ٢‬ايُٓط‬
‫ايتاي‪ ٖٞٚ( ٞ‬اييت اغتدسَتٗا يف املجاٍ) ‪ٚ‬أزل‪ٝ‬تٗا ‪frame1.html, frame2.html,‬‬
‫‪frame3.html‬‬

‫>‪<HTML‬‬
‫>‪<HEAD‬‬
‫>‪<TITLE>Frame1</TITLE‬‬
‫>‪</HEAD‬‬
‫>‪<BODY‬‬
‫‪Frame 1‬‬
‫>‪</BODY‬‬
‫>‪</HTML‬‬

‫‪ْٚ‬بسأ اٯٕ بتعط‪ٜ‬ـ املًـ ايط‪ٝ٥‬ػ‪ ٞ‬ايص‪ ٟ‬غ‪ٝ‬هِ ناؾ‪ ١‬اإلطاضات ‪ٚ‬املًؿات‪ٖٛٚ .‬‬
‫باملٓاغب‪ًَ ١‬ـ ش‪ ٚ‬ساي‪ ١‬خاق‪ ١‬س‪ٝ‬ح ْك‪ ّٛ‬باغتدساّ اي‪ٛ‬غ‪ّٛ‬‬

‫>‪<FRAMESET> ... </FRAMESET‬‬

‫بس‪ َٔ ً٫‬اي‪ٛ‬غ‪>/BODY< ... >BODY< ّٛ‬‬

‫((إشٕ املًـ ايط‪ٝ٥‬ػ‪ ٞ‬يإلطاضات ‪ٜ ٫‬تهُٔ تعط‪ٜ‬ؿا باغتدساّ ‪)) BODY‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪82‬‬ ‫>‪<HTML‬‬
‫>‪<HEAD‬‬
‫>‪<TITLE>Master File</TITLE‬‬
‫>‪</HEAD‬‬

‫>‪<FRAMESET‬‬
‫>‪</FRAMESET‬‬

‫>‪</HTML‬‬

‫ْأت‪ ٞ‬اٯٕ إىل اـكا‪٥‬ل‪ٚ :‬اـاق‪ ١ٝ‬ا٭‪ٚ‬ىل اييت تػتدسّ َع ٖص‪ ٙ‬اي‪ٛ‬غ‪COLS ٖٞ ّٛ‬‬
‫‪ ٖٞٚ‬تعطّف عسز ‪ٚ‬أسذاّ اإلطاضات ايعُ‪ٛ‬ز‪ ١ٜ‬يًكؿش‪ٚ .١‬تُشسز ا٭سذاّ بطط‪ٜ‬كتني (ٌٖ‬
‫عطؾتُٗا؟) ْعِ… إُْٗا ايطط‪ٜ‬ك‪ ١‬املباؾط‪ٚ ٠‬ايطط‪ٜ‬ك‪ ١‬ايٓػب‪...١ٝ‬أ‪ ٚ‬ن‪ُٖ٬‬ا َعا‪.‬‬

‫‪ٚ‬اٯٕ إي‪ٝ‬و ٖص‪ ٙ‬ا٭َجً‪ ١‬اييت ت‪ٛ‬نض َؿٗ‪ ّٛ‬ا٭عُس‪ٚ ...٠‬أيؿت ْعطى إىل إٔ ق‪ٝ‬اَو بايٓكط‬
‫عً‪ ٢‬ايؿ‪ٝ‬ؿط‪ ٠‬يهٌ َجاٍ غ‪٪ٝ‬ز‪ ٟ‬بو إىل َؿاٖس‪ٖ ٠‬صا املجاٍ بك‪ٛ‬ض‪ ٠‬عًُ‪ ١ٝ‬يهٔ إْتب٘!‬
‫ؾٗص‪ ٙ‬ايؿ‪ٝ‬ؿط‪ ٠‬غرل َهتًُ‪ٚ ١‬نتابتٗا بٗصا ايؿهٌ ؾكط ئ ‪٪ٜ‬ز‪ ٟ‬إىل أ‪ْ ٟ‬ت‪ٝ‬ذ‪ ٫ٚ ١‬إىل‬
‫ظٗ‪ٛ‬ض أ‪ ٟ‬إطاضات س‪ٝ‬ح ‪ٜٓ‬ككٗا ‪ٚ‬غ‪ ّٛ‬أخط‪ ٣‬خاق‪ ١‬مبكسض املًؿات ايعاٖط‪ ٠‬زاخٌ‬
‫اإلطاضات‪ٚ ,‬قس قُت بإنُاهلا يػطض ت‪ٛ‬ن‪ٝ‬ض ايٓت‪ٝ‬ذ‪ ١‬يو ؾكط‪ .‬يصيو أضد‪ ٛ‬إٔ تهتؿ‪ٞ‬‬
‫اٯٕ مبعا‪ ١ٜٓ‬نٌ ؾ‪ٝ‬ؿط‪ْٚ ٠‬ت‪ٝ‬ذتٗا إىل إٔ أق‪ ّٛ‬بػطز باق‪ ٞ‬اـكا‪٥‬ل املُٗ‪٫ ١‬سكاً‪.‬‬

‫‪<FRAMESET‬‬
‫وسز إطاض‪ ٜٔ‬عُ‪ٛ‬ز‪ٜ‬ني سذِ‬
‫>"‪COLS="50%,50%‬‬
‫نٌ َُٓٗا ‪ َٔ %50‬سذِ‬
‫>‪</FRAMESET‬‬ ‫ايؿاؾ‪١‬‬
‫*‬
‫‪<FRAMESET‬‬
‫وسز ث‪٬‬ث‪ ١‬إطاضات أسذاَٗا‬
‫>"‪COLS="20%,50%,30%‬‬
‫‪ %30 ٚ %50 ٚ %20‬عً‪٢‬‬
‫>‪</FRAMESET‬‬ ‫ايت‪ٛ‬اي‪ َٔ ٞ‬سذِ ايؿاؾ‪١‬‬
‫*‬
‫‪<FRAMESET‬‬ ‫وسز ث‪٬‬ث‪ ١‬إطاضات عُ‪ٛ‬ز‪١ٜ‬‬
‫>"*‪COLS="200,300,‬‬ ‫ا٭‪ ٍٚ‬سذُ٘ ‪ 200‬ب‪ٝ‬هػٌ‪,‬‬
‫>‪</FRAMESET‬‬ ‫ب‪ٝ‬هػٌ‪,‬‬ ‫‪300‬‬ ‫‪ٚ‬ايجاْ‪ٞ‬‬
‫*‬ ‫أَا ايجايح * أ‪ ٟ‬اْ٘ غرل قسز‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪81‬‬ ‫عذِ َعني ‪ٚ‬يهٓ٘ غ‪ٝ‬ه‪ٕٛ‬‬

‫باؿذِ املتبك‪ َٔ ٞ‬ايؿاؾ‪١‬‬
‫(طاملا أْٓا ‪ْ ٫‬عطف اغتباْ‪١‬‬
‫ايؿاؾ‪ ١‬اييت ‪ٜ‬ػتدسَٗا ظا‪٥‬ط‬
‫امل‪ٛ‬قع)‬
‫وسز أضبع‪ ١‬إطاضات سذِ‬
‫ا٭‪ 200 ٖٛ ٍٚ‬ب‪ٝ‬هػٌ‪,‬‬
‫‪<FRAMESET‬‬
‫‪ٚ‬ايجايح ‪ َٔ %15‬سذِ‬
‫>"‪COLS="200,*,15%,20%‬‬
‫ايؿاؾ‪ٚ ,١‬ايطابع ‪َٔ %20‬‬
‫>‪</FRAMESET‬‬
‫سذِ ايؿاؾ‪ ١‬أَا ايجاْ‪ٞ‬‬
‫*‬ ‫ؾػ‪ٝ‬ه‪ ٕٛ‬سذُ٘ مبا تبك‪َٔ ٢‬‬
‫ايؿاؾ‪.١‬‬
‫وسز ث‪٬‬ث‪ ١‬إطاضات ا٭‪ٍٚ‬‬
‫‪<FRAMESET‬‬
‫سذُ٘ ‪ 150‬ب‪ٝ‬هػٌ‪ ....‬أَا‬
‫>"*‪COLS="150,*,2‬‬ ‫املػاس‪ ١‬املتبك‪ ١ٝ‬ؾتكػِ‬
‫>‪</FRAMESET‬‬ ‫عً‪ ٢‬أغاؽ إٔ اإلطاض ايجايح‬
‫سذُ٘ ٖ‪ ٛ‬نعؿ‪)2*( ٞ‬‬
‫*‬ ‫سذِ اإلطاض ايجاْ‪)*( ٞ‬‬

‫أَا اـاق‪ ١ٝ‬ايجاْ‪ ١ٝ‬ؾٗ‪ٚ ROWS ٞ‬أعتكس أْو اغتٓذت طب‪ٝ‬ع‪ ١‬عًُٗا‪ْ .‬عِ ٖ‪ ٞ‬ؼسز‬
‫عسز ‪ٚ‬سذِ اإلطاضات ا٭ؾك‪( ١ٝ‬ايكؿ‪ٛ‬ف) زاخٌ ايكؿش‪ٚ .١‬شيو بٓؿؼ ا٭غً‪ٛ‬ب املتبع َع‬
‫ا٭عُس‪ ,٠‬أ‪ ٟ‬إَا باغتدساّ ايطط‪ٜ‬ك‪ ١‬ايٓػب‪ ١ٝ‬أ‪ ٚ‬املطًك‪ٚ .١‬غأق‪ ّٛ‬بػطز بعض ا٭َجً‪١‬‬
‫يت‪ٛ‬ن‪ٝ‬شٗا (‪ٚ‬أشنطى ثاْ‪ ١ٝ‬إٔ ٖص‪ ٙ‬ا٭َجً‪ ١‬غرل َهتًُ‪:)١‬‬

‫‪<FRAMESET‬‬
‫وسز إطاض‪ ٜٔ‬أؾك‪ٝ‬ني اضتؿاع‬
‫>"‪ROWS="50%,50%‬‬
‫نٌ َُٓٗا ‪ َٔ %50‬اضتؿاع‬
‫>‪</FRAMESET‬‬ ‫ايؿاؾ‪١‬‬
‫*‬
‫‪<FRAMESET‬‬
‫وسز ث‪٬‬ث‪ ١‬إطاضات أؾك‪١ٝ‬‬
‫>"‪ROWS="20%,50%,30%‬‬
‫اضتؿاعاتٗا ‪%30 ٚ %50 ٚ %20‬‬
‫>‪</FRAMESET‬‬ ‫عً‪ ٢‬ايت‪ٛ‬اي‪ َٔ ٞ‬اضتؿاع ايؿاؾ‪١‬‬
‫*‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪82‬‬ ‫‪<FRAMESET‬‬ ‫وسز ث‪٬‬ث‪ ١‬إطاضات أؾك‪ ١ٝ‬ا٭‪ٍٚ‬‬

‫>"*‪ROWS="50,120,‬‬ ‫اضتؿاع٘ ‪ 50‬ب‪ٝ‬هػٌ‪ٚ ,‬ايجاْ‪ٞ‬‬
‫>‪</FRAMESET‬‬ ‫‪ 120‬ب‪ٝ‬هػٌ‪ٚ ,‬ايجايح غ‪ٝ‬ه‪ٕٛ‬‬
‫*‬ ‫باإلضتؿاع املتبك‪ َٔ ٞ‬ايؿاؾ‪١‬‬
‫وسز أضبع‪ ١‬إطاضات أؾك‪١ٝ‬‬
‫اضتؿاع ا٭‪ 50 ٖٛ ٍٚ‬ب‪ٝ‬هػٌ‪,‬‬
‫‪<FRAMESET‬‬
‫‪ٚ‬ايجايح ‪ َٔ %15‬اضتؿاع‬
‫>"‪ROWS="50,*,15%,20%‬‬
‫ايؿاؾ‪ٚ ,١‬ايطابع ‪َٔ %20‬‬
‫>‪</FRAMESET‬‬
‫اضتؿاع ايؿاؾ‪ ١‬أَا ايجاْ‪ٞ‬‬
‫*‬ ‫ؾػ‪ٝ‬ه‪ ٕٛ‬اضتؿاع٘ مبا تبك‪َٔ ٢‬‬
‫اضتؿاع ايؿاؾ‪.١‬‬
‫‪<FRAMESET‬‬
‫>"*‪COLS="*,2‬‬ ‫وسز إطاض‪ ٜٔ‬ايجاْ‪ ٞ‬اضتؿاع٘‬
‫>‪</FRAMESET‬‬ ‫نعؿ‪ ٞ‬اضتؿاع ا٭‪ٍٚ‬‬
‫*‬

‫مل ْٓت٘ بعس َٔ شنط نٌ اـكا‪٥‬ل املتعًك‪ ١‬باي‪ٛ‬غ‪ >FRAMESET< ّٛ‬ؾ‪ ٬‬ظاٍ ٖٓاى‬
‫ايهجرل‪ٚ .‬يهٔ َٔ ايهط‪ٚ‬ض‪ ٟ‬إٔ ْك‪ ّٛ‬اٯٕ باإلْتكاٍ إىل ‪ٚ‬غِ آخط يإلطاضات ٭ْ٘ َطتبط‬
‫إضتباطاً ‪ٚ‬ث‪ٝ‬كاً باي‪ٛ‬غ‪ ّٛ‬ايػابك‪ٚ ١‬خكا‪٥‬كٗا املصن‪ٛ‬ض‪ ٠‬أع‪ >FRAME< ٖٞٚ ,ٙ٬‬ؾُا ٖ‪ٛ‬‬
‫عٌُ ٖصا اي‪ٛ‬غِ؟‬

‫سػٓا‪ ,‬نٌ َا قُٓا ب٘ ست‪ ٢‬اٯٕ ٖ‪ ٛ‬تعط‪ٜ‬ـ فُ‪ٛ‬ع‪ َٔ ١‬اإلطاضات ‪ٚ‬خكا‪٥‬كٗا (ؾكط‬
‫تعط‪ٜ‬ـ اإلطاضات) يهٔ مل مسز َاٖ‪ٖ ١ٝ‬ص‪ ٙ‬اإلطاضات ‪ ٫ٚ‬قت‪ٜٛ‬اتٗا ‪َ ٫ٚ‬كازضٖا‪ .‬متاَا‬
‫نُا ْك‪ ّٛ‬بتعط‪ٜ‬ـ قؿشات اي‪ٜٛ‬ب اإلعت‪ٝ‬از‪ٚ ١ٜ‬خكا‪٥‬كٗا يف اي‪ٛ‬غِ <‪ >BODY‬ز‪ ٕٚ‬إٔ‬
‫‪ٜ‬عين شيو ؼس‪ٜ‬س قت‪ٜٛ‬ات ٖص‪ ٙ‬ايكؿشات‪ .‬ؾإشا أضزْا ؾ‪ُٝ‬ا بعس إزضاز ق‪ٛ‬ض‪َ ٠‬ج‪ً٬‬‬
‫ْػتدسّ اي‪ٛ‬غِ اـام بصيو ‪>"IMG SRC="imagname.ext< ٖٛٚ‬‬

‫‪ٚ‬يف ساي‪ ١‬اإلطاضات ؾإْٓا ْػتدسّ اي‪ٛ‬غِ <‪ٚ ٖٛٚ >FRAME‬غِ َؿطز أ‪ ٟ‬ي‪ٝ‬ؼ ي٘‬
‫‪ٚ‬غِ ْٗا‪ ١ٜ‬متاَاً َجٌ <‪ٚ .>IMG‬ؾ‪ْ ٘ٝ‬ك‪ ّٛ‬بتشس‪ٜ‬س َكسض ‪ٚ‬خكا‪٥‬ل نٌ ًَـ ْط‪ٜ‬س‬
‫إظٗاض‪ ٙ‬زاخٌ أسس اإلطاضات‪ٜٚ .‬تِ اغتدساّ ٖصا اي‪ٛ‬غِ َطات بٓؿؼ عسز اإلطاضات‬
‫املصن‪ٛ‬ض‪ ٠‬زاخٌ <‪ٚ .>FRAMESET‬غ‪ٛ‬ف أق‪َ ّٛ‬باؾط‪ ٠‬باغتدساّ اـاق‪SRC ١ٝ‬‬
‫يتشس‪ٜ‬س َكسض املًـ‪.‬‬

‫زعٓا ْك‪ ّٛ‬اٯٕ بإمتاّ ايؿ‪ٝ‬ؿط‪ ٠‬يبعض ا٭َجً‪ ١‬املصن‪ٛ‬ض‪ ٠‬أع‪ْٚ .ٙ٬‬بسأ باملجاٍ ا٭‪:ٍٚ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

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

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪84‬‬ ‫‪ٚ‬باإلناؾ‪ ١‬إىل َا شنط‪ْ ,‬ػتط‪ٝ‬ع إزضاز ق‪ٛ‬ض‪َ ٠‬باؾط‪ ً٠‬زاخٌ اإلطاض ‪ٚ‬باغتدساّ‬
‫<‪ >FRAME SRC‬متاَاً نُا ْسضدٗا باغتدساّ <‪ٚ >IMG SRC‬إي‪ٝ‬و ٖصا املجاٍ‪:‬‬

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

‫‪ٚ‬اٯٕ ملاشا ‪ْ ٫‬كِ َعاً مبطادع‪ ١‬ا٭ؾهاض ا٭غاغ‪ ١ٝ‬ايػابك‪ ١‬ايصنط ‪ٚ‬تًد‪ٝ‬كٗا؟ ‪ٖٚ‬ص‪-:ٖٞ ٙ‬‬

‫إلزضاز قؿش‪ ١‬إطاضات متاز إىل ًَـ ض‪ٝ٥‬ػ‪ٜ ٞ‬عتدل مبجاب‪١‬‬ ‫‪‬‬
‫اي‪ٛ‬عا‪ ٤‬ايص‪ ٟ‬غ‪ٝ‬هِ ٖص‪ ٙ‬اإلطاضات‪.‬‬
‫املًـ ايط‪ٝ٥‬ػ‪ًَ ٖٛ ٞ‬ـ ‪ HTML‬إعت‪ٝ‬از‪ ٟ‬غرل أْٓا ْهتب‬ ‫‪‬‬

‫اي‪ٛ‬غ‪ >/FRAMESET<... >FRAMESET< ّٛ‬بس‪َٔ ً٫‬‬

‫<‪ٚ .>BODY/<... >BODY‬بايتاي‪ ٞ‬ؾٗ‪ ٛ‬وت‪ ٟٛ‬عً‪٢‬‬
‫اـكا‪٥‬ل اييت ْط‪ٜ‬سٖا يإلطاضات ‪ٚ‬تعط‪ٜ‬ؿاتٗا‪.‬‬
‫ْػتدسّ اـكا‪٥‬ل ‪ COLS, ROWS‬يتشس‪ٜ‬س عسز اإلطاضات‬ ‫‪‬‬
‫(قؿ‪ٛ‬ؾاً ناْت أ‪ ٚ‬أعُس‪ٚ )٠‬أسذاَٗا‪.‬‬
‫املًؿات ايؿطع‪ ١ٝ‬اييت تعٗط نُٔ اإلطاضات ٖ‪ًَ ٞ‬ؿات عاز‪١ٜ‬‬ ‫‪‬‬
‫ناييت قُٓا بإْؿا‪ٗ٥‬ا يف ايسض‪ٚ‬ؽ ايػابك‪ ١‬أ‪ ٚ‬ق‪ٛ‬ضاً‪ ٫ٚ .‬ؼت‪ٟٛ‬‬
‫عً‪ ٢‬أ‪ ٟ‬تٓػ‪ٝ‬ل أ‪ٚ ٚ‬غ‪ ّٛ‬خاق‪.١‬‬
‫ْػتدسّ اي‪ٛ‬غِ <‪ >FRAME‬زاخٌ املًـ ايط‪ٝ٥‬ػ‪ ٞ‬ملٓازا‪٠‬‬ ‫‪‬‬

‫املًؿات ايؿطع‪ ١ٝ‬زاخٌ اإلطاضات‪ٚ ,‬شيو َع اـاق‪.SRC ١ٝ‬‬

‫باإلناؾ‪ ١‬إىل اغتدساَ٘ يتشس‪ٜ‬س باق‪ ٞ‬اـكا‪٥‬ل ‪.‬‬

‫نُا ْػتط‪ٝ‬ع متج‪ٖٝ ٌٝ‬هً‪ ١ٝ‬اإلطاضات َٔ خ‪ ٍ٬‬ايؿهٌ ايتاي‪:ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪85‬‬

‫‪...‬‬ ‫إشٕ‬ ‫يٓتابع‬ ‫ايٓكاط؟‬ ‫هلص‪ٙ‬‬ ‫ؾُٗو‬ ‫َٔ‬ ‫تأنست‬ ‫ٌٖ‬

‫ست‪ ٢‬اٯٕ قُٓا بتكػ‪ ِٝ‬ايكؿش‪ ١‬إَا إلطاضات أؾك‪ ١ٝ‬أ‪ ٚ‬إلطاضات عُ‪ٛ‬ز‪ .١ٜ‬يهٔ متاز‬
‫ملعطؾ‪ ١‬ن‪ٝ‬ؿ‪ ١ٝ‬إزضاز ن‪ُٖ٬‬ا يف ايكؿش‪ .١‬نُا يف ا٭َجً‪ ١‬ايتاي‪:١ٝ‬‬

‫قؿش‪َ ١‬ه‪ َٔ ١ْٛ‬قؿني‪ ,‬ايجاْ‪َُٗٓ ٞ‬ا َكػِ بس‪ٚ‬ض‪ ٙ‬إىل عُ‪ٛ‬ز‪* ٜٔ‬‬ ‫‪‬‬

‫قؿش‪َ ١‬ه‪ َٔ ١ْٛ‬عُ‪ٛ‬ز‪ ,ٜٔ‬ايجاْ‪َُٗٓ ٞ‬ا َكػِ بس‪ٚ‬ض‪ ٙ‬إىل قؿني *‬ ‫‪‬‬

‫ا٭‪:ٍٚ‬‬ ‫باملجاٍ‬ ‫يٓبسأ‬

‫مبا إٔ ايكؿش‪ ١‬ؼت‪ ٟٛ‬عً‪ ٢‬قؿني ْك‪ ّٛ‬بتعط‪ٜ‬ؿُٗا أ‪ ً٫ٚ‬سػب اإلضتؿاعات املطغ‪ٛ‬ب بٗا‪:‬‬

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

‫يهٔ ايكـ ايجاْ‪َ ٞ‬كػِ إىل عُ‪ٛ‬ز‪ٖٓٚ ٜٔ‬ا ‪ٜ‬عتدل مبؿٗ‪ ّٛ‬يػ‪ٚ HTML ١‬نأْ٘ قؿش‪١‬‬
‫إطاضات دس‪ٜ‬س‪ ٠‬يصيو ‪ ٫‬متاز يتعط‪ٜ‬ؿ٘ نكـ ‪ٚ‬بس‪ َٔ ً٫‬شيو ْعا‪ٚ‬ز اغتدساّ تعط‪ٜ‬ـ‬
‫ايكؿشات! أ‪َ >FRAMESET< ٟ‬ط‪ ٠‬أخط‪.٣‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪86‬‬ ‫>"*‪<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,*,100‬‬
‫>"‪<FRAME SRC="frame1.html‬‬
‫>"‪<FRAME SRC="frame2.html‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪87‬‬ ‫>"‪<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‬‬

‫‪ٚ‬قًٓا اٯٕ إىل ْٗا‪ٖ ١ٜ‬صا ايسضؽ‪ٚ .‬قس قُٓا ؾ‪ ٘ٝ‬مبٓاقؿ‪ ١‬أغاغ‪ٝ‬ات إزضاز اإلطاضات‪,‬‬
‫‪ٚ‬يهٔ بك‪ٖٓ ٢‬اى ايهجرل ي‪ٝ‬كاٍ يف ٖصا اجملاٍ‪َ ٖٛٚ .‬ا غٓهًُ٘ يف ايسضغني ايكازَني!‬
‫أضاى عً‪ ٢‬خرل يف ايسضؽ ايتاي‪.ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪88‬‬

‫ايعاؾط‬ ‫ايسضؽ‬
‫اإلطاضات (‪)2‬‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ايعاؾط َٔ زض‪ٚ‬ؽ ‪ٚ .HTML‬ايص‪ ٫ ٟ‬ظيٓا ْٓاقـ َ‪ٛ‬ن‪ٛ‬ع‬
‫اإلطاضات ؾ‪ .٘ٝ‬يكس تعطؾت يف ايسضؽ ايػابل عً‪ ٢‬ا٭غاغ‪ٝ‬ات يف ٖصا امل‪ٛ‬ن‪ٛ‬ع‪,‬‬
‫‪ٚ‬تعًُت ن‪ٝ‬ؿ‪ ١ٝ‬إْؿا‪ ٤‬قؿش‪ٜٚ ١‬ب باغتدساّ َبسأ اإلطاضات‪ْٚ .‬تابع َعاً ايتعطف عً‪٢‬‬
‫باق‪ ٞ‬اـكا‪٥‬ل ‪ٚ‬ايتشس‪ٜ‬سات املتعًك‪ ١‬بٗا‪.‬‬

‫بسا‪ ,١ٜ‬أدس َٔ ايهط‪ٚ‬ض‪ ٟ‬إٔ أشنطى باي‪ٛ‬زلني ا٭غاغ‪ٝ‬ني يإلطاضات ‪ٚ‬ايًص‪ْ ٜٔ‬سضدُٗا يف‬
‫املًـ ا٭غاغ‪ُٖٚ ,ٞ‬ا <‪ٚ >FRAMESET‬ايص‪ٜٛ ٟ‬نع بس‪ٜٚ >BODY< َٔ ً٫‬ؿهٌٍ‬
‫اي‪ٛ‬غِ ا٭غاغ‪ ٞ‬يتشس‪ٜ‬س فُ‪ٛ‬ع‪ ١‬اإلطاضات يف ايكؿش‪ٚ ١‬خكا‪٥‬ل ٖص‪ ٙ‬اجملُ‪ٛ‬ع‪١‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪89‬‬ ‫نهٌ‪ >FRAME< ٚ .‬ايص‪ٜٛ ٟ‬نع زاخٌ ْطام اي‪ٛ‬غِ ايػابل ‪ٜٚ‬عطّف املًـ املكسض‬
‫يهٌ إطاض ‪ٚ‬وسز خكا‪٥‬ك٘‪ َٔٚ .‬املِٗ دساُ إٔ من‪ٝ‬ع بني اـكا‪٥‬ل املتعًك‪ ١‬بهٌ ‪ٚ‬غِ‬
‫‪ٚ‬إٔ ‪ ٫‬نًط ب‪ُٗٓٝ‬ا‪.‬‬

‫‪ٚ‬عٓس اؿس‪ٜ‬ح عٔ اإلطاضات غ‪ٛ‬ف ْ‪ٛ‬اد٘ تًو املؿهً‪ ١‬ايعت‪ٝ‬س‪ ٠‬اييت ت‪٪‬ضم زا‪ُ٥‬اً َكُُ‪ٞ‬‬
‫قؿشات اي‪ٜٛ‬ب‪ ,‬أ‪َ ٖٞٚ ٫‬ػأي‪ ١‬ت‪ٛ‬اؾل اي‪ٛ‬غ‪ٚ ّٛ‬اـكا‪٥‬ل َع املتكؿشات املدتًؿ‪١‬‬
‫(‪ٚ‬اييت قُت بت‪ٛ‬ن‪ٝ‬شٗا ٖٓا)‪ .‬ؾُج‪ ً٬‬يس‪ٜٓ‬ا أضبع خكا‪٥‬ل يً‪ٛ‬غِ <‪ , >FRAMESET‬يهٔ‬
‫‪ٚ‬اسس‪َٗٓ ٠‬ا ؾكط تعٌُ َع ن‪ ٬‬املتكؿشني ايط‪ٝ٥‬ػ‪ٝ‬ني ‪.Netscape, MS Explorer‬‬
‫‪ٚ‬نُا إعتسْا غ‪ٛ‬ف ئ أضنع عً‪ٖ ٢‬ص‪ ٙ‬اـكا‪٥‬ل ‪ ,‬يهٔ عً‪ ٢‬ا٭قٌ غأنتؿ‪ ٞ‬بصنطٖا ‪ٚ‬شنط‬
‫عًُٗا ‪ٚ‬أتطى يو سط‪ ١ٜ‬ػطبتٗا إٕ أضزت‪.‬‬

‫أ‪ٚ‬ىل ٖص‪ ٙ‬اـكا‪٥‬ل ٖ‪ ٖٞٚ FRAMEBORDER ٞ‬تك‪ ّٛ‬بتشس‪ٜ‬س ظٗ‪ٛ‬ض أ‪ ٚ‬عسّ‬

‫ظٗ‪ٛ‬ض اؿس‪ٚ‬ز س‪ ٍٛ‬اإلطاضات ‪ٚ‬تأخص ايك‪ 1 ِٝ‬يًعٗ‪ٛ‬ض‪ 0ٚ ,‬يعسّ ايعٗ‪ٛ‬ض‪ٖٚ .‬صا َجاٍ‬
‫عً‪ٗٝ‬ا‪:‬‬

‫>"‪<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‬ؼسز زلو اؿس‪ٚ‬ز ايعاٖط‪ ٠‬س‪ ٍٛ‬اإلطاضات ‪ ٖٞٚ‬تأخص ق‪ُٝ‬اً‬ ‫‪‬‬

‫بايب‪ٝ‬هػٌ‪ٚ )BORDER="n"( .‬تعٌُ ؾكط َع ‪Netscape‬‬

‫يًشس‪ٚ‬ز‬ ‫ي‪ٕٛ‬‬ ‫إلناؾ‪١‬‬ ‫‪:BORDERCOLOR‬‬ ‫‪‬‬

‫("‪ٚ )BORDERCOLOR="rrggbb‬تعٌُ َع ‪ Netscape‬أ‪ٜ‬هاً‪.‬‬

‫‪ :FRAMESPACING‬يتشس‪ٜ‬س َػاؾات ؾاضغ‪ ١‬إناؾ‪ ١ٝ‬س‪ ٍٛ‬اإلطاضات ‪ٚ‬تأخص‬ ‫‪‬‬

‫ق‪ُٝ‬اً بايب‪ٝ‬هػٌ ("‪ ٖٞٚ )FRAMESPACING="n‬تعٌُ َع ‪.MS Explorer‬‬

‫أَا اـكا‪٥‬ل املػتدسَ‪َ ١‬ع اي‪ٛ‬غِ <‪ >FRAME‬ؾٗ‪ ٞ‬نايتاي‪:ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪92‬‬ ‫‪ :MARGINHEIGHT‬ؼسز َكساض املػاؾ‪ ١‬ايؿاضغ‪ ١‬املذل‪ٚ‬ن‪ ١‬يًٗ‪ٛ‬اَـ‬ ‫‪‬‬

‫ايعً‪ٚ ١ٜٛ‬ايػؿً‪ ١ٝ‬يإلطاض (بايب‪ٝ‬هػٌ)‪.‬‬

‫"‪MARGINHEIGHT="n‬‬

‫‪ :MARGINWIDTH‬ؼسز َكساض املػاؾ‪ ١‬ايؿاضغ‪ ١‬املذل‪ٚ‬ن‪ ١‬يًٗ‪ٛ‬اَـ‬ ‫‪‬‬

‫اي‪ٚ ٢ُٓٝ‬اي‪ٝ‬ػط‪ ٣‬يإلطاض (بايب‪ٝ‬هػٌ)‪.‬‬

‫"‪MARGINWIDTH="n‬‬

‫‪ :SCROLLING‬ؼسز إَهاْ‪ ١ٝ‬ظٗ‪ٛ‬ض أ‪ ٚ‬عسّ ظٗ‪ٛ‬ض أؾطط‪ ١‬ايتكؿض ا٭ؾك‪١ٝ‬‬ ‫‪‬‬

‫‪ٚ‬ايعُ‪ٛ‬ز‪ ١ٜ‬عً‪ ٢‬د‪ٛ‬اْب أ‪ ٚ‬أغؿٌ اإلطاض‪ٚ .‬تأخص ايك‪ yes ِٝ‬يًعٗ‪ٛ‬ض‪ no .‬يعسّ‬
‫ايعٗ‪ٛ‬ض‪ auto ٚ .‬اييت ؼسز ظٗ‪ٛ‬ض ا٭ؾطط‪ ١‬أ‪ ٚ‬عسَ٘ تًكا‪ًٝ٥‬ا عػب اؿاد‪ ١‬إي‪ٗٝ‬ا‪.‬‬
‫متاَاً نُا وسخ يف َععِ تطب‪ٝ‬كات ‪Windows‬‬

‫"‪SCROLLING="yes‬‬
‫"‪SCROLLING="no‬‬
‫"‪SCROLLING="auto‬‬

‫‪ NORESIZE‬عٓس إناؾ‪ٖ ١‬ص‪ ٙ‬اـاق‪ٜ ١ٝ‬تِ َٓع عًُ‪ ١ٝ‬ايتشهِ عذِ اإلطاض‬ ‫‪‬‬
‫بايتكػرل أ‪ ٚ‬ايتهبرل َٔ خ‪ ٍ٬‬ايػشب ‪ٚ‬اإلؾ‪٬‬ت‪ ٫ ٖٞٚ .‬تأخص أ‪ ٟ‬ق‪.ِٝ‬‬

‫‪ٚ‬يت‪ٛ‬ن‪ٝ‬ض َبسأ عٌُ ٖص‪ ٙ‬اـكا‪٥‬ل إي‪ٝ‬و ٖص‪ ٙ‬ا٭َجً‪( ,١‬غأق‪ ّٛ‬باغتدساّ املًـ ايط‪ٝ٥‬ػ‪ٞ‬‬
‫ايص‪ ٟ‬أزضدت ؾ‪ ٘ٝ‬ايك‪ٛ‬ض‪ ٠‬يف ايسضؽ ايػابل‪ ,‬ؾٗ‪ ٛ‬أؾهٌ َجاٍ يت‪ٛ‬ن‪ٝ‬شٗا)‪ٚ .‬يه‪ ٞ‬أشنطى‬
‫ب٘ ضدا‪ ً٤‬أْكط ٖٓا‪ٚ .‬قِ بتؿشك٘ ‪ٚ‬ايتسق‪ٝ‬ل يف تؿاق‪ ً٘ٝ‬يه‪ ٞ‬تكاضْٗا مبا غ‪ٓٝ‬تر عٔ ا٭َجً‪١‬‬
‫ايتاي‪ ,١ٝ‬نصيو سا‪ ٍٚ‬ايك‪ٝ‬اّ بتهبرل اإلطاض أ‪ ٚ‬تكػرل‪ ٙ‬ب‪ٛ‬نع امل‪٪‬ؾط عً‪ ٢‬اؿس ثِ اغتدساّ‬
‫ايػشب ‪ٚ‬اإلؾ‪٬‬ت باإلػا‪ ٙ‬املطً‪ٛ‬ب‪ٚ .‬شيو يه‪ ٞ‬تػتط‪ٝ‬ع مت‪ٝٝ‬ع عٌُ اـاق‪١ٝ‬‬
‫‪NORESIZE‬‬

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

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

91

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

FRAMEBORDER, FRAMESPACING, BORDER, ‫ل‬٥‫نصيو ٖٓاى اـكا‬

‫ٌ اييت شنطت َع‬ٝ‫بٓؿؼ ايتؿاق‬ٚ ِ‫غ‬ٛ‫ اييت تػتدسّ َع ٖصا اي‬BORDERCOLOR
١‫ع‬ُٛ‫ؼ ف‬ٝ‫ي‬ٚ ٙ‫سس‬ٚ ‫ل اإلطاض‬٥‫ يهٓٗا بايطبع ؼسز خكا‬.>FRAMESET<
.‫ٕ غرلٖا‬ٚ‫ ز‬١ٓٝ‫ َتكؿشات َع‬٢ً‫ تعٌُ ع‬ٖٞٚ .١‫اإلطاضات نهٌ يف ايكؿش‬

‫ اييت ؼسز‬ٞٗ‫ ؾ‬,ِ‫غ‬ٛ‫ هلصا اي‬١ٝ‫اييت تعتدل أِٖ خاق‬ٚ NAME ١ٝ‫ٓا اـاق‬ٜ‫ يس‬ٞ‫بك‬
ٕ‫ب عطنٗا يصيو ؾكس ؾهًت أ‬ًٛ‫أغ‬ٚ ‫ايكؿشات‬ٚ ‫ل ايعٌُ بني اإلطاضات‬ٝ‫ تٓػ‬١‫ك‬ٜ‫طط‬

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪92‬‬ ‫أؾطز هلا َ‪ٛ‬ن‪ٛ‬عاً خاقاً ‪ٚ‬بك‪ٛ‬ض‪َ ٠‬ػتكً‪ ١‬عٔ باق‪ ٞ‬اـكا‪٥‬ل‪ٚ ,‬شيو يف ايسضؽ ايتاي‪ ٞ‬إٕ‬
‫ؾا‪ ٤‬اهلل‪.‬‬

‫ٖٓاى ‪ٚ‬غِ ثايح ‪ٜ‬تعًل باإلطاضات‪ٜٚ ,‬تِ إزضاد٘ زاخٌ املًـ ايط‪ٝ٥‬ػ‪ٚ ٞ‬عاز‪ ٠‬يف ايٓٗا‪١ٜ‬‬
‫‪:ٖٛٚ‬‬

‫>‪<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‬‬
‫أنتب قؿشتو‬
‫بايك‪ٛ‬ض‪٠‬‬
‫اإلعت‪ٝ‬از‪ٖٓ ١ٜ‬ا‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪93‬‬ ‫>‪</BODY‬‬
‫>‪</NOFRAMES‬‬

‫>‪</HTML‬‬

‫أَا إشا نٓت َكطاً عً‪ ٢‬إطاضاتو ‪ ٫ٚ‬تط‪ٜ‬س إْؿا‪ْ ٤‬ػد‪ ١‬أخط‪ ٣‬يًُ‪ٛ‬قع بس‪ْٗٚ‬ا‪ ,‬ؾًِ ‪ ٫‬تهتب‬
‫َ‪٬‬سع‪ ١‬بػ‪ٝ‬ط‪ ١‬نُٔ ٖصا اي‪ٛ‬غِ ؽدل ؾ‪ٗٝ‬ا ظا‪٥‬طى بإٔ امل‪ٛ‬قع وت‪ ٟٛ‬عً‪ٖ ٢‬ص‪ٙ‬‬
‫اإلطاضات ‪ٚ‬أْ٘ وتاز إىل َتكؿض َٓاغب (عً‪ ٢‬ا٭قٌ يه‪ ٞ‬ؽؿـ عٓ٘ ايكسَ‪!!)١‬‬

‫‪َٚ‬اشا بعس‪...‬؟ مل ‪ٜ‬بل أ‪ ٟ‬ؾ‪ ٤ٞ‬ي‪ٝ‬صنط يف ٖصا ايسضؽ ؾكس قُٓا مبٓاقؿ‪ ١‬مج‪ٝ‬ع‬
‫خكا‪٥‬ل اإلطاضات عسا اـاق‪َ .NAME ١ٝ‬ا ضأ‪ٜ‬و ي‪ ٛ‬قُٓا بايتسضب عً‪ ٢‬إْؿا‪ْ ٤‬ػد‪َٔ ١‬‬
‫ٖصا امل‪ٛ‬قع باغتدساّ اإلطاضات يف ايسضؽ ايتاي‪ٞ‬؟ ؾهط يف ٖصا امل‪ٛ‬ن‪ٛ‬ع ‪ٚ‬ؽ‪ٌّٝ‬‬
‫تكُ‪ُٝ‬اً َع‪ٓٝ‬اً ؼب إٔ تطا‪ ٙ‬يف ٖصا امل‪ٛ‬قع (أ‪ ٚ‬با٭سط‪ ٣‬ؼب إٔ تط‪ ٣‬امل‪ٛ‬قع ؾ‪ٚ .)٘ٝ‬قِ‬
‫بتذٗ‪ٝ‬ع املًؿات اـاق‪ ١‬بصيو يتكاضْٗا َع املًؿات ‪ٚ‬ا٭َجً‪ ١‬اييت غأ‪ٚ‬ضزٖا‪ .‬أضاى عً‪٢‬‬
‫خرل يف ايسضؽ ايتاي‪ٞ‬‬

‫عؿط‬ ‫اؿاز‪ٟ‬‬ ‫ايسضؽ‬

‫اإلطاضات (‪)3‬‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ اؿاز‪ ٟ‬عؿط َٔ زض‪ٚ‬ؽ ‪ .HTML‬نُا تط‪ َٔ ٣‬ايعٓ‪ٛ‬إ ‪ ٫‬ظيٓا‬
‫ْتابع يف َ‪ٛ‬ن‪ٛ‬ع اإلطاضات‪ٚ ,‬يف ايكػِ ايجايح َٓ٘‪ٚ .‬شيو ٭ُٖ‪ٖ ١ٝ‬صا امل‪ٛ‬ن‪ٛ‬ع‬
‫‪ٚ‬تؿابو خط‪ٛ‬ط٘‪ٚ .‬خك‪ٛ‬قاً ٭ْٓا متاز إىل ايتعاٌَ َع أنجط َٔ ‪ٚ‬غِ يف ْؿؼ اي‪ٛ‬قت‬
‫‪ٚ‬زاخٌ أنجط َٔ ًَـ‪ .‬مما ‪ٜ‬ػتسع‪ ٞ‬ايذلن‪ٝ‬ع ‪ٚ‬ايذل‪ ٟٚ‬عٓسَا ْط‪ٜ‬س إْؿا‪ ٤‬قؿش‪ ١‬إطاضات‪.‬‬

‫يكس أْٗ‪ٓٝ‬ا يف ايسضغني املان‪ٝ‬ني ؾطح ناؾ‪ ١‬اي‪ٛ‬غ‪ٚ ّٛ‬اـكا‪٥‬ل اييت تتعًل باإلطاضات‪,‬‬
‫عسا ‪ٚ‬اسس‪ٚٚ NAME ٖٞ ٠‬عستو إٔ أق‪ ّٛ‬بؿطسٗا بك‪ٛ‬ض‪ٚ ٠‬اؾ‪ ١ٝ‬يف زضؽ َػتكٌ‪ .‬نُا‬
‫‪ٚ‬عستو إٔ ْك‪ ّٛ‬بإمجاٍ َ‪ٛ‬ن‪ٛ‬ع اإلطاضات ‪ٚ‬ايتسضب عً‪ٗٝ‬ا َٔ خ‪َ ٍ٬‬جاٍ ‪ٚ‬اقع‪ٜ ٞ‬تُجٌ‬
‫بإْؿا‪ ٤‬قؿش‪ ١‬إطاضات هلصا امل‪ٛ‬قع ‪ٖٚ‬اأْا شا أيف ب‪ٛ‬عس‪.ٟ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪94‬‬ ‫يكس قًت إٕ ٖص‪ ٙ‬اـاق‪ ١ٝ‬تعتدل َٔ أِٖ خكا‪٥‬ل اي‪ٛ‬غِ <‪ >FRAME‬٭ْٗا ؼسز‬
‫طط‪ٜ‬ك‪ ١‬تٓػ‪ٝ‬ل ايعٌُ بني اإلطاضات ‪ٚ‬ايكؿشات ‪ٚ‬أغً‪ٛ‬ب عطنٗا‪ .‬يٓعتدل ٖصا تعط‪ٜ‬ؿاً‬
‫َبس‪ٝ٥‬اً‪ٚ .‬يه‪ ٞ‬أ‪ٚ‬نض يو اهلسف َٔ ٖص‪ ٙ‬اـاق‪ ,١ٝ‬قِ باغتعطاض املجاٍ ايتاي‪ ... ٞ‬ايص‪ٟ‬‬
‫قُت ؾ‪ ٘ٝ‬بتُج‪ ٌٝ‬بعض ا٭دعا‪ٖ َٔ ٤‬صا امل‪ٛ‬قع (يٓذلى تًو ا٭َجً‪ ١‬املًُ‪ ١‬اييت نٓا ْعٌُ‬
‫عً‪ٗٝ‬ا يف ٖصا ايسضغني ايػابكني ‪ٚ‬يٓبسأ بايعٌُ اؾس‪ٚ .)ٟ‬أْكط عً‪ ٢‬أظضاض اي‪ٛ‬ق‪٬‬ت‬
‫ايتؿعب‪ ١ٝ‬امل‪ٛ‬د‪ٛ‬ز‪ ٠‬يف اإلطاض ا٭‪ٜ‬ػط ‪ٚ......‬بايطبع ‪ ٫‬تٓػ‪ ٢‬ايٓكط عً‪ ٢‬ظض ‪BACK‬‬
‫امل‪ٛ‬د‪ٛ‬ز يف َتكؿشو يًع‪ٛ‬ز‪ ٠‬إىل ٖص‪ ٙ‬ايكؿش‪ٚ .١‬قس ؼتاز إىل ْكط‪ ٙ‬عس‪َ ٠‬طات‬
‫عػب عسز املطات اييت تٓكًت ؾ‪ٗٝ‬ا يف قؿشات اإلطاض‪.‬‬

‫َاشا ‪ٚ‬دست؟!؟ إٕ ايكؿشات تعٗط يف ْؿؼ اإلطاض (أعطف أْو نٓت تت‪ٛ‬قع ظٗ‪ٛ‬ضٖا يف‬
‫اإلطاض اٯخط‪ ...‬ؾٌٗ خ‪ٝ‬بت ظّٓو؟)‪ .‬سػٓاً‪ ٫ ,‬ظايت ٖص‪ ٙ‬اإلطاضات ؼتاز إىل ايكً‪َٔ ٌٝ‬‬
‫ايعٌُ يه‪ ٞ‬تعٌُ نُا هب‪ٚ .‬قبٌ إٔ ْهٌُ أ‪ٚ‬ز إٔ تتُعٔ يف ايؿ‪ٝ‬ؿطات ايتاي‪ ٖٞٚ ,١ٝ‬يف‬
‫اي‪ٛ‬اقع ايؿ‪ٝ‬ؿطات اـاق‪ ١‬باملًؿات املػتدسَ‪ ١‬يف ٖصا املجاٍ‪ٚ .‬أضد‪ ٛ‬إٔ تك‪ ّٛ‬بسضاغتٗا‬
‫د‪ٝ‬ساً‪ ,‬عً‪ ٢‬ا٭قٌ يه‪ ٞ‬ته‪َ ٕٛ‬تأنساً َٔ ؾُٗو يهٌ ا٭ؾهاض ايػابك‪ ١‬قبٌ إٔ تٓتكٌ إىل‬
‫ايٓكاط اييت غتً‪.ٞ‬‬

‫ؾ‪ٝ‬ؿط‪ ٠‬املًـ ايط‪ٝ٥‬ػ‪ ٞ‬ايص‪ ٟ‬أزل‪ٝ‬ت٘ ‪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‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

95 </FRAMESET>
</HTML>

header.html ٘‫ت‬ٝ‫ أزل‬ٟ‫) ايص‬١‫ػ‬ٜٚ‫ (ايذل‬ًٟٛ‫ املًـ ايع‬٠‫ؿط‬ٝ‫ؾ‬

<HTML>
<HEAD>
<TITLE>Header File</TITLE>
</HEAD>
<BODY bgcolor="#BCD8EB">
<CENTER><IMG SRC="frambnr.jpg"></CENTER>
</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>

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪96‬‬ ‫‪<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‬اغِ‬
‫اختًكت٘ أْا سػب َا أض‪ٜ‬س ‪ٚ‬أغتط‪ٝ‬ع إعطا‪ ٙ٤‬أ‪ ٟ‬اغِ آخط أض‪ٜ‬س‪ ٙ‬طاملا أْ٘ ‪ٜ‬بسأ عطف‬
‫أعس‪ ٟ‬أ‪ ٚ‬ضقِ ‪ٚ‬ي‪ٝ‬ؼ بطَع خام َجٌ ‪/‬؟‪( ^%$#‬عسا ايطَع _ ايص‪ٜ ٟ‬ػتدسّ يف سا‪٫‬ت خاق‪١‬‬
‫غأشنطٖا يو ‪٫‬سكاً يف ٖصا ايسضؽ)‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

97
:ٖٞ ٞ‫ املًـ ا٭غاغ‬٠‫ؿط‬ٝ‫إشٕ تكبض ؾ‬

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

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪98‬‬ ‫‪<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‬‬

‫‪ٚ‬طبعاً أْت تعطف ايػبب يف نًتا اؿايتني‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪99‬‬ ‫يكس ‪ٚ‬قعٓا يف َك‪ٝ‬س‪ ٠‬اإلطاضات‪ .‬إشٕ ؾُا اؿٌ؟ اؿٌ ت‪ٛ‬ؾط‪ ٙ‬يػ‪ْ HTML ١‬ؿػٗا َٔ‬
‫خ‪ٚ ٍ٬‬نع ق‪َ ١ُٝ‬ع‪ ١ٓٝ‬يًداق‪ "_top" ٖٞٚ TARGET ١ٝ‬يتددل املتكؿض إٔ ‪ٜ‬ك‪ّٛ‬‬
‫بتشُ‪ ٌٝ‬ايكؿش‪ ١‬يف املػت‪ ٣ٛ‬ا٭عً‪ َٔ ٢‬ايؿاؾ‪ .١‬أ‪ ٟ‬إ ‪ٜ‬ك‪ ّٛ‬بإيػا‪ ٤‬أ‪ ٟ‬إطاضات أ‪ٚ‬‬
‫قؿشات عاز‪َٛ ١ٜ‬د‪ٛ‬ز‪ ٠‬أق‪ٚ ً٬‬إٔ وٌُ ايكؿش‪ ١‬اؾس‪ٜ‬س‪َ ٠‬هاْٗا‪ٖٚ .‬ص‪ ٙ‬ايك‪َ ١ُٝ‬عطؾ‪١‬‬
‫بؿهٌ َػبل يف يػ‪ٚ HTML ١‬ي‪ٝ‬ػت َٔ عٓس‪ ٟ‬نُا يف اإلغِ ‪.mainwindow‬‬

‫‪ٚ‬اؿك‪ٝ‬ك‪ ١‬أْ٘ ‪ٜٛ‬دس ث‪٬‬خ ق‪ ِٝ‬أخط‪ ٣‬باإلناؾ‪ ١‬إىل ‪َ _top‬عطؾ‪ ١‬بؿهٌ َػبل يف يػ‪١‬‬
‫‪ HTML‬يتشسز َ‪ٛ‬قع ظٗ‪ٛ‬ض ايكؿش‪ ١‬املعٓ‪ٚ .١ٝ‬هب إٔ تتصنط زا‪ُ٥‬اً أْٗا تهتب‬
‫با٭سطف ايكػرل‪ .lowercase ٠‬ؾإشا نتبت با٭سطف ايهبرل‪ ٠‬ؾًٔ ؼكٌ عً‪ ٢‬ايٓت‪ٝ‬ذ‪ ١‬اييت‬
‫تط‪ٜ‬سٖا ٭ْٗا غتعتدل يف ٖص‪ ٙ‬اؿاي‪ٚ ١‬نأْٗا أزلا‪ ٤‬عاز‪ٖٚ .١ٜ‬ص‪ ٖٞ ٙ‬ايك‪ ِٝ‬ا٭ضبع‪:١‬‬

‫‪_top‬‬

‫ؼٌُ ايكؿش‪ ١‬يف أعً‪َ ٢‬ػت‪ ٣ٛ‬يًؿاؾ‪ ١‬أ‪ ٟ‬تًػ‪ ٞ‬اإلطاضات‬

‫امل‪ٛ‬د‪ٛ‬ز‪ ٠‬أق‪ً٬‬‬

‫‪_blank‬‬

‫تك‪ ّٛ‬بؿتض ؾاؾ‪ ١‬دس‪ٜ‬س‪ٚ ٠‬ؾاضغ‪ ١‬يًُتكؿض ‪ٚ‬تعطض ايكؿش‪١‬‬

‫احملًُ‪ ١‬ؾ‪٘ٝ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪122‬‬

‫‪_self‬‬

‫(اؿاي‪ ١‬اإلؾذلان‪ )١ٝ‬تك‪ ّٛ‬بتشُ‪ ٌٝ‬ايكؿش‪ ١‬يف ْؿؼ اإلطاض ايص‪ٟ‬‬

‫ت‪ٛ‬دس ب٘ اي‪ٛ‬قً‪ ١‬ايتؿعب‪ ١ٝ‬اييت مت ايٓكط عً‪ٗٝ‬ا‪ٚ( ,‬بايطبع ٖصا‬
‫َا وسخ زا‪ُ٥‬ا ز‪ٚ ٕٚ‬د‪ٛ‬ز ٖص‪ ٙ‬ايك‪ ,١ُٝ‬أي‪ٝ‬ؼ نصيو؟)‬

‫‪_parent‬‬

‫ا٭ب‪,‬‬ ‫تك‪ ّٛ‬بعطض اإلطاض احملٌُ َهإ اإلطاض‬

‫‪ٚ‬تأٌَ ايؿهٌ ايتاي‪ ٞ‬ايص‪ ٟ‬ميجٌ قؿش‪ ١‬إطاضات َطنب‪.١‬‬

‫أْت تعطف أْٓا متاز إىل ث‪٬‬ث‪ ١‬أظ‪ٚ‬از َٔ اي‪ٛ‬غ‪ّٛ‬‬

‫<‪ >/FRAMESET< ... >FRAMESET‬إلخطاز َجٌ ٖص‪ٙ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪121‬‬
‫ايكؿش‪.١‬‬

‫ا٭‪ ٍٚ‬يتشس‪ٜ‬س ايكؿش‪ ١‬نهٌ‬ ‫‪‬‬

‫ايجاْ‪ ٞ‬يتشس‪ٜ‬س اإلطاض‪ 3 ٚ 2 ٜٔ‬املتؿطعني َٔ ايكؿش‪١‬‬ ‫‪‬‬

‫ايط‪ٝ٥‬ػ‪١ٝ‬‬
‫ايجايح يتشس‪ٜ‬س اإلطاض‪ 5 ٚ 4 ٜٔ‬املتؿطعني َٔ اإلطاض ‪3‬‬ ‫‪‬‬

‫‪ٚ‬بايتاي‪ْ ٞ‬ك‪ ٍٛ‬إٔ ايكؿش‪ ١‬ايط‪ٝ٥‬ػ‪ ٖٞ ١ٝ‬ا٭ب (أ‪ ٚ‬ا٭ّ إشا أضزت)‬
‫يإلطاض‪ٚ 3 ٚ 2 ٜٔ‬إٔ اإلطاض ‪ ٖٛ 3‬ا٭ب يإلطاض‪ٚ .5 ٚ 4 ٜٔ‬عً‪٢‬‬
‫غب‪ ٌٝ‬املجاٍ إشا است‪ ٣ٛ‬اإلطاض ‪ 5‬أ‪ 4 ٚ‬عً‪ٚ ٢‬قً‪ ١‬تؿعب‪١ٝ‬‬
‫ٖسؾٗا ايك‪ _parent ١ُٝ‬يتِ ؼُ‪ًٗٝ‬ا َهإ اإلطاض ‪...3‬‬
‫‪ٖٚ‬هصا ا٭َط بايٓػب‪ ١‬يإلطاض‪ 2 ٚ 1 ٜٔ‬مبكابٌ ايكؿش‪ ١‬ايط‪ٝ٥‬ػ‪.١ٝ‬‬
‫‪ٚ‬يًتُ‪ٝٝ‬ع بني ٖص‪ ٙ‬ايك‪ٚ ١ُٝ‬ايك‪ _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‬‬

‫ؿكًٓا عً‪ ٢‬ايٓت‪ٝ‬ذ‪ ١‬املطد‪ .٠ٛ‬دطّب شيو ‪ٚ‬بصيو تػتط‪ٝ‬ع إٔ تك‪ٚ ٍٛ‬بهٌ ثك‪١‬‬

‫لشٓا ظساض‪٠‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪122‬‬

‫عؿط‬ ‫ايجاْ‪ٞ‬‬ ‫ايسضؽ‬

‫‪ٚ‬غ‪ٖٓ َٔ ... ّٛ‬ا ‪ٖٓٚ‬اى!!!‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ايجاْ‪ ٞ‬عؿط َٔ زض‪ٚ‬ؽ ‪ .HTML‬نُا تط‪ َٔ ٣‬ايعٓ‪ٛ‬إ ؾكس‬
‫اخذلت إٔ ‪ٜ‬ه‪ٖ ٕٛ‬صا ايسضؽ خاضداً قً‪ ً٬ٝ‬عٔ ْطام ايسض‪ٚ‬ؽ ايػابك‪ َٔ ١‬س‪ٝ‬ح احملت‪.٣ٛ‬‬
‫ؾًٔ ػس ٖٓا ‪ٚ‬غ‪َٛ‬اً قسز‪ ٠‬تػتط‪ٝ‬ع سكطٖا ؼت َ‪ٛ‬ن‪ٛ‬ع َعني‪ ,‬بٌ ‪ٚ‬غ‪َٛ‬اً عاَ‪١‬‬
‫‪ٚ‬خكا‪٥‬ل إناؾ‪ ١ٝ‬ي‪ٛ‬غ‪ ّٛ‬شنطت غابكاً‪ٚ .‬إٕ نإ اهلسف َٔ َععُٗا تطت‪ٝ‬ب ايكؿش‪١‬‬
‫‪ٚ‬ايتشهِ بؿهٌ قت‪ٜٛ‬اتٗا‪ ٫ٚ .‬أخؿ‪ ٞ‬عً‪ٝ‬و أْ‪ ٞ‬قكست تأد‪ ٌٝ‬بعهٗا ست‪ٖ ٢‬صا ايسضؽ‬
‫َع أْ٘ نإ َٔ املُهٔ إزضادٗا نُٔ زض‪ٚ‬ؽ غابك‪ٚ ,١‬خاق‪ ١‬ايسضؽ ايطابع (ايؿكطات)‪.‬‬
‫يهٔ سذّيت يف عسّ إزضادٗا يف س‪ ٘ٓٝ‬إٔ ٖص‪ ٙ‬اي‪ٛ‬غ‪ ّٛ‬ئ ‪ٜ‬تِ اغتدساَٗا ‪ٚ‬ئ تُؿِٗ‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪123‬‬ ‫طط‪ٜ‬ك‪ ١‬عًُٗا إ‪ ٍ٫‬عٓس اغتدساّ ‪ٚ‬غ‪ ّٛ‬أخط‪ ٣‬متّ ؾطسٗا يف ‪ٚ‬قت ‪٫‬سل بعس ايؿكطات َجٌ‬
‫ايك‪ٛ‬ض ‪ٚ‬اؾسا‪ .ٍٚ‬أَا ايبعض اٯخط ؾؿهًت عسّ سكطٖا نُٔ أ‪ ٟ‬زضؽ عً‪ ٢‬اعتباض أْٗا‬
‫‪ٚ‬غ‪ ّٛ‬عاَ‪ ٫ ١‬ؽتل بأ‪َٛ ٟ‬ن‪ٛ‬ع‪ .‬عً‪ ٢‬أ‪ ١ٜ‬ساٍ ‪ٜ‬هؿ‪ٓٝ‬ا ٖص‪ ٙ‬املكسَ‪ٚ ١‬أتطى يو سط‪١ٜ‬‬
‫تكٓ‪ٝ‬ؿٗا نُا وً‪ ٛ‬يو‪ٚ .‬اٯٕ يٓسخٌ َباؾط‪ ٠‬يف امل‪ٛ‬ن‪ٛ‬ع‪.‬‬

‫أتط‪ٖ ٣‬صا اـط ايص‪ ٟ‬ؾكًت ب٘ ٖص‪ ٙ‬ايؿكط‪ ٠‬عٔ ايؿكط‪ ٠‬ايػابك‪١‬؟ إْ٘ ‪ٜ‬ػُ‪ ٢‬بًػ‪١‬‬
‫‪ HTML‬باملػطط‪ ٠‬ا٭ؾك‪ٚ Horizontal Rule ١ٝ‬تػتط‪ٝ‬ع إزضاد٘ يتكػ‪ ِٝ‬قؿشتو‬
‫بهتاب‪ ١‬اي‪ٛ‬غِ <‪ >HR‬ؾكط ‪ ٫‬غرل‪ .‬أنتب‪:‬‬

‫>‪<HR‬‬
‫ي‪ٝ‬عٗط يس‪ٜ‬و ٖصا اـط‪:‬‬

‫يهٔ ٖصا ي‪ٝ‬ؼ نٌ ؾ‪ .٤ٞ‬٭ْو تػتط‪ٝ‬ع ؼس‪ٜ‬س غُُو ٖصا اـط إشا أنؿت ي٘ اـاق‪١ٝ‬‬
‫‪ٚ SIZE‬أتبعتٗا بطقِ ميجٌ ٖصا ايػُُو َج‪:ً٬‬‬

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

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

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

‫نصيو ميهٓو ؼس‪ٜ‬س عطض اـط باغتدساّ اـاق‪ٚ WIDTH ١ٝ‬اييت َٔ املُهٔ إٔ‬
‫تأخص ق‪َ ١ُٝ‬طًك‪ ١‬أ‪ْ ٚ‬ػب‪١ٝ‬‬

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

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪124‬‬ ‫>"‪<HR WIDTH="400‬‬

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

‫‪ َٔٚ‬اـكا‪٥‬ل ا٭خط‪ ٣‬هلصا اـط خاق‪ ١ٝ‬احملاشا‪ٚ ALIGN ٙ‬اييت تأخص ايك‪center, ِٝ‬‬
‫‪left, right‬‬

‫>"‪<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‬‬

‫أَا إشا نإ ي‪ٖ ٕٛ‬صا اـط ‪ٜ ٫‬عذبو‪ ,‬ؾُا َٔ َؿهً‪ ١‬إش أْو تػتط‪ٝ‬ع اخت‪ٝ‬اض ايً‪ ٕٛ‬ايص‪ٟ‬‬
‫‪ٜ‬عشبو َٔ خ‪ ٍ٬‬اـاق‪( COLOR ١ٝ‬تعٌُ ؾكط َع ‪)MS Explorer‬‬

‫"‪<HR SIZE="5" WIDTH="60%" ALIGN="center‬‬

‫>‪COLOR="#FF0000" NOSHADE‬‬

‫اي‪ٛ‬غِ ايتاي‪ ٞ‬يف ٖص‪ ٙ‬اجملُ‪ٛ‬ع‪ٚ ٖٛ ١‬غِ امل‪٬‬سعات <!‪ْٚ >-- ... --‬ػتدسَ٘ عٓس‬
‫اؿاد‪ ١‬يهتاب‪ ١‬بعض امل‪٬‬سعات اـاق‪ ١‬أ‪ ٚ‬ايعباضات ايت‪ٛ‬ن‪ٝ‬ش‪ ١ٝ‬نُٔ املًـ ‪ٚ‬اييت ‪ٜ‬ككس‬
‫إٔ ‪ ٫‬تعٗط عٓس اغتعطاض ٖصا املًـ يف املتكؿض‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪125‬‬ ‫>‪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 ١ُٝ‬ت‪ٛ‬د٘ ايك‪ٛ‬ض‪ ٠‬إىل ميني‬
‫ايكؿش‪ٚ ١‬إٔ ايٓل ايص‪ًٜٗٝ ٟ‬ا ‪ٜ‬عٗط ًَتؿاً بعس‪ ٠‬أغطط عً‪ ٢‬اؾٗ‪ ١‬اي‪ٝ‬ػط‪ٚ .٣‬نصيو‬
‫ا٭َط (بك‪ٛ‬ض‪َ ٠‬عه‪ٛ‬غ‪ )١‬عٓس اغتدساّ ايك‪ٚ .left ١ُٝ‬ست‪ ٢‬ي‪ ٛ‬اغتدسَٓا ايك‪bottom ١ُٝ‬‬
‫أ‪ ٚ‬مل ْكِ بإناؾ‪ ١‬اـاق‪ ALIGN ١ٝ‬أق‪ ,ً٬‬ؾػ‪ٛ‬ف لس إٔ ايٓل ايص‪ًٜٗٝ ٟ‬ا ‪ٜ‬عٗط‬
‫مبشاشا‪ ٠‬اؿاؾ‪ ١‬ايػؿً‪ ٢‬يًك‪ٛ‬ض‪.٠‬‬

‫‪ٜ‬تًدل عٌُ اـاق‪ CLEAR ١ٝ‬يف َٓع ايٓل َٔ اإليتؿاف عً‪ ٢‬أ‪ َٔ ٟ‬داْيب ايك‪ٛ‬ض‪.٠‬‬
‫‪ ٖٞٚ‬تأخص ايك‪ right ِٝ‬اييت متٓع ظٗ‪ٛ‬ض ايٓل إ‪ ٍ٫‬عٓس بسا‪ ١ٜ‬اهلاَـ ا٭مئ ايؿاضؽ بعس‬
‫ايك‪ٛ‬ض‪( ٠‬أ‪ ٟ‬مبٓتٗ‪ ٢‬ايبػاط‪ ١‬متٓع ظٗ‪ٛ‬ض ايٓل ‪ٚ‬ايتؿاؾ٘ عً‪ ٢‬اؾٗ‪ ١‬اي‪ٝ‬ػط‪ ٣‬يًك‪ٛ‬ض‪...٠‬‬
‫أي‪ٝ‬ػت ٖص‪ ٙ‬ايعباض‪ ٠‬أغٌٗ يًؿِٗ؟!!) ‪ٚ‬بايتاي‪ ٞ‬ؾإٕ ٖص‪ ٙ‬ايك‪ ١ُٝ‬تػتدسّ عٓسَا ته‪ٕٛ‬‬
‫ق‪ ALIGN ١ُٝ‬يًك‪ٛ‬ض‪.right ٖٞ ٠‬‬

‫‪ٚ‬بٓؿؼ املبسأ يهٔ بك‪ٛ‬ض‪َ ٠‬عه‪ٛ‬غ‪ْ ١‬ػتدسّ ايك‪ٚ left ١ُٝ‬اييت يف ْت‪ٝ‬ذتٗا متٓع إيتؿاف‬
‫ايٓل عً‪ ٢‬اؾٗ‪ ١‬اي‪ َٔ ٢ُٓٝ‬ايك‪ٛ‬ض‪ٚ .٠‬شيو عٓسَا ته‪ ٕٛ‬قاشا‪ ٠‬ايك‪ٛ‬ض‪left ٖٞ ٠‬‬

‫َٓطل َعه‪ٛ‬ؽ‪ ...‬أي‪ٝ‬ؼ نصيو؟ عً‪ ٢‬أ‪ ١ٜ‬ساٍ إشا نٓت تهط‪ٖ ٠‬ص‪ ٙ‬ايتعك‪ٝ‬سات ‪ٚ‬ؼب‬
‫ايططم املدتكط‪َ ٠‬جً‪ ,ٞ‬ؾاغتدسّ ايك‪ all ١ُٝ‬اييت متٓع اإليتؿاف َٔ مج‪ٝ‬ع اؾ‪ٛ‬اْب‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪126‬‬ ‫َا ضأ‪ٜ‬و إٔ ْكتبؼ بعض ا٭َجً‪ َٔ ١‬ايسضؽ اـاَؼ يٓؿاٖس ن‪ٝ‬ـ تعٌُ َع إناؾ‪ٖ ١‬ص‪ٙ‬‬
‫اـاق‪١ٝ‬؟ ‪ٚ‬غ‪ٛ‬ف أزضز ٖص‪ ٙ‬ا٭َجً‪ ١‬نُا ٖ‪ْ ٞ‬كاً ‪ٚ‬سطؾاً أَا اإلناؾات ؾٗ‪ ٞ‬املُ‪ٝ‬ع‪٠‬‬
‫بايً‪ ٕٛ‬ا٭محط‬

‫‪RIGHT‬‬

‫أَا ٖص‪ ٙ‬ايك‪ ١ُٝ‬ؾت‪٪‬ز‪ ٟ‬إىل قاشا‪ ٠‬ايك‪ٛ‬ض‪ ٠‬إىل أقك‪٢‬‬

‫اي‪ُٝ‬ني‪َ .‬ع ايتؿاف ايٓل ايص‪ًٜٗٝ ٟ‬ا عً‪ ٢‬اؾٗ‪ ١‬اي‪ٝ‬ػط‪٣‬‬
‫‪ٚ‬يعس‪ ٠‬أغطط سػب اضتؿاع ايك‪ٛ‬ض‪.٠‬‬

‫"‪<IMG SRC="image.jpg‬‬ ‫>"‪ALIGN="RIGHT‬‬

‫>"‪<BR CLEAR="right‬‬

‫ؾإشا أنؿٓا اي‪ٛ‬غِ <‪َ >BR‬ع اـاق‪CLEAR="right" ١ٝ‬‬

‫ي‪ٛ‬دسْا أْٗا َٓعت ايٓل َٔ اإليتؿاف‬

‫‪ٚ‬اٯٕ يٓذطب اغتدساّ ايك‪َ left ١ُٝ‬ع ٖصا املجاٍ ْؿػ٘‬

‫‪RIGHT‬‬

‫أَا ٖص‪ ٙ‬ايك‪ ١ُٝ‬ؾت‪٪‬ز‪ ٟ‬إىل قاشا‪ ٠‬ايك‪ٛ‬ض‪ ٠‬إىل أقك‪٢‬‬

‫اي‪ُٝ‬ني‪َ .‬ع ايتؿاف ايٓل ايص‪ًٜٗٝ ٟ‬ا عً‪ ٢‬اؾٗ‪ ١‬اي‪ٝ‬ػط‪٣‬‬
‫‪ٚ‬يعس‪ ٠‬أغطط سػب اضتؿاع ايك‪ٛ‬ض‪.٠‬‬

‫"‪<IMG SRC="image.jpg‬‬ ‫>"‪ALIGN="RIGHT‬‬

‫>"‪<BR CLEAR="left‬‬

‫ْ‪٬‬سغ إٔ ‪ ٫‬ؾا‪٥‬س‪ َٔ ٠‬اغتدساّ اي‪ٛ‬غِ <‪َ >BR‬ع اـاق‪١ٝ‬‬

‫"‪ CLEAR="left‬ؾهٌ َا ؾعًت٘ ٖ‪ ٛ‬إناؾ‪ ١‬غطط ؾاضؽ أعً‪٢‬‬
‫ايٓل‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪127‬‬ ‫سػٓاً يٓػتدسّ ايك‪ left ١ُٝ‬يف َهاْٗا ايكش‪ٝ‬ض‪ ,‬أ‪َ ٟ‬ع احملاشا‪left ٠‬‬

‫‪LEFT‬‬

‫ٖص‪ ٙ‬ايك‪ ١ُٝ‬ت‪٪‬ز‪ ٟ‬إىل قاشا‪ ٠‬ايك‪ٛ‬ض‪ ٠‬إىل أقك‪ ٢‬اي‪ٝ‬ػاض‪.‬‬

‫َع ايتؿاف ايٓل ايص‪ًٜٗٝ ٟ‬ا عً‪ ٢‬اؾٗ‪ ١‬اي‪ٚ ٢ُٓٝ‬يعس‪٠‬‬
‫أغطط سػب اضتؿاع ايك‪ٛ‬ض‪.٠‬‬

‫‪<IMG‬‬ ‫"‪SRC="image.jpg‬‬ ‫>"‪ALIGN="LEFT‬‬

‫>"‪<BR CLEAR="left‬‬

‫اٯٕ تعٌُ ٖص‪ ٙ‬ايك‪ ١ُٝ‬نُا هب (‪ ٫‬ؾ‪ ٤ٞ‬أؾهٌ َٔ ‪ٚ‬نع اي‪ٛ‬غِ‬

‫املٓاغب يف املهإ املٓاغب!)‬

‫‪ٚ‬أتطى يو اجملاٍ يه‪ ٞ‬ػطب ايك‪ all ١ُٝ‬بٓؿػو‬

‫َٔ ايك‪ٛ‬اعس اإلؾذلان‪ ١ٝ‬يًُتكؿشات إٔ ا٭غطط يف نٌ ؾكط‪ ٠‬تًتـ ‪ٚ‬تٓكػِ بك‪ٛ‬ض‪ ٠‬تًكا‪١ٝ٥‬‬
‫سػب إغتباْ‪ ١‬ايؿاؾ‪ٚ ١‬عطض ْاؾص‪ ٠‬املتكؿض‪ٖ( .‬ص‪ْ ٙ‬عطؾٗا َٔ ايسضؽ ا٭‪ .)ٍٚ‬يهٔ‬
‫يٓكٌ أْٓا ْط‪ٜ‬س َٔ أسس ا٭غطط إٔ ‪ٜٓ ٫‬كػِ َُٗا نإ َكساض اإلغتباْ‪ٚ ١‬عطض ايٓاؾص‪.٠‬‬
‫سػٓاً‪ ,‬نٌ َا عً‪ٓٝ‬ا ؾعً٘ ٖ‪ٚ ٛ‬نع ٖصا ايػطط نُٔ اي‪ٛ‬غ‪ّٛ‬‬

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

‫‪ ٖٞٚ‬إختكاض يـِ ‪ NO BReak‬أ‪ ٫( ٟ‬إْكػاّ)‪ .‬أْكط ٖٓا يتؿاٖس َجا‪ ً٫‬عً‪ ٢‬شيو‬

‫ٖا قس ‪ٚ‬قًٓا إىل ْٗا‪ٖ ١ٜ‬صا ايسضؽ ‪ٚ‬ايص‪ْ ٟ‬اقؿٓا ؾ‪ٚ ٘ٝ‬غ‪َٛ‬اً َٓ‪ٛ‬ع‪ ١‬تتعًل يف فًُٗا‬
‫بتٓػ‪ٝ‬ل ايكؿشات‪ .‬أضاى عً‪ ٢‬خرل يف ايسضؽ ايتاي‪ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪128‬‬

‫عؿط‬ ‫ايجايح‬ ‫ايسضؽ‬

‫اـطا‪٥‬ط ايك‪ٛ‬ض‪١ٜ‬‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ايجايح عؿط َٔ زض‪ٚ‬ؽ ‪َ .HTML‬ع بسا‪ٖ ١ٜ‬صا ايسضؽ ته‪ٕٛ‬‬
‫قس قطعت ؾ‪ٛ‬طاً ط‪َ ً٬ٜٛ‬ع ٖص‪ ٙ‬ايًػ‪ٚ ,١‬أقبشت قازضاً عً‪ ٢‬إْؿا‪ ٤‬قؿشات اي‪ٜٛ‬ب‬
‫بك‪ٛ‬ض‪ ٠‬ؾعاي‪ٚ .١‬غ‪ٝ‬دكل ٖصا ايسضؽ ملٓاقؿ‪ٚ ١‬اسساً َٔ امل‪ٛ‬ان‪ٝ‬ع املتكسَ‪ْٛ ١‬عاً َا‬
‫‪ٚ‬املُتع‪( ١‬بطأ‪ ٜٞ‬املت‪ٛ‬انع) يف يػ‪ HTML ١‬أ‪َٛ ٖٛٚ ٫‬ن‪ٛ‬ع اـطا‪٥‬ط ايك‪ٛ‬ض‪.١ٜ‬‬

‫أْت تعطف ب‪ ٬‬ؾو َٔ خ‪ ٍ٬‬زضاغتو يً‪ٛ‬ق‪٬‬ت ايتؿعب‪ ,١ٝ‬أْٓا ْػتط‪ٝ‬ع إزضاز أ‪ ٟ‬ق‪ٛ‬ض‪٠‬‬
‫ْط‪ٜ‬سٖا يتُجٌ ‪ٚ‬قً‪ ١‬تؿعب‪َ ١ٝ‬ا‪ .‬يهٔ َا ضأ‪ٜ‬و بك‪ٛ‬ض‪ٚ ٠‬اسس‪ ٠‬ؼت‪ ٟٛ‬عً‪ ٢‬ايعس‪ٜ‬س َٔ ٖص‪ٙ‬‬
‫اي‪ٛ‬ق‪٬‬ت اييت تك‪ ّٛ‬بإ‪ٜ‬كايٓا إىل َ‪ٛ‬اقع كتًؿ‪!!١‬؟ ٖصا ٖ‪ ٛ‬ببػاط‪َ ١‬بسأ اـطا‪٥‬ط‬
‫ايك‪ٛ‬ض‪ َٔ .١ٜ‬احملتٌُ إٔ ته‪ ٫ ٕٛ‬تعطؾٗا ‪ٚ‬إٔ ‪ٜ‬ه‪ٖ ٕٛ‬صا امل‪ٛ‬ن‪ٛ‬ع دس‪ٜ‬ساً عً‪ٝ‬و‪ ,‬يهٔ َٔ‬
‫امل‪٪‬نس أْو اغتدسَتٗا َٔ قبٌ‪ٚ .‬اؿك‪ٝ‬ك‪ ١‬إٔ ٖصا امل‪ٛ‬قع وت‪ ٟٛ‬عً‪ ٢‬خط‪ٜ‬ط‪ ١‬ق‪ٛ‬ض‪,١ٜ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪129‬‬ ‫ؾٌٗ تعطف أ‪ٖٞ ٜٔ‬؟ (ي‪ٝ‬ػت ٖص‪ ٙ‬ؾع‪ٚ‬ض‪ ٠‬ضَهاْ‪ٚ ,١ٝ‬بايتاي‪ ٫ ٞ‬تؿطح نجرلاً إشا عطؾتٗا‬
‫٭ْو يف ايٓٗا‪ ١ٜ‬ئ تطبض أ‪ ٟ‬دا‪٥‬ع‪َ ٠‬ين)‪.‬‬

‫سػٓاً ٖص‪ ٙ‬اـط‪ٜ‬ط‪ ٖٞ ١‬بهٌ بػاط‪ ١‬ايك‪ٛ‬ض‪ ٠‬امل‪ٛ‬د‪ٛ‬ز‪ ٠‬يف أعً‪ ٢‬نٌ قؿش‪َٔ ١‬‬

‫قؿشات ٖصا امل‪ٛ‬قع‪.‬‬

‫سا‪ ٍٚ‬ايٓكط عً‪ٖ ٢‬ص‪ ٙ‬ايك‪ٛ‬ض ‪ٚ‬غت‪٬‬سغ أْٗا ‪ ٫‬تعٌُ‪ ,‬أ‪ ٫ ٟ‬تك‪ ّٛ‬بٓكًو إىل ايكؿش‪١‬‬
‫املطً‪ٛ‬ب‪ ١‬٭ْٗا يف سايتٗا ٖص‪ ٙ‬فطز ق‪ٛ‬ض عاز‪ٚ ١ٜ‬مل ْكِ ست‪ ٢‬اٯٕ بإناؾ‪ ١‬تًو اي‪ٛ‬غ‪ّٛ‬‬
‫ايػشط‪ ١ٜ‬اييت ؼ‪ٛ‬هلا إىل خطا‪٥‬ط ق‪ٛ‬ض‪ْ ١ٜ‬ابه‪ ١‬باؿ‪ٝ‬ا‪ٚ .. ٠‬ايتؿعب‪.‬‬

‫إشٕ‪ ,‬إناؾ‪ ً١‬إىل اي‪ٛ‬غ‪ ّٛ‬اؾس‪ٜ‬س‪ ٠‬اـاق‪ ١‬باـطا‪٥‬ط ‪ٚ‬اييت غٓتعطف عً‪ٗٝ‬ا َٔ خ‪ٖ ٍ٬‬صا‬
‫امل‪ٛ‬ن‪ٛ‬ع غ‪ٛ‬ف ْع‪ٛ‬ز أ‪ٜ‬هاً يًتعاٌَ َع ‪ٚ‬غ‪ ّٛ‬ايك‪ٛ‬ض (مبا أْٓا ْتشسخ عٔ خطا‪٥‬ط ق‪ٛ‬ض‪)١ٜ‬‬
‫نصيو غٓتعاٌَ َع اي‪ٛ‬ق‪٬‬ت ايتؿعب‪( ١ٝ‬ن‪ ٕٛ‬اـطا‪٥‬ط ايك‪ٛ‬ض‪ ٖٞ ١ٜ‬تطب‪ٝ‬ل آخط‬
‫يً‪ٛ‬ق‪٬‬ت)‪ٚ ..‬غتشتاز أ‪ٜ‬هاً إىل ايكً‪ َٔ ٌٝ‬اهلٓسغ‪ْ( ١‬عِ ‪ ..‬اهلٓسغ‪ .١‬شيو ايعًِ ايص‪ٟ‬‬
‫هدلى املعًِ ؾ‪ ٘ٝ‬عً‪ ٢‬محٌ ايب‪ٝ‬هاض يذلغِ ب٘ زا‪٥‬ط‪ ..٠‬ؾته‪ ٕٛ‬ايٓت‪ٝ‬ذ‪ ١‬ؾه‪ ً٬‬عذا‪٥‬ب‪ٝ‬اً قس‬
‫‪ٜ‬ه‪ ٕٛ‬أ‪ ٟ‬ؾ‪ .. ٤ٞ‬إ‪ ٫‬إٔ ‪ٜ‬ه‪ ٕٛ‬زا‪٥‬ط‪ٚ .)٠‬أخرلاً متاز إىل أسس بطاَر ؼط‪ٜ‬ط ايك‪ٛ‬ض َجٌ‬
‫‪ Paint Shop Pro‬ملػاعستٓا يف َعطؾ‪ ١‬بعض ايتؿاق‪ ٌٝ‬اـاق‪ ١‬بايك‪ٛ‬ض‪.‬‬

‫ٌٖ أْت َػتعس؟ يٓٓطًل إشٕ‪.‬‬

‫ٖص‪ ٖٞ ٙ‬خط‪ٜ‬طتٓا أ‪ ٚ‬با٭سط‪َ ٣‬ا غ‪ٛ‬ف تكبض بعس قً‪ ٌٝ‬خط‪ٜ‬طتٓا ‪ ..‬فطز ق‪ٛ‬ض‪ ٠‬عاز‪١ٜ‬‬
‫غٓك‪ ّٛ‬بإزضادٗا يف ايكؿش‪.١‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪112‬‬

‫‪ٖٚ‬ص‪ ٖٞ ٙ‬ايؿ‪ٝ‬ؿط‪ ٠‬اـاق‪ ١‬بإزضادٗا‬

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

‫>"‪BORDER="0‬‬

‫‪ٚ‬اٯٕ غ‪ٛ‬ف ْه‪ٝ‬ـ هلص‪ ٙ‬ايؿ‪ٝ‬ؿط‪ ٠‬خاق‪ ١ٝ‬دس‪ٜ‬س‪ َٔ ٠‬خكا‪٥‬ل اي‪ٛ‬غِ <‪ٖٞ >IMG‬‬
‫"‪ٚ USEMAP="#map_name‬اييت ؽدل املتكؿض إٔ ‪ٜ‬ػتدسّ ٖص‪ ٙ‬ايك‪ٛ‬ض‪ ٠‬ندط‪ٜ‬ط‪١‬‬
‫‪ٚ‬شيو سػب ايتشس‪ٜ‬سات امل‪ٛ‬د‪ٛ‬ز‪ ٠‬يف تعط‪ٜ‬ـ ٖص‪ ٙ‬اـط‪ٜ‬ط‪ٚ( ١‬غٓتشسخ عٔ ٖص‪ٙ‬‬
‫ايتشس‪ٜ‬سات ‪٫‬سكاً إٕ ؾا‪ ٤‬اهلل)‪ .‬أَا ايك‪ map_name ١ُٝ‬ؾٗ‪ ٞ‬متجٌ ا‪٫‬غِ ايص‪ْ ٟ‬ط‪ٜ‬س إٔ‬
‫ْع‪ ّ٘ٓٝ‬يًدط‪ٜ‬ط‪( ١‬أ‪ ٟ‬اغِ ْط‪ٜ‬س‪ٚ .)ٙ‬نُا تط‪ ٣‬ؾإٕ ٖصا ا‪٫‬غِ َػب‪ٛ‬م بإؾاض‪.# ٠‬‬

‫َا ضأ‪ٜ‬و إٔ ْػُ‪ ٞ‬اـط‪ٜ‬ط‪ ١‬باغِ ‪ .ourmap‬عٓسٖا غ‪ٛ‬ف تكبض ايؿ‪ٝ‬ؿط‪ ٠‬نُا ‪:ًٜٞ‬‬

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

‫>"‪BORDER="0" USEMAP="#ourmap‬‬

‫‪ٚ‬ناْت ٖص‪ ٖٞ ٙ‬اـط‪ ٠ٛ‬ا٭‪ٚ‬ىل يف تعط‪ٜ‬ـ اـط‪ٜ‬ط‪ٚ .١‬اـط‪ ٠ٛ‬ايجاْ‪ ٖٞ ١ٝ‬ؼس‪ٜ‬س‬

‫ايتؿاق‪.ٌٝ‬‬

‫يٓكِ بإخباض املتكؿض أْٓا ْط‪ٜ‬س خط‪ٜ‬ط‪ ١‬ؼٌُ اإلغِ ‪ourmap‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪111‬‬ ‫>"‪<MAP NAME="ourmap‬‬

‫‪...‬‬
‫>‪</MAP‬‬

‫ٖٓا‬ ‫ايتػُ‪١ٝ‬‬ ‫َع‬ ‫‪#‬‬ ‫إؾاض‪٠‬‬ ‫ْػتدسّ‬ ‫‪٫‬‬ ‫أْٓا‬ ‫‪٫ٚ‬سغ‬

‫بعس شيو متاز إٔ مسز املٓاطل ايػاخٓ‪ ١‬يً‪ٛ‬ق‪٬‬ت ايتؿعب‪ٚ ,١ٝ‬يٓؿذلض أْٓا ْط‪ٜ‬سٖا‬
‫بايؿهٌ ايتاي‪:ٞ‬‬

‫‪ٖٓٚ‬ا أض‪ٜ‬س إٔ أ‪٩‬نس عً‪ٝ‬و ‪ٚ‬بك‪ٛ‬ض‪َ ٠‬ؿسز‪ ٠‬إٔ ضغِ ٖص‪ ٙ‬ا٭ؾهاٍ اهلٓسغ‪ ٖٛ ١ٝ‬ؾكط‬
‫بػطض ت‪ٛ‬ن‪ٝ‬ض َبسأ املٓاطل ايػاخٓ‪ ١‬يو‪ٚ ,‬ؼس‪ٜ‬س ؾهٌ ‪َٛٚ‬قع نٌ َٓطك‪ ٫ٚ .١‬متاز‬
‫هلا أبساً عٓسَا ْط‪ٜ‬س إْؿا‪ ٤‬خط‪ٜ‬ط‪ ١‬ق‪ٛ‬ض‪ ١ٜ‬نصيو ؾكس قُت باخت‪ٝ‬اضٖا ‪ٚ‬ضزلٗا بك‪ٛ‬ض‪٠‬‬
‫عؿ‪ٛ‬ا‪ ,١ٝ٥‬مبعٓ‪ ٢‬أْو تػتط‪ٝ‬ع إخت‪ٝ‬اض أ‪َٓ ٟ‬اطل أخط‪َ ٣‬ػا‪ٜ‬ط‪ ٠‬نُا تػتط‪ٝ‬ع إخت‪ٝ‬اض أ‪ٟ‬‬
‫أؾهاٍ تط‪ٜ‬سٖا‪ٚ .‬شيو بايطبع ‪ٚ‬ؾكاً يطغبتو نُكُِ قؿشات ‪ٜٚ‬ب‪.‬‬

‫‪ٚ‬ايػ‪٪‬اٍ اٯٕ ٖ‪ ,ٛ‬ن‪ٝ‬ـ مسز ٖص‪ ٙ‬املٓاطل باغتدساّ ‪ٚ HTML‬ن‪ٝ‬ـ ميهٔ يًُتكؿض‬
‫إٔ مي‪ٝ‬عٖا ز‪ ٕٚ‬غرلٖا؟ ‪ٚ‬اؾ‪ٛ‬اب ٖ‪ ٛ‬اغتدساّ اي‪ٛ‬غِ <‪ٚ >AREA‬ايص‪ٜ ٟ‬سضز نُٔ‬
‫اي‪ٛ‬غِ ايػابل ‪ٚ‬بٓؿؼ عسز املٓاطل ايػاخٓ‪ ١‬اييت ْط‪ٜ‬سٖا‪.‬‬

‫>"‪<MAP NAME="ourmap‬‬

‫>‪<AREA‬‬
‫>‪<AREA‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪112‬‬ ‫>‪<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‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪113‬‬ ‫>‪</MAP‬‬

‫ْأت‪ ٞ‬اٯٕ إىل ؼس‪ٜ‬س َ‪ٛ‬قع نٌ ؾهٌ َٔ اـط‪ٜ‬ط‪ٚ ,١‬ايص‪ٜ ٟ‬تِ باغتدساّ اـاق‪١ٝ‬‬
‫‪ .COORDS‬تأخص ٖص‪ ٙ‬اـاق‪ ١ٝ‬ق‪ُٝ‬اً ضقُ‪ ١ٝ‬متجٌ إسساث‪ٝ‬ات ايؿهٌ اهلٓسغ‪ٞ‬‬
‫بايب‪ٝ‬هػٌ عً‪ ٢‬اـط‪ٜ‬ط‪( ١‬أمل أقٌ يو أْو غتشتاز إىل ايكً‪ َٔ ٌٝ‬اهلٓسغ‪َٔٚ )١‬‬
‫ايبس‪ ٜٞٗ‬إٔ ؽتًـ ز‪٫‬ي‪ ١‬نٌ ق‪ ١ُٝ‬بإخت‪٬‬ف ايؿهٌ املكك‪ٛ‬ز‪ .‬أْعط إىل ا٭ؾهاٍ‬
‫ايت‪ٛ‬ن‪ٝ‬ش‪ ١ٝ‬ايتاي‪:١ٝ‬‬

‫يف ايؿهٌ ايطباع‪ ٞ‬املٓتعِ متاز ملعطؾ‪ ١‬إسساث‪ ٞٝ‬ايعا‪ ١ٜٚ‬اي‪ٝ‬ػط‪ ٣‬ايعً‪ٝ‬ا ‪ٚ‬إسساث‪ٞٝ‬‬
‫ايعا‪ ١ٜٚ‬اي‪ ٢ُٓٝ‬ايػؿً‪( .٢‬أضبع‪ ١‬أضقاّ)‬

‫أَا يف ايسا‪٥‬ط‪ ٠‬ؾهٌ َا متاد٘ ٖ‪ ٛ‬إسساث‪ْ ٞٝ‬كط‪ ١‬املطنع هلص‪ ٙ‬ايسا‪٥‬ط‪ ٠‬باإلناؾ‪ ١‬إىل‬
‫َعطؾ‪ْ ١‬كـ قططٖا‪( .‬ث‪٬‬ث‪ ١‬أضقاّ ؾكط)‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪114‬‬

‫‪ٚ‬أخرلاً يف ا٭ؾهاٍ املهًع‪ ١‬ايعؿ‪ٛ‬ا‪ ١ٝ٥‬متاز ملعطؾ‪ ١‬إسساث‪ ٞٝ‬نٌ ْكط‪ َٔ ١‬ايٓكاط‬
‫اييت متجٌ ظ‪ٚ‬ا‪ٜ‬ا ٖصا ايؿهٌ َُٗا نإ عسزٖا‪( .‬عسز ا٭ضقاّ غرل قسز ‪ٚ‬ىتًـ بإخت‪٬‬ف‬
‫ايؿهٌ املكك‪ٛ‬ز)‬

‫‪ٚ‬قس تػأٍ اٯٕ‪ ,‬ن‪ٝ‬ـ ْػتط‪ٝ‬ع إهاز ٖص‪ ٙ‬اإلسساث‪ٝ‬ات؟ َا َٔ َؿهً‪ٖٓ !١‬ا ‪ٜ‬أت‪ ٞ‬ز‪ٚ‬ض‬
‫بطْاَر اؾطاؾ‪ٝ‬هؼ‪ ,‬ؾهٌ َا عً‪ٝ‬و ٖ‪ ٛ‬ؼُ‪ ٌٝ‬ايك‪ٛ‬ض يف ٖصا ايدلْاَر ثِ ‪ٚ‬نع امل‪٪‬ؾط يف‬
‫املهإ املطً‪ٛ‬ب ‪ٚ‬غ‪ٛ‬ف تؿاٖس إسساث‪ٝ‬ات ايٓكط‪ ١‬اييت ‪ٜ‬كع عً‪ٗٝ‬ا امل‪٪‬ؾط عً‪ ٢‬ايؿط‪ٜ‬ط‬
‫امل‪ٛ‬د‪ٛ‬ز أغؿٌ ْاؾص‪ ٠‬ايدلْاَر‪ٚ .‬باإلناؾ‪ ١‬يصيو تػتط‪ٝ‬ع َعطؾ‪ ١‬أبعاز ايك‪ٛ‬ض‪ ٠‬نهٌ‪.‬‬
‫‪ٚ‬عً‪ ٢‬أ‪ ١ٜ‬ساٍ نٌ َا عً‪ٝ‬و ؾعً٘ ٖ‪ ٛ‬تػذ‪ ٌٝ‬إسساث‪ٝ‬ات مج‪ٝ‬ع ايٓكاط املطً‪ٛ‬ب‪ َٔ ١‬أدٌ‬
‫اغتدساَٗا يف تعط‪ٜ‬ـ اـط‪ٜ‬ط‪.١‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪115‬‬ ‫خط‪ٜ‬طتٓا‪:‬‬ ‫إىل‬ ‫اٯٕ‬ ‫‪ٚ‬يٓعس‬

‫بايٓػب‪ ١‬يًؿهٌ املػتط‪ ٌٝ‬ناْت إسساث‪ٝ‬ات ايٓكط‪ ١‬ايعً‪ٝ‬ا ٖ‪ٚ )282255(:ٞ‬إسساث‪ٝ‬ات‬
‫ايٓكط‪ ١‬ايػؿً‪.)3102300( ٖٞ ٢‬‬

‫أَا ايسا‪٥‬ط‪ ٠‬ؾهاْت إسساث‪ٝ‬ات ْكط‪َ ١‬طنعٖا ٖ‪ْٚ )1402160( ٞ‬كـ قططٖا ‪175‬‬
‫ب‪ٝ‬هػٌ‪.‬‬

‫أَا ايؿهٌ املهًع ا٭مئ (املجًح) ؾإٔ إسساث‪ٝ‬ات ظ‪ٚ‬ا‪ٜ‬ا‪,)300220( ,)150210( ٖٞ ٙ‬‬
‫(‪ٚ )3152230‬تصنط ٖٓا إٔ ‪ ٫‬أُٖ‪ ١ٝ‬يًذلت‪ٝ‬ب يف شنط ٖص‪ ٙ‬ايٓكاط‪ .‬املِٗ ؾكط إٔ ته‪ٕٛ‬‬
‫اإلسساث‪ٝ‬ات زق‪ٝ‬ك‪ ١‬إىل سس َا‪.‬‬

‫‪ٚ‬أخرلاً ؾإٕ إسساث‪ٝ‬ات ايٓكاط يف ايؿهٌ املهًع ا٭‪ٜ‬ػط (ايطباع‪,)10210( :ٖٞ )ٞ‬‬
‫(‪)102140( ,)110265( ,)130210‬‬

‫يٓكِ اٯٕ بهتاب‪ٖ ١‬ص‪ ٙ‬ايب‪ٝ‬اْات نُٔ ايؿ‪ٝ‬ؿط‪ ٠‬ايػابك‪ٚ ١‬اييت غتكبض نُا ‪:ًٜٞ‬‬

‫>"‪<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‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

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

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪117‬‬

‫غ‪ٛ‬ف مكٌ عً‪ ٢‬ايٓت‪ٝ‬ذ‪ ١‬ايتاي‪ٚ ١ٝ‬سا‪ ٍٚ‬إٔ ػطبٗا‪:‬‬

‫ايػ‪ٝ‬ام‪:‬‬ ‫ٖصا‬ ‫يف‬ ‫َُٗتني‬ ‫َػأيتني‬ ‫أثرل‬ ‫إٔ‬ ‫أض‪ٜ‬س‬ ‫‪ٚ‬اٯٕ‬

‫ا٭‪ٚ‬ىل‪َ :‬اشا ي‪ ٛ‬أضزْا إزضاز ٖص‪ ٙ‬اـط‪ٜ‬ط‪ ١‬أنجط َٔ َط‪ ٠‬يف ايكؿش‪ ,١‬ؾٌٗ متاز إىل‬
‫تهطاض نتاب‪ ١‬ايؿ‪ٝ‬ؿط‪َ >/MAP< ... >MAP< ٠‬ع نٌ َط‪ْ ٠‬سضز ؾ‪ٗٝ‬ا ايك‪ٛ‬ض‪٠‬؟ اؾ‪ٛ‬اب‬
‫‪!!.٫‬‬ ‫قطعاً‬
‫ؾطاملا أْٓا ْهتب اـاق‪ USEMAP ١ٝ‬ؾإٕ املتكؿض ‪ٜ‬ك‪ ّٛ‬بايبشح عٔ ؾ‪ٝ‬ؿط‪ ٠‬اـط‪ٜ‬ط‪١‬‬
‫اييت سسزْا ازلٗا َع ٖص‪ ٙ‬اـاق‪ َٔٚ ,١ٝ‬ثِ ‪ٜ‬طبكٗا عً‪ ٢‬ايك‪ٛ‬ض‪ ٠‬املعطا‪َُٗ ٠‬ا نإ‬
‫عسز َطات إزضادٗا‪.‬‬

‫ايجاْ‪َ :١ٝ‬اشا ي‪ ٛ‬قطضْا إيػا‪ٖ ٤‬ص‪ ٙ‬ايك‪ٛ‬ض‪ٚٚ ٠‬نع ق‪ٛ‬ض‪ ٠‬أخط‪َ ٣‬هاْٗا‪َ َٔ ٌٖ .‬ؿهً‪١‬؟‬
‫أ‪ٜ‬هاً ‪ٜٛ ٫‬دس ٖٓا أ‪َ ٟ‬ؿهً‪ .١‬٭ٕ تعط‪ٜ‬ـ اـط‪ٜ‬ط‪ ١‬بطب‪ٝ‬عت٘ غرل َطتبط بك‪ٛ‬ض‪ ٠‬قسز‪٠‬‬
‫بع‪ٗٓٝ‬ا‪ ٖٛ .‬ؾكط ‪ٜ‬عطف َٓاطل قسز‪ ٠‬بايؿهٌ ‪ٚ‬امل‪ٛ‬قع‪ٚ .‬ي‪ ٛ‬زقكت ايٓعط يف ٖصا‬
‫ايتعط‪ٜ‬ـ ؾًٔ ػس َا ‪ٜ‬ؿرل إىل أْٗا َطتبط‪ ١‬بك‪ٛ‬ض‪ ٠‬بع‪ٗٓٝ‬ا‪ ,‬أي‪ٝ‬ؼ نصيو؟ بٌ إْو ي‪ٛ‬‬
‫أزضدت ق‪ٛ‬ض‪ ٠‬أندل مما هب أ‪ ٚ‬ست‪ ٢‬ق‪ٛ‬ض‪ ٠‬أقػط مما هب ‪ٚ‬اغتدسَت خاق‪١ٝ‬‬
‫‪َ USEMAP‬عُٗا يتؿرل إىل اـط‪ٜ‬ط‪ ,١‬ؾًٔ ت‪ٛ‬اد٘ أ‪َ ٟ‬ؿهً‪ ١‬يف شيو‪ٚ( .‬أعين ٖٓا‬
‫َؿهً‪ ١‬يًُتكؿض) يهٔ بايطبع ؾايك‪ٛ‬ض‪ ٠‬ايهبرل‪ ٠‬غتشت‪ ٟٛ‬عً‪َٓ ٢‬اطل ز‪ٚ ٕٚ‬ق‪٬‬ت‬
‫تؿعب‪ٚ ,١ٝ‬ايك‪ٛ‬ض‪ ٠‬ايكػرل‪ ٠‬غ‪ٛ‬ف ئ ؼت‪ ٟٛ‬عً‪ ٢‬بعض اي‪ٛ‬ق‪٬‬ت املعطؾ‪ ١‬يف اـط‪ٜ‬ط‪١‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪118‬‬

‫‪ٚ‬اـ‪٬‬ق‪ ١‬إٔ تعط‪ٜ‬ـ اـط‪ٜ‬ط‪ ٖٛ ١‬تعط‪ٜ‬ـ َؿاع ‪ٜٛ‬نع َط‪ٚ ٠‬اسس‪ ٠‬ؾكط ‪ٚ‬يف أ‪َ ٟ‬هإ‬
‫زاخٌ ايكؿش‪ٚ ,١‬بؿطط إٔ ‪ٜ‬ه‪ ٕٛ‬نُٔ <‪ٚ >/BODY< ... >BODY‬باملكابٌ ْػتط‪ٝ‬ع‬
‫إزضاز عؿطات ايك‪ٛ‬ض َُٗا ناْت طب‪ٝ‬عتٗا زاخٌ ايكؿش‪ ١‬يته‪ ٕٛ‬خطا‪٥‬ط ق‪ٛ‬ض‪١ٜ‬‬
‫تػتدسّ ْؿؼ تعط‪ٜ‬ـ ٖص‪ ٙ‬اـط‪ٜ‬ط‪ ١‬طاملا أْٓا ‪ٚ‬نعٓا اـاق‪١ٝ‬‬
‫"‪َ USEMAP="#map_name‬ع ٖص‪ ٙ‬ايك‪ٛ‬ض‪.‬‬

‫‪َٚ‬ػو اـتاّ‪ :‬ؼؿٌ اإلْذلْت بايهجرل َٔ ايدلاَر اييت تك‪ ّٛ‬بتكُ‪ ِٝ‬اـطا‪٥‬ط ايك‪ٛ‬ض‪١ٜ‬‬
‫بػطع‪ٚ ١‬غٗ‪ٛ‬ي‪َ ١‬تٓاٖ‪ٝ‬تني‪ ..‬ؾكط تك‪ ّٛ‬بتشُ‪ ٌٝ‬ايك‪ٛ‬ض‪ ٠‬املطً‪ٛ‬ب‪ ,١‬ثِ تطغِ ا٭ؾهاٍ اييت‬
‫تط‪ٜ‬سٖا عً‪ٗٝ‬ا نُا ي‪ ٛ‬نٓت تػتدسّ بطْاَر ايطغاّ‪ َٔٚ ,‬ثِ تهتب عٓا‪ ٜٔٚ‬اي‪ٛ‬ق‪٬‬ت‬
‫ايتؿعب‪ ١ٝ‬املطً‪ٛ‬ب‪ ١‬يهٌ َٔ ٖص‪ ٙ‬ا٭ؾهاٍ‪ٖٚ .‬هصا ببػاط‪ٜ ١‬ك‪ ّٛ‬ايدلْاَر بإهاز‬
‫اإلسساث‪ٝ‬ات اـاق‪ ١‬بهٌ ؾهٌ ‪ٚ‬إْؿا‪ ٤‬ؾ‪ٝ‬ؿط‪ ٠‬اـط‪ٜ‬ط‪ ١‬املطً‪ٛ‬ب‪ !!١‬أ‪ ٟ‬أْو خ‪ ٍ٬‬زقا‪٥‬ل‬
‫َعس‪ٚ‬ز‪ ٠‬تػتط‪ٝ‬ع إْؿا‪ ٤‬أعكس اـطا‪٥‬ط ايك‪ٛ‬ض‪ ..١ٜ‬يهٔ مبا أْو تٗ‪ ٣ٛ‬ايكعب ‪ٚ‬تتشس‪٣‬‬
‫املػتش‪ ٌٝ‬ؾ‪ ٬‬اعتكس أْو غتؿهٌ ٖصا ايٓ‪ٛ‬ع َٔ ايدلاَر‪( .‬باملٓاغب‪ ,١‬يكس ؾهًت تأخرل‬
‫نتاب‪ٖ ١‬ص‪ ٙ‬امل‪٬‬سع‪ ١‬ست‪ْٗ ٢‬ا‪ٖ ١ٜ‬صا ايسضؽ‪ ,‬٭ْ‪ ٞ‬ي‪ٚ ٛ‬نعتٗا يف ايبسا‪ ١ٜ‬ملا أنًُت‬
‫ٖصا ايسضؽ أق‪ٚ ً٬‬هلطعت يإلْذلْت يًبشح عٔ َجٌ ٖص‪ ٙ‬ايدلاَر) ‪ٚ‬عً‪ ٢‬أ‪ ١ٜ‬إي‪ٝ‬و ٖصا‬
‫ايعٓ‪ٛ‬إ يدلْاَر ضا‪٥‬ع ‪ٜ‬سع‪ َٔ Live Image ٢‬ؾطن‪Mediatec ١‬‬

‫أمتٓ‪ ٢‬يو خطا‪٥‬طاً غع‪ٝ‬س‪ ٠‬زا‪ُ٥‬اً‪ٚ ..‬أيكاى يف ايسضؽ ايتاي‪ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪119‬‬

‫عؿط‬ ‫ايطابع‬ ‫ايسضؽ‬

‫ايُٓاشز (‪)1‬‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ايطابع عؿط َٔ زض‪ٚ‬ؽ ‪ٚ .HTML‬ايص‪ ٟ‬غ‪ٝ‬ه‪ ٕٛ‬ا٭‪َٔ ٍٚ‬‬
‫زضغني غٓتشسخ ؾ‪ُٗٝ‬ا عٔ ايُٓاشز ‪ٚ‬ن‪ٝ‬ؿ‪ ١ٝ‬تهُ‪ٗٓٝ‬ا يف قؿشات اي‪ٜٛ‬ب‪.‬‬

‫َع إٔ ايُٓاشز تعتدل َٔ امل‪ٛ‬ان‪ٝ‬ع املتكسَ‪ٚ( ١‬غرل ايػًٗ‪ْٛ )١‬عاً َا يف يػ‪ HTML ١‬إ‪٫‬‬
‫إٔ َععِ َ‪ٛ‬اقع اي‪ٜٛ‬ب تهاز ‪ ٫‬ؽً‪ٚ َٔ ٛ‬د‪ٛ‬زٖا‪ٚ ,‬شيو يعس‪ ٠‬أغباب يعٌ َٔ أُٖٗا‬
‫إهاز إَهاْ‪ ١ٝ‬يًتؿاعٌ بني امل‪ٛ‬قع ‪ٚ‬قاسب٘ َٔ دٗ‪ٚ ١‬ايع‪ٚ‬اض َٔ دٗ‪ ١‬أخط‪...٣‬أس‪ٝ‬اْا قس‬
‫ؼتاز نُكُِ مل‪ٛ‬قع ‪ٜٚ‬ب إٔ تعطف آضا‪ ٤‬ظ‪ٚ‬اض َ‪ٛ‬قعو يف َػا‪َ ٌ٥‬ع‪ٚ ١ٓٝ‬قس تهتؿ‪ٞ‬‬
‫بطغا‪ ٌ٥‬ايدل‪ٜ‬س اإليهذل‪ ْٞٚ‬اييت ‪ٜ‬طغً‪ٖٛ‬ا يو‪ ,‬يهٔ عٓسَا تط‪ٜ‬س َعطؾ‪ ١‬أؾ‪ٝ‬ا‪ ٤‬قسز‪٠‬‬
‫بصاتٗا ؾإٕ ايُٓاشز ٖ‪ ٞ‬اـ‪ٝ‬اض ا٭ؾهٌ يو‪ .‬باإلناؾ‪ ١‬إىل إَهاْ‪ ١ٝ‬تٓع‪ ِٝ‬ايب‪ٝ‬اْات‬
‫املسخً‪ َٔ ١‬خ‪٬‬هلا ‪ٚ‬غٗ‪ٛ‬ي‪ٚ ١‬غطع‪ ١‬اغتدساَٗا َٔ قبٌ ظ‪ٚ‬اض امل‪ٛ‬قع‪ َٔٚ .‬أبطظ ا٭َجً‪١‬‬
‫عً‪ ٢‬ايُٓاشز يف َ‪ٛ‬اقع اي‪ٜٛ‬ب ٖ‪ ٞ‬زؾاتط ايع‪ٚ‬اض ‪ٚ‬قؿشات ايبشح عٔ ايهًُات أ‪ ٚ‬ايعباضات‬
‫زاخٌ امل‪ٛ‬اقع‪.‬‬

‫‪ ٫‬تهُٔ قع‪ٛ‬ب‪ ١‬ايتعاٌَ َع ايُٓاشز يف ن‪ْٗٛ‬ا َعكس‪ ٠‬عس شاتٗا‪ ,‬ن‪ ... ٬‬ؾٗ‪ ٞ‬إسس‪٣‬‬
‫ايعٓاقط اييت تسعُٗا يػ‪ ٖٞٚ HTML ١‬فطز ‪ٚ‬غ‪ ّٛ‬عاز‪َ ١ٜ‬جًٗا َجٌ اي‪ٛ‬غ‪ ّٛ‬اييت‬
‫تعآًَا َعٗا يف مج‪ٝ‬ع ايسض‪ٚ‬ؽ ايػابك‪ٚ .١‬بإَهاْو إْؿا‪ ٤‬ايُٓاشز يف َ‪ٛ‬قعو بٓؿؼ‬
‫ايػٗ‪ٛ‬ي‪ ١‬اييت تسضز ؾ‪ٗٝ‬ا دس‪ ً٫ٚ‬أ‪ ٚ‬إطاضاً (ٖصا بايطبع إشا نٓت تعتكس إٔ اؾسا‪ٍٚ‬‬
‫‪ٚ‬اإلطاضات غًٗ‪ )١‬يهٔ ايتساخٌ ب‪ٗٓٝ‬ا (‪ٚ‬أعين ايُٓاشز) ‪ٚ‬بني يػات ايدلف‪ ١‬املتكسَ‪ ١‬يف‬
‫اي‪ٜٛ‬ب َجٌ ‪َ ٖٞ JavaScript, CGI‬ا هعًٗا ؽتًـ عٔ غابك‪ٗٝ‬ا َٔ اي‪ٛ‬غ‪ ّٛ‬أ‪ٚ‬‬
‫ايعٓاقط ا٭خط‪ .٣‬خاق‪ ١‬إشا استذت إىل بعض املكاطع ايدلف‪ٖ َٔ ١ٝ‬ص‪ ٙ‬ايًػات نُٔ‬
‫مناشدو‪ .‬أَا إشا انتؿ‪ٝ‬ت باإلَهاْات املت‪ٛ‬انع‪ ١‬اييت ت‪ٛ‬ؾطٖا ‪ HTML‬بايٓػب‪١‬‬
‫يًُٓاشز‪ .‬ؾُا َٔ َؿهً‪ ...١‬٭ْ٘ غ‪ٝ‬ه‪ ٕٛ‬بإَهاْو ايتعاٌَ َعٗا بهٌ بػاط‪ٚ .١‬يف ٖصا‬
‫ايسضؽ ئ ْتططم بايطبع إىل أ‪ َٔ ٟ‬ايًػات غ‪.HTML ٣ٛ‬‬

‫قبٌ إٔ ْبسأ‪َ ,‬ا ضأ‪ٜ‬و بع‪ٜ‬اض‪ ٠‬قؿش‪( ١‬زؾذل ايع‪ٚ‬اض) يف ٖصا امل‪ٛ‬قع يإلط‪٬‬ع عً‪َ ٢‬جاٍ‬
‫ؾ‪.)٘ٝ‬‬ ‫ايت‪ٛ‬ق‪ٝ‬ع‬ ‫أ‪ٜ‬هاً‬ ‫ت‪ٛ‬ز‬ ‫(‪ٚ‬ضمبا‬ ‫يًُٓاشز‪,‬‬
‫نِ ؾه‪ َٔ ً٬‬أؾهاٍ إزخاٍ ايب‪ٝ‬اْات ‪ٜٛ‬دس يف ٖصا ايسؾذل؟ اؿك‪ٝ‬ك‪ ١‬أْ٘ ‪ٜٛ‬دس غت‪١‬‬
‫أؾهاٍ ٖ‪ ٞ‬نايتاي‪:ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪Text‬‬
‫‪122‬‬

‫‪1‬‬ ‫‪2‬‬ ‫‪3‬‬

‫أرسل‬

‫انسى األمر‬

‫ز أؾهاٍ أخط‪٣‬‬
‫غ‪ٛ‬ف ‪ٜ‬تِ ايتعاٌَ َعٗا َٔ خ‪ٖ ٍ٬‬صا ايسضؽ‪.‬‬

‫‪ٚ‬اٯٕ إىل ايعٌُ‬

‫َع إٔ ا٭ؾهاٍ ايػابك‪ ١‬ؽتًـ عٔ بعهٗا ايبعض َٔ س‪ٝ‬ح املبسأ ‪ٚ‬املعٗط (‪ٚ‬طط‪ٜ‬ك‪١‬‬
‫ايتعط‪ٜ‬ـ أ‪ٜ‬هاً) إ‪ ٫‬أْٗا هب إٔ تسضز مج‪ٝ‬عاً نُٔ ‪ٚ‬زلني أغاغ‪ٝ‬ني يًُٓاشز ُٖا‪:‬‬

‫>‪<FORM> ... </FORM‬‬

‫‪ٚ‬نُا دطت ايعاز‪ ٠‬متاز يتشس‪ٜ‬س بعض اـكا‪٥‬ل اييت تتعًل بطب‪ٝ‬ع‪ٖ ١‬صا ايُٓ‪ٛ‬شز‪.‬‬
‫‪ٚ‬يس‪ٜٓ‬ا ٖٓا ث‪٬‬خ خكا‪٥‬ل‪:‬‬

‫‪ACTION‬‬
‫ؼسز ايعٓ‪ٛ‬إ ايص‪ ٟ‬غ‪ٝ‬تِ إضغاٍ ب‪ٝ‬اْات ايُٓ‪ٛ‬شز إي‪ ٘ٝ‬يتتِ َعاؾتٗا بايك‪ٛ‬ض‪٠‬‬
‫املطً‪ٛ‬ب‪ٚ .١‬عاز‪ٜ ٠‬ه‪ٖ ٕٛ‬صا عٓ‪ٛ‬اْاً يدل‪ٜ‬س إيهذل‪ Email ْٞٚ‬غ‪ٛ‬ف ‪ٜ‬تِ إضغاٍ‬
‫ب‪ٝ‬اْات ايُٓ‪ٛ‬شز إي‪ .٘ٝ‬أ‪ ٚ‬قس ‪ٜ‬ه‪ ٕٛ‬عٓ‪ٛ‬اْاً يدلْاَر ‪َٛ CGI‬د‪ٛ‬ز عً‪ ٢‬ايهُب‪ٛٝ‬تط‬
‫اـازّ ‪ Server‬ايص‪ ٟ‬تت‪ٛ‬ادس عً‪ ٘ٝ‬قؿش‪ ١‬اي‪ٜٛ‬ب‪ ,‬س‪ٝ‬ح ‪ٜ‬ػتكبٌ ٖص‪ ٙ‬ايب‪ٝ‬اْات‬
‫‪ٜٚ‬عاؾٗا سػب ايتعً‪ُٝ‬ات امل‪ٛ‬د‪ٛ‬ز‪ ٠‬ؾ‪ ٘ٝ‬نإٔ ‪ٜ‬ه‪ٝ‬ؿٗا َج‪ ً٬‬إىل إسس‪٣‬‬
‫ايكؿشات (نُا وسخ عاز‪ ٠‬يف زؾاتط ايع‪ٚ‬اض) أ‪ٜ ٚ‬تشكل َٔ قش‪ ١‬بعض اؿك‪ٍٛ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪121‬‬ ‫املسخً‪َٚ ١‬طابكتٗا ملعا‪ٜ‬رل َع‪ ,١ٓٝ‬أ‪ ٚ‬إٔ ‪ٜ‬ك‪ ّٛ‬بايبشح عٔ نًُ‪ ١‬أ‪ ٚ‬عباض‪ ٠‬نُٔ‬
‫قؿشات امل‪ٛ‬قع نُا يف مناشز ايبشح امل‪ٛ‬د‪ٛ‬ز‪ ٠‬يف َ‪ٛ‬اقع اي‪ٜٛ‬ب‪.‬‬

‫‪<FORM ACTION="mailto:[email protected]"> ...‬‬

‫>‪</FORM‬‬
‫>"‪<FORM ACTION="name_and_address_of_CGI_script‬‬
‫>‪... </FORM‬‬

‫‪METHOD‬‬
‫ؼسز ايطط‪ٜ‬ك‪ ١‬اييت غ‪ٝ‬تِ بٗا ايتعاٌَ َع ايعٓ‪ٛ‬إ احملسز يف اـاق‪ ١ٝ‬ايػابك‪١‬‬
‫‪ٖٓٚ .ACTION‬اى ق‪ُٝ‬تني هلص‪ ٙ‬اـاق‪ُٖ ١ٝ‬ا‪ GET :‬اييت تػتدسّ يف ساي‪١‬‬
‫ن‪ ٕٛ‬عًُ‪ ١ٝ‬املعاؾ‪ ١‬زاخً‪ ١ٝ‬أ‪ ٟ‬تتِ زاخٌ اـازّ ‪ْ Server‬ؿػ٘‪ .‬ؾؿ‪َ ٞ‬جايٓا‬
‫ايػابل عٓسَا ْػتدسّ من‪ٛ‬شز ايبشح عٔ نًُ‪ ١‬يف امل‪ٛ‬قع‪ ,‬ؾإٕ عًُ‪ ١ٝ‬املعاؾ‪١‬‬
‫(أ‪ ٟ‬ايبشح) ػط‪َ ٟ‬باؾط‪ ٠‬يف امل‪ٛ‬قع‪ٚ .‬ايك‪ ١ُٝ‬ايجاْ‪ٚ Post ٖٞ ١ٝ‬تػتدسّ عٓسَا‬
‫ته‪ ٕٛ‬عًُ‪ ١ٝ‬املعاؾ‪ ١‬خاضد‪ ١ٝ‬نإٔ ‪ٜ‬تِ إضغاٍ ايب‪ٝ‬اْات إىل عٓ‪ٛ‬إ بط‪ٜ‬س إيهذل‪.ْٞٚ‬‬

‫‪<FORM‬‬ ‫"‪ACTION="mailto:[email protected]‬‬
‫>"‪METHOD="post‬‬ ‫‪...‬‬ ‫>‪</FORM‬‬
‫‪<FORM‬‬ ‫"‪ACTION="name_and_address_of_CGI_script‬‬
‫>‪METHOD="get"> ... </FORM‬‬

‫‪ENCTYPE‬‬
‫ٖص‪ ٙ‬اـاق‪ ١ٝ‬ؼسز طط‪ٜ‬ك‪ ١‬ايذلَ‪ٝ‬ع اييت غ‪ٝ‬تِ إضغاٍ ايب‪ٝ‬اْات ‪ٚ‬ؾكاً هلا‪ٖٞٚ .‬‬
‫تأخص ايك‪ُٝ‬تني ايتاي‪ٝ‬تني‪( :‬هب إٔ تهتب ٖص‪ ٙ‬ايك‪ ِٝ‬نُا ٖ‪ْ ٞ‬كاً ‪ٚ‬سطؾاً)‬

‫‪‬‬ ‫‪application/x-www-form-urlencoded‬‬
‫‪‬‬ ‫‪text/plain‬‬
‫‪ٚ‬بس‪ ٕٚ‬اـ‪ٛ‬ض يف ا٭غباب ايتكٓ‪ ١ٝ‬اييت أزت إىل إهاز ٖص‪ ٜٔ‬ايٓ‪ٛ‬عني َٔ ططم ايذلَ‪ٝ‬ع أ‪ٚ‬‬
‫يف أَ‪ٛ‬ض بطف‪ ١ٝ‬بع‪ٝ‬س‪ ٠‬عٔ َ‪ٛ‬ن‪ٛ‬عٓا‪ ,‬ؾإٕ ايساؾع إلغتدساّ أ‪ َٔ ٟ‬ايك‪ُٝ‬تني ٖ‪ ٛ‬طب‪ٝ‬ع‪١‬‬
‫عًُ‪ ١ٝ‬املعاؾ‪ ١‬اييت غتذط‪ ٣‬عً‪ ٢‬ايب‪ٝ‬اْات أ‪ ٚ‬طب‪ٝ‬ع‪ ١‬بطْاَر ايدل‪ٜ‬س اإليهذل‪ ْٞٚ‬ايص‪ٟ‬‬
‫غتػتكبٌ ٖص‪ ٙ‬ايب‪ٝ‬اْات َٔ خ‪٬‬ي٘ (إشا نإ ‪ٜ‬سعِ ‪ MIME‬أّ ‪ ٖٞٚ ,٫‬إختكاض يًعباض‪٠‬‬
‫‪ َٔ ٖٞٚ Extentions Mail Internet Multi-purpose‬املعا‪ٜ‬رل ايػا‪٥‬س‪ ٠‬يف‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪122‬‬ ‫اإلْذلْت ‪ٚ‬اييت تتعًل بٓكٌ مج‪ٝ‬ع أْ‪ٛ‬اع ايب‪ٝ‬اْات َٔ ق‪ٛ‬ت ‪ٚ‬ق‪ٛ‬ض‪ٚ ٠‬ي‪ٝ‬ؼ ؾكط ايٓك‪ٛ‬م َٔ‬
‫خ‪ ٍ٬‬ايدل‪ٜ‬س اإليهذل‪َٚ .)ْٞٚ‬ا ‪ٜ‬عٓ‪ٓٝ‬ا ٖٓا ٖ‪ ٛ‬ايؿطم بني ايطط‪ٜ‬كتني َٔ س‪ٝ‬ح طط‪ٜ‬ك‪ ١‬إضغاٍ‬
‫‪ٚ‬اغتكباٍ ايب‪ٝ‬اْات‪ .‬ؾعٓس اغتدساّ ‪ text/plain‬غتكٌ ايب‪ٝ‬اْات بايؿهٌ ايتاي‪:ٞ‬‬

‫‪NAME=Yahya‬‬ ‫‪Al-Sharif‬‬
‫‪Address=Nablus‬‬ ‫‪,‬‬ ‫‪Palestine‬‬
‫‪[email protected]‬‬

‫(ايهًُات ‪ ٖٞ Name, Address, Email‬أزلا‪ ٤‬اؿك‪ ٍٛ‬يف ايُٓ‪ٛ‬شز ‪ْٚ‬ك‪ ّٛ‬مٔ‬

‫بتعط‪ٜ‬ؿٗا أثٓا‪ ٤‬عًُ‪ ١ٝ‬تكُ‪ ِٝ‬ايُٓ‪ٛ‬شز أَا ايٓك‪ٛ‬م ايعاٖط‪ ٠‬بعس إؾاض‪ ٠‬املػا‪ٚ‬ا‪ ٠‬ؾٗ‪ٞ‬‬
‫ايب‪ٝ‬اْات املسخً‪ٚ ,١‬غ‪ٛ‬ف ْتشسخ عٔ تعط‪ٜ‬ـ أزلا‪ ٤‬اؿك‪ ٍٛ‬بعس قً‪)ٌٝ‬‬

‫أَا عٓس اغتدساّ ‪ application/x-www-form-urlencoded‬ؾػتكٌ ايب‪ٝ‬اْات‬

‫بايؿهٌ‪:‬‬

‫‪NAME=Yahya+Al-‬‬
‫‪Sharif&Address=Nablus+,+Palestine&[email protected]‬‬
‫‪m‬‬
‫‪ٚ‬يو إٔ ؽ‪َ ٌٝ‬بًؼ ايكع‪ٛ‬ب‪ ١‬يف ؼً‪ًٗٝ‬ا إشا است‪ٛ‬ت عً‪ ٢‬عؿطات اؿك‪ .ٍٛ‬يصيو تت‪ٛ‬ؾط‬
‫بطاَر خاق‪ ١‬تعطف بـِ ‪ Formaters‬تك‪ ّٛ‬بإعاز‪ ٠‬تطت‪ٝ‬ب ايب‪ٝ‬اْات املطغً‪ َٔ ١‬خ‪ ٍ٬‬ايُٓاشز‬
‫بؿهٌ َؿٗ‪ ّٛ‬ع‪ٝ‬ح تكبض نُا ي‪ ٛ‬ناْت َطغً‪ ١‬بذلَ‪ٝ‬ع ‪ٚ text/plain‬إي‪ٝ‬و أسسٖا ‪ٖٛٚ‬‬
‫بطْاَر فاْ‪ٜ ٞ‬سع‪ .UrlCook ٢‬يهٔ ‪ ٫‬تعتكس إٔ ايطط‪ٜ‬ك‪ ١‬ا٭‪ٚ‬ىل ٖ‪ ٞ‬ا٭ؾهٌ زا‪ُ٥‬اً‬
‫ؾصيو ‪ٜ‬عتُس نُا قًٓا عً‪ ٢‬طط‪ٜ‬ك‪ ١‬املعاؾ‪ٚ ١‬ايٓكٌ بايدل‪ٜ‬س‪ .‬يصيو ‪ ٫‬نرل َٔ إٔ ػطب‬
‫ايطط‪ٜ‬كتني يتعطف أ‪ُٜٗ‬ا أْػب يو‪.‬‬

‫إشٕ خ‪٬‬ق‪ ١‬ايك‪ :ٍٛ‬قس ته‪ ٕٛ‬أؾهٌ ق‪ٝ‬ػ‪ ١‬يتعط‪ٜ‬ـ ايُٓ‪ٛ‬شز يف ساي‪ ١‬أضزت اغتكباٍ‬
‫ايب‪ٝ‬اْات َٔ َ‪ٛ‬قعو إىل عٓ‪ٛ‬إ بط‪ٜ‬سى اإليهذل‪:ٖٞ ْٞٚ‬‬

‫"‪<FORM ACTION="mailto:[email protected]‬‬
‫>"‪METHOD="post" ENCTYPE="text/plain‬‬
‫‪...‬‬
‫>‪</FORM‬‬

‫‪ٚ‬بٗصا ْه‪ ٕٛ‬قس إْتٗ‪ٓٝ‬ا َٔ عًُ‪ ١ٝ‬تعط‪ٜ‬ـ ايُٓ‪ٛ‬شز ‪ٚ‬خكا‪٥‬ك٘‪ ,‬يهٔ اْتعط ؾُا ظيٓا يف‬
‫بسا‪ ١ٜ‬ايطط‪ٜ‬ل‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪123‬‬

‫ْبسأ اٯٕ يف عًُ‪ ١ٝ‬تعط‪ٜ‬ـ أؾهاٍ ايب‪ٝ‬اْات يف ايُٓ‪ٛ‬شز‪ْٚ .‬ػتدسّ اي‪ٛ‬غِ <‪>INPUT‬‬
‫يتعط‪ٜ‬ؿٗا ‪ٚ‬اؿك‪ٝ‬ك‪ ١‬إٔ ٖص‪ ٙ‬ا٭ؾهاٍ ٖ‪ ٞ‬فطز خكا‪٥‬ل أ‪ ٚ‬با٭سط‪ ٣‬ق‪ ِٝ‬ـكا‪٥‬ل تابع‪١‬‬
‫هلصا اي‪ٛ‬غِ‪ .‬ن‪ٝ‬ـ؟ ‪ ...‬يٓأخص َجا‪ ً٫‬عً‪ ٢‬شيو ٭‪ٚ‬نض يو ٖصا املؿٗ‪ّٛ‬‬

‫َ‪٬‬سع‪ :١‬إشا نٓت تػتدسّ ‪ Sindbad 3.x‬ؾػ‪ٝ‬بس‪ ٚ‬اؿكٌ ‪ٚ‬ايٓل اجملا‪ٚ‬ض ي٘ بك‪ٛ‬ض‪٠‬‬
‫َعه‪ٛ‬غ‪َ ٖٞٚ ,١‬ؿهً‪ْ ١‬اػ‪ ١‬عٔ بطْاَر ‪ Netscape‬ايص‪ٜ ٟ‬عٌُ َٔ خ‪٬‬ي٘‬
‫‪Nablus, Palestine‬‬
‫‪Please enter your address:‬‬

‫َت اي‪ٛ‬غِ <‬

‫َػبكاً) ‪ َٔٚ‬ثِ قُت بإناؾ‪ ١‬اـاق‪ TYPE ١ٝ‬هلصا اي‪ٛ‬غِ يتشس‪ٜ‬س ْ‪ٛ‬ع ايؿهٌ ايص‪ٟ‬‬
‫أض‪ٜ‬س‪ٚ ٙ‬أعط‪ٝ‬تٗا ايك‪ TEXT ١ُٝ‬أ‪ٟ‬‬

‫>‪<FORM ...‬‬
‫>"‪<INPUT TYPE="text‬‬
‫>‪</FORM‬‬

‫ي‪ٓٝ‬تر يس‪ٜٓ‬ا ٖصا ايؿهٌ‪:‬‬

‫َعذلن‪:١‬‬ ‫ؾكط‪٠‬‬
‫إي‪ٝ‬و مج‪ٝ‬ع ا٭ؾهاٍ (ايك‪ )ِٝ‬املػتدسَ‪َ ١‬ع اـاق‪TYPE ١ٝ‬‬
‫‪ٚ‬غ‪ٛ‬ف أتطنٗا اٯٕ بس‪ ٕٚ‬تعً‪ٝ‬ل ؿني َٓاقؿٗا ‪٫‬سكاً بؿهٌ‬
‫َؿكٌ‪َ .‬ع َ‪٬‬سع‪ ١‬إٔ ٖٓاى ؾهًني آخط‪ْ ٜٔ‬سضدُٗا‬
‫باي‪ٛ‬غ‪ّٛ‬‬
‫<‪>TEXTAREA< ,>SELECT‬‬
‫>"‪<INPUT TYPE="text‬‬
‫>"‪<INPUT TYPE="password‬‬ ‫***********‬

‫>"‪<INPUT TYPE="hidden‬‬
‫>"‪<INPUT TYPE="radio‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪124‬‬ ‫>"‪<INPUT TYPE="checkbox‬‬

‫>"‪<INPUT TYPE="submit‬‬ ‫‪Submit‬‬

‫>"‪<INPUT TYPE="reset‬‬ ‫‪Reset‬‬

‫>"‪<INPUT TYPE="button‬‬

‫أضد‪ ٛ‬إٔ أن‪ ٕٛ‬قس ‪ٚ‬نشت يو اٯٕ ‪ٚ‬ظ‪ٝ‬ؿ‪ ١‬اـاق‪ٚ TYPE ١ٝ‬مج‪ٝ‬ع ايك‪ ِٝ‬املػتدسَ‪١‬‬
‫َعٗا‬
‫‪ْٚ‬ع‪ٛ‬ز اٯٕ إىل َجايٓا‪ ..‬اـاق‪ ١ٝ‬ايجاْ‪ ١ٝ‬املػتدسَ‪َ ١‬ع <‪NAME ٖٞ >INPUT‬‬
‫‪ٚ‬تػتدسّ يتػُ‪ ١ٝ‬سكٌ ايب‪ٝ‬اْات س‪ٝ‬ح قُت بإعطا‪ ٤‬اإلغِ ‪ address‬هلصا اؿكٌ يف‬
‫املجاٍ‪( .‬يو نٌ اؿط‪ ١ٜ‬يف إعطا‪ ٤‬اإلغِ ايص‪ ٟ‬تط‪ٜ‬س‪ ٙ‬يًشكٌ)‪ٚ .‬اؿك‪ٝ‬ك‪ ١‬إٔ ٖصا اإلغِ‬
‫‪ٜ‬عطّف اؿكٌ يف زاخٌ ايُٓ‪ٛ‬شز ْؿػ٘‪ ,‬ع‪ٝ‬ح ميهٔ اغتدساَ٘ ؾ‪ُٝ‬ا بعس يًشادات‬
‫ايدلف‪ٚ ١ٝ‬نط‪ٚ‬ضات املعاؾ‪ ١‬إٕ ‪ٚ‬دست َٔ قبٌ ايدلاَر اييت قس ته‪ٝ‬ؿٗا نُكُِ‬
‫يًُ‪ٛ‬قع‪ٚ .‬ست‪ ٢‬عٓسَا تط‪ٜ‬س إٔ ‪ُٜ‬طغٌ ايُٓ‪ٛ‬شز إي‪ٝ‬و بايدل‪ٜ‬س ؾإٕ سك‪ٛ‬ي٘ تعطّف با‪٫‬غِ ايص‪ٟ‬‬
‫أزضدت٘ هلا َٔ خ‪ٖ ٍ٬‬ص‪ ٙ‬اـاق‪٫( .١ٝ‬سغ َا قًتُ٘ غابكاً عٔ تعط‪ٜ‬ـ أزلا‪ ٤‬اؿك‪ ٍٛ‬عٓسَا‬
‫ؼسثٓا عٔ ايذلَ‪ٝ‬ع ‪ٚ‬ايططم اييت تكٌ بٗا قت‪ٜٛ‬ات ايُٓ‪ٛ‬شز)‪ٚ .‬نُا تط‪ٜٛ ٫ ٣‬دس (ست‪٢‬‬
‫اٯٕ) َا ‪ٜ‬سٍ عً‪ ٢‬إٔ ٖصا اؿكٌ ىتل بإزخاٍ ايعٓ‪ٛ‬إ‪.‬‬

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

‫‪Ple‬أَا ايعباض‪٠‬‬
‫ايعا‪٥‬ط َا ايص‪ ٟ‬هب عً‪ ٘ٝ‬نتابت٘ ‪ٚ‬تػتط‪ٝ‬ع ق‪ٝ‬اغ‪ٖ ١‬ص‪ ٙ‬ايعباض‪ ٠‬نُا تط‪ٜ‬س‪ .‬ؾؿ‪ ٞ‬نٌ‬
‫ا٭س‪ٛ‬اٍ ي‪ٝ‬ؼ هلا ع‪٬‬ق‪ ١‬ظ‪ٖٛ‬ط ايُٓ‪ٛ‬شز ْؿػ٘ بعهؼ اـاق‪.NAME ١ٝ‬‬

‫>‪<FORM ...‬‬
‫"‪Please enter your address : <INPUT TYPE="text‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪125‬‬ ‫>"‪NAME="address‬‬
‫>‪</FORM‬‬

‫‪Please enter your address :‬‬

‫زاخٌ اؿكٌ‬
‫تط‪ٜ‬سٖا) ‪ ٖٞٚ‬مبجاب‪ ١‬ايك‪ ١ُٝ‬اإلؾذلان‪ ١ٝ‬اييت تط‪ٜ‬سٖا يًشكٌ‪ ,‬ؾباإلَهإ إظٗاضٖا َٔ خ‪ٍ٬‬‬
‫اـاق‪ٖٚ .VALUE ١ٝ‬ص‪ ٙ‬اـاق‪ ١ٝ‬تػتدسّ يف اؿا‪٫‬ت اييت ْت‪ٛ‬قع ؾ‪ٗٝ‬ا نتاب‪ ١‬ق‪١ُٝ‬‬
‫زاضد‪ ١‬أ‪َ ٚ‬تهطض‪ َٔ ٠‬قبٌ َععِ ايع‪ٚ‬اض ‪ٚ‬يًتػٗ‪ ٌٝ‬عً‪ٜ ِٗٝ‬تِ تع‪ٗٓٝٝ‬ا نك‪ ١ُٝ‬إؾذلان‪١ٝ‬‬
‫‪ٚ‬بايطبع َع ت‪ٛ‬ؾط إَهاْ‪ ١ٝ‬سصؾٗا ‪ٚ‬نتاب‪َ ١‬ا ‪ٜ‬ط‪ٜ‬سْ٘ بس‪َٗٓ ً٫‬ا‪.‬‬

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

‫دسّ اـاق‪١ٝ‬‬
‫ْط‪ٜ‬س‪ ٙ‬نشذِ يًشكٌ‪ ,‬يٓذطب ايطقِ ‪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 :‬‬

‫‪ٛ‬دس يًداق‪١ٝ‬‬
‫‪ٜ‬هتبٗا زاخٌ اؿكٌ‪ٚ .‬بعباض‪ ٠‬أخط‪ :٣‬قش‪ٝ‬ض أْٓا سسزْا سذِ اؿكٌ يهٔ شيو ‪ٜ‬ػط‪ ٟ‬ؾكط‬
‫عً‪َ ٢‬عٗط‪ ٙ‬عً‪ ٢‬ايؿاؾ‪ٜٛ ٫ٚ .١‬دس َا ميٓع ايعا‪٥‬ط َٔ ايهتاب‪ ١‬ع‪ٝ‬ح ‪ٜ‬تذا‪ٚ‬ظ ايٓل سذِ‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪126‬‬ ‫اؿكٌ احملسز‪ٖٓٚ .‬ا ‪ٜ‬أت‪ ٞ‬ز‪ٚ‬ض اـاق‪ 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 :‬‬

‫َاشا غ‪ٝ‬شسخ؟‬

‫إْتٗ‪ٓٝ‬ا اٯٕ َٔ خكا‪٥‬ل اي‪ٛ‬غِ ‪ INPUT‬ؾُا ضأ‪ٜ‬و بإمجاهلا َط‪ ٠‬أخط‪٣‬؟ سػٓاً‪ٖ ,‬ص‪ٙ‬‬
‫ٖ‪:ٞ‬‬

‫‪ :TYPE‬يتشس‪ٜ‬س ْ‪ٛ‬ع (ؾهٌ) سكٌ ايب‪ٝ‬اْات‪.‬‬ ‫‪‬‬

‫‪ :NAME‬يتع‪ٝ‬ني اغِ ؿكٌ ايب‪ٝ‬اْات‪.‬‬ ‫‪‬‬

‫‪ :VALUE‬يتع‪ٝ‬ني ق‪ ١ُٝ‬إؾذلان‪َ( ١ٝ‬بس‪ )١ٝ٥‬ؿكٌ ايب‪ٝ‬اْات‪.‬‬ ‫‪‬‬

‫‪ :SIZE‬يتشس‪ٜ‬س سذِ سكٌ ايب‪ٝ‬اْات‪.‬‬ ‫‪‬‬

‫‪ :MAXLENGTH‬يتع‪ٝ‬ني اؿس ا٭قك‪ ٢‬يعسز اؿط‪ٚ‬ف املسخً‪ ١‬يف اؿكٌ‪.‬‬ ‫‪‬‬

‫ايٓ‪ٛ‬ع ايجاْ‪ َٔ ٞ‬اؿك‪ ٍٛ‬املػتدسَ‪ ١‬يف ايُٓاشز ٖ‪ ٛ‬سكٌ ‪ٜ ٖٛٚ password‬ؿب٘ اؿكٌ‬
‫‪ َٔ text‬س‪ٝ‬ح اـكا‪٥‬ل متاَاً غرل إٔ َسخ‪٬‬ت٘ تعٗط عً‪ ٢‬ؾهٌ ****** َُٗا‬
‫ناْت‪ ٖٛٚ ,‬ايؿطم اي‪ٛ‬س‪ٝ‬س ب‪ُٗٓٝ‬ا‪ٚ .‬ضمبا ته‪ ٕٛ‬قس اغتٓتذت اٯٕ إٔ ٖصا ايٓ‪ٛ‬ع َٔ اؿك‪ٍٛ‬‬
‫‪ٜ‬ػتدسّ عٓسَا ‪ٜٛ‬دس ساد‪ ١‬إلزخاٍ نًُ‪ ١‬غط َٔ قبٌ ايعا‪٥‬ط يف ايُٓ‪ٛ‬شز‬

‫>‪<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‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪127‬‬ ‫>"‪SIZE="40" MAXLENGTH="30‬‬

‫>‪</FORM‬‬

‫‪Please‬‬ ‫‪enter‬‬ ‫‪your‬‬ ‫‪name‬‬ ‫‪:‬‬

‫‪Please enter your password :‬‬

‫ق‪ ِٝ‬إؾذلان‪١ٝ‬‬
‫‪ٚ‬أغتط‪ٝ‬ع أ‪ٜ‬هاً إٔ أيػ‪ٗٝ‬ا ْٗا‪ٝ٥‬اً َٔ ايؿ‪ٝ‬ؿط‪ٚ .٠‬أْا يف ٖصا املجاٍ أضزت إٔ أ‪ٚ‬نض يو عسّ‬
‫أُٖ‪ ١ٝ‬نتاب‪ ١‬ق‪ ١ُٝ‬إؾذلان‪ ١ٝ‬يًشك‪ ٍٛ‬يف بعض اؿا‪٫‬ت‪.‬‬

‫ْأت‪ ٞ‬اٯٕ إىل ايٓ‪ٛ‬ع ايجايح َٔ أْ‪ٛ‬اع اؿك‪ 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 :‬‬
‫عا‪٥‬ط ئ ‪ٜ‬تعاٌَ‬
‫َع٘ بٌ ‪ٚ‬ضمبا ئ ‪ٜ‬عطف إٔ ٖٓاى سك‪ ً٬‬كؿ‪ٝ‬اً‪ٚ .‬ايػ‪٪‬اٍ ٖٓا‪َ :‬ا ايؿا‪٥‬س‪ٚ َٔ ٠‬د‪ٛ‬ز ؾ‪٤ٞ‬‬
‫كؿ‪ ٫ ٢‬إَهاْ‪٫ ١ٝ‬غتدساَ٘؟ ‪ٚ‬يه‪ ٞ‬أد‪ٝ‬ب عً‪ٖ ٢‬صا ايػ‪٪‬اٍ زعين أططح يو َجا‪ ً٫‬أ‪ٚ‬‬
‫‪ٜٚ‬ب‪...‬‬ ‫قؿشات‬ ‫نُكُِ‬ ‫ت‪ٛ‬ادٗو‬ ‫قس‬ ‫ساي‪١‬‬
‫يٓؿطض إٔ يس‪ٜ‬و ث‪٬‬خ قؿشات تتهُٔ نٌ َٓٗا من‪ٛ‬شداً َا ‪ٚ‬إٔ ٖص‪ ٙ‬ايُٓاشز َتؿابٗ‪.١‬‬
‫‪ٚ‬ؼت‪ ٟٛ‬عً‪ْ ٢‬ؿؼ اؿك‪ٚ .ٍٛ‬عٓسَا تكًو ايب‪ٝ‬اْات ن‪ٝ‬ـ غتػتط‪ٝ‬ع مت‪ٝٝ‬ع أ‪ٖ َٔ ٟ‬ص‪ٙ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪128‬‬ ‫ايُٓاشز اغتدسّ إلضغاٍ ايب‪ٝ‬اْات؟ بإَهاْو إناؾ‪ٖ ١‬صا اؿكٌ (اي‪ٚ )ُٖٞٛ‬إغٓاز أ‪ٟ‬‬
‫اغِ ‪ٚ‬أ‪ ٟ‬ق‪ ١ُٝ‬ي٘ يف نٌ من‪ٛ‬شز‪.‬‬

‫يف ايُٓ‪ٛ‬شز ا٭‪... ٍٚ‬‬

‫>"‪<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‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪129‬‬ ‫>‪<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 :‬‬

‫‪ .‬أي‪ٝ‬ؼ نصيو؟‬

‫ْه‪ ٕٛ‬اٯٕ قس ‪ٚ‬قًٓا إىل ْٗا‪ٖ ١ٜ‬صا ايسضؽ‪ٚ .‬أمتٓ‪ ٢‬إٔ أن‪ ٕٛ‬قس لشت يف ت‪ٝ‬ػرل عًُ‪١ٝ‬‬
‫ؾُٗٗا ‪ٚ‬ايتعاٌَ َعٗا بايٓػب‪ ١‬يو‪َٚ .‬ع شيو ؾٓشٔ مل ْٓت٘ بعس‪ ...‬ؾػ‪ٛ‬ف ْٓاقـ َا‬
‫تبك‪ ٢‬يف ايسضؽ ايكازّ ‪ ,‬أيكاى ٖٓاى‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪132‬‬

‫عؿط‬ ‫اـاَؼ‬ ‫ايسضؽ‬

‫ايُٓاشز (‪)2‬‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ اـاَؼ عؿط َٔ زض‪ٚ‬ؽ ‪ ٖٛٚ .HTML‬ايجاْ‪ َٔ ٞ‬زضغني‬
‫س‪ ٍٛ‬ايُٓاشز‪ .‬يكس قُٓا يف ايسضؽ ايػابل مبٓاقؿ‪ ١‬اي‪ٛ‬غ‪ ّٛ‬ا٭غاغ‪ ١ٝ‬يًُٓاشز ‪ٚ‬تعًُٓا‬
‫ن‪ٝ‬ؿ‪ ١ٝ‬إزضاز ايُٓاشز يف قؿشات اي‪ٜٛ‬ب‪ .‬نُا قُٓا مبٓاقؿ‪ ١‬بعض أؾهاٍ إزخاٍ‬
‫ايب‪ٝ‬اْات يف ايُٓ‪ٛ‬شز ‪ ٌٖ Text, Password, Hidden ٖٞٚ‬تصنط ن‪ٝ‬ـ ْك‪ّٛ‬‬
‫بتعط‪ٜ‬ؿٗا؟ ضادع ايسضؽ ايػابل إٕ أضزت املع‪ٜ‬س َٔ ايت‪ٛ‬ن‪ٝ‬ض‪ٚ ,‬إ‪ٖٝ ٫‬ا بٓا ْهٌُ ‪ٚ‬يٓسخٌ‬
‫يف امل‪ٛ‬ن‪ٛ‬ع َباؾط‪.٠‬‬

‫غ‪ٛ‬ف ْتابع اٯٕ َع فُ‪ٛ‬ع‪ َٔ ١‬ا٭ؾهاٍ اـاق‪ ١‬با‪٫‬خت‪ٝ‬اض َٔ َتعسز ‪ ٖٞٚ‬باملٓاغب‪ ١‬ث‪٬‬ث‪١‬‬
‫أْ‪ٛ‬اع‪ٚ Radio, Checkbox :‬قا‪ ١ُ٥‬اإلخت‪ٝ‬اض‬

‫ْبسأ َع ايؿهٌ املػُ‪َ َٔٚ .RADIO ٢‬ػ‪ٛ‬غات اغتدساّ ٖصا ايؿهٌ إٔ ايػ‪٪‬اٍ‬
‫املطط‪ٚ‬ح ‪ٜٓ‬بػ‪ ٢‬إٔ ‪ٜ‬ه‪ ٕٛ‬ي٘ إداب‪ٚ ١‬اسس‪ ٠‬ؾكط‪ ,‬أ‪ ٚ‬بعباض‪ ٠‬أخط‪ ٣‬عً‪ ٢‬ايعا‪٥‬ط إٔ ىتاض إداب‪١‬‬
‫‪ٚ‬اسس‪ ٠‬ؾكط‪.‬‬

‫‪ٚ‬نُجاٍ‪ ,‬يٓؿطض أْين أض‪ٜ‬س إٔ أغأٍ ايعا‪٥‬ط عٔ املتكؿض ايص‪ٜ ٟ‬ػتدسَ٘ (نُا ٖ‪َٛ ٛ‬د‪ٛ‬ز‬
‫يف زؾذل ايع‪ٚ‬اض عً‪ ٢‬ؾهٌ قا‪ ١ُ٥‬إخت‪ٝ‬اض) يهٔ بس‪ َٔ ٫‬إٔ ‪ٜ‬ه‪ ٕٛ‬عً‪ ٢‬ؾهٌ قا‪ ١ُ٥‬إخت‪ٝ‬اض‬
‫أض‪ٜ‬س‪ ٙ‬إٔ ‪ٜ‬ه‪ ٕٛ‬عً‪ ٢‬ؾهٌ ‪ٚ RADIO‬شيو بايؿهٌ ايتاي‪(:ٞ‬أ‪ٚ‬ز إٔ أشنطى إٔ عٓاقط‬
‫ايُٓ‪ٛ‬شز تعٗط بؿهٌ َعه‪ٛ‬ؽ إشا نٓت تػتدسّ ‪)Sindbad 3.0‬‬

‫‪Sindbad‬‬ ‫‪3.0‬‬
‫‪Sindbad‬‬ ‫‪4.0‬‬
‫‪Ms‬‬ ‫‪Explorer‬‬ ‫‪3.0‬‬
‫‪Ms Explorer 4.0‬‬
‫عطّف من‪ٛ‬شداً‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪131‬‬ ‫>‪<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‬‬

‫دسّ اـاق‪١ٝ‬‬
‫ا‪٫‬غِ املعط‪ ٢‬عس شات٘ ؾُٔ ا٭ؾهٌ إٔ ‪ٜ‬ه‪َ ٕٛ‬طتبطاً ْ‪ٛ‬عاً َا مب‪ٛ‬ن‪ٛ‬ع ايػ‪٪‬اٍ‪ ,‬ي‪ٝ‬ؼ ٭ٕ‬
‫ٖصا نط‪ٚ‬ض‪ ٟ‬يًُٓ‪ٛ‬شز بٌ ٖ‪ ٛ‬نط‪ٚ‬ض‪ ٟ‬يو نؿدل غ‪ٝ‬ك‪ ّٛ‬باغتكباٍ ايب‪ٝ‬اْات املطغً‪َٔ ١‬‬
‫خ‪ ٍ٬‬ايُٓ‪ٛ‬شز‪ٚ ,‬بايتاي‪ َٔ ٞ‬ا٭ؾهٌ إٔ ‪ٜٛ‬دس عٓ‪ٛ‬إ َعبّط يًب‪ٝ‬اْات بػطض ايتُ‪ٝٝ‬ع‪ٚ .‬مبا أْٓا‬
‫ٖٓا ْتشسخ عٔ املتكؿشات ؾً‪ٝ‬هٔ ٖصا ا‪٫‬غِ ٖ‪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‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪132‬‬

‫ؾهٌ ايُٓ‪ٛ‬شز‬
‫(ضادع ايسضؽ ايػابل) يهٔ أ‪ ٟ‬إخت‪ٝ‬اض غ‪ٝ‬ك‪ ّٛ‬ب٘ ايعا‪٥‬ط َٔ ٖص‪ ٙ‬ا٭ضبع‪ ١‬خ‪ٝ‬اضات غ‪ٛ‬ف‬
‫‪ٜ‬كًو ؼت ا‪٫‬غِ ‪.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‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

133 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
‫قس‬ٚ ‫ٗط أسسٖا‬
ٌ‫ َع تطى ن‬,٘ٝ‫ إي‬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

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪134‬‬

‫ْأت‪ ٞ‬اٯٕ إىل ايؿهٌ ايجاْ‪ َٔ ٞ‬أؾهاٍ اإلخت‪ٝ‬اض َٔ َتعسز ‪ٚ‬ايص‪ٜ ٟ‬سع‪٢‬‬
‫‪ .CHECKBOX‬ظاٖط‪ٜ‬اً ‪ ٫‬ىتًـ ٖصا ايؿهٌ عٔ ايؿهٌ ايص‪ ٟ‬غبك٘‪ ,‬يهٔ عًُ‪ٝ‬اً ٖٓاى‬
‫اخت‪٬‬ؾات دصض‪ َٔ ١ٜ‬س‪ٝ‬ح املؿٗ‪ٚ ّٛ‬ايتعط‪ٜ‬ـ‪ٚ .‬أْا أؾهٌّ إٔ ْبك‪ ٢‬عً‪ ٢‬اغتدسآَا يًُجاٍ‬
‫ايػابل ست‪ٜ ٢‬ػٌٗ عً‪ٓٝ‬ا مت‪ٝٝ‬ع ايؿط‪ٚ‬م‪.‬‬

‫‪Sindbad‬‬ ‫‪3.0‬‬
‫‪Sindbad‬‬ ‫‪4.0‬‬
‫‪MS‬‬ ‫‪Explorer‬‬ ‫‪3.0‬‬
‫‪MS Explorer 4.0‬‬
‫شا غ‪ٝ‬شسخ؟ إٕ‬
‫باغتطاعتو اخت‪ٝ‬اض أنجط َٔ سكٌ يف ْؿؼ اي‪ٛ‬قت! ‪ٖٚ‬صا ٖ‪ ٛ‬ايؿطم ا٭‪ ٍٚ‬بني‬
‫‪ RADIO ٚ CHECKBOX‬ؾؿ‪ RADIO ٞ‬ميهٔ اخت‪ٝ‬اض سكٌ ‪ٚ‬اسس ؾكط ي‪ٝ‬ؼ أنجط‪.‬‬
‫يٓكِ اٯٕ بتعط‪ٜ‬ـ ٖص‪ ٙ‬اؿك‪ٚ ,ٍٛ‬تػُ‪ٝ‬تٗا بؿهٌ َباؾط ‪ َٔٚ‬ثِ غٓعًٍل عً‪ٗٝ‬ا‪:‬‬

‫>‪<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‬‬

‫َاشا ت‪٬‬سغ؟ أ‪ ً٫ٚ‬يكس أغٓسْا ايك‪ checkbox ١ُٝ‬يًداق‪ .TYPE ١ٝ‬ثِ أعط‪ٓٝ‬ا يهٌ سكٌ‬
‫يف ايكا‪ ١ُ٥‬إزلاً مم‪ٝ‬عاً يف اـاق‪ NAME ١ٝ‬ىتًـ عٔ باق‪ ٞ‬اؿك‪ .ٍٛ‬أَا اـاق‪١ٝ‬‬
‫‪ VALUE‬ؾأعط‪ٓٝ‬اٖا ق‪َٛ ١ُٝ‬سس‪ ٠‬ؾُ‪ٝ‬ع اؿك‪ٚ .ٍٛ‬بايطبع قُٓا يف ايٓٗا‪ ١ٜ‬بهتاب‪١‬‬
‫ا٭زلا‪ ٤‬ايتعط‪ٜ‬ؿ‪ ١ٝ‬يهٌ سكٌ‪.‬‬

‫يف ‪ْ RADIO‬ػتط‪ٝ‬ع اخت‪ٝ‬اض سكٌ ‪ٚ‬اسس ؾكط أَا يف‬

‫‪ CHECKBOX‬ؾٓدتاض أنجط َٔ سكٌ‪ ,‬يصيو ‪ٜ‬ػتدسّ عاز‪٠‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

135
‫ يٓؿؼ‬١‫ب‬ٛ‫ أد‬٠‫ عس‬٢ً‫ٗا ع‬ٝ‫ت اييت وتٌُ إٔ مكٌ ؾ‬٫‫يف اؿا‬
.ٍ‫ا‬٪‫ايػ‬

,١‫ِ كتًؿ‬ٝ‫ايك‬ٚ ٠‫سس‬َٛ ٍٛ‫ اؿك‬٤‫ٕ أزلا‬ٛ‫ ته‬RADIO ‫يف‬

ِٝ‫ايك‬ٚ ١‫ كتًؿ‬٤‫ٕ ا٭زلا‬ٛ‫ ؾته‬CHECKBOX ‫أَا يف‬
٠‫سس‬َٛ

‫ف تكًو‬ٛ‫ايطابع ؾػ‬ٚ ْٞ‫اض اؿكًني ايجا‬ٝ‫اْات؟ سػٓاً يٓؿطض أْ٘ مت اخت‬ٝ‫ـ غتكٌ ايب‬ٝ‫ن‬
:ٞ‫ بايؿهٌ ايتاي‬١‫ذ‬ٝ‫ايٓت‬

Sind4=Yes
Msie4=Yes

ّ‫ باغتدسا‬RADIO ‫ نُا ؾعًٓا َع‬١ٝ٥‫ تًكا‬٠‫ض‬ٛ‫ٍ بك‬ٛ‫ِ بعض اؿك‬ًٝ‫هاً تع‬ٜ‫ع أ‬ٝ‫نُا ْػتط‬
CHECKED ١ٝ‫ْؿؼ اـاق‬

<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

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪136‬‬ ‫ايٓ‪ٛ‬ع ايجايح َٔ أؾهاٍ اإلخت‪ٝ‬اض َٔ َتعسز ٖ‪ ٛ‬ق‪ٛ‬ا‪ ِ٥‬ا‪٫‬خت‪ٝ‬اض‪ٖٚ ,‬صا ايٓ‪ٛ‬ع غ‪ٛ‬ف ‪ٜ‬ك‪ٛ‬زْا‬
‫إىل ‪ٚ‬غ‪ ّٛ‬دس‪ٜ‬س‪ٚ َٔ ٠‬غ‪ ّٛ‬ايتعط‪ٜ‬ـ ‪ٚ‬اييت غتػتدسّ بس‪ٖٞٚ >INPUT< َٔ ً٫‬‬

‫>‪<SELECT‬‬
‫>‪<OPTION‬‬
‫>‪<OPTION‬‬
‫>‪<OPTION‬‬
‫‪.....‬‬
‫‪.....‬‬
‫>‪</SELECT‬‬

‫ع‪ٝ‬ح إٔ <‪ >SELECT/< ... >SELECT‬ؼسزإ بسا‪ْٗٚ ١ٜ‬ا‪ ١ٜ‬ايكا‪ٚ ,١ُ٥‬اي‪ٛ‬غِ‬

‫<‪ >OPTION‬ايص‪ٜٛ ٟ‬نع زا‪ُ٥‬ا ب‪ُٗٓٝ‬ا ‪ٜ‬ػتدسّ يتشس‪ٜ‬س نٌ عٓكط َٔ عٓاقط ايكا‪.١ُ٥‬‬
‫يٓعس إىل َجايٓا ايػابل يٓط‪ ٣‬ن‪ٝ‬ـ ميهٔ ‪ٚ‬نع اـ‪ٝ‬اضات يف قا‪١ُ٥‬‬

‫>‪<FORM‬‬
‫>‪<SELECT‬‬
‫‪<OPTION> Sindbad 3.0‬‬
‫‪<OPTION> Sindbad 4.0‬‬
‫‪<OPTION> MS Explorer 3.0‬‬
‫‪<OPTION> MS Explorer 4.0‬‬
‫>‪</SELECT‬‬
‫>‪</FORM‬‬

‫‪ٚ‬بصيو ته‪ ٕٛ‬ايٓت‪ٝ‬ذ‪:ٖٞ ١‬‬

‫‪ٛ‬غ‪ٖٓٚ .ّٛ‬اى‬
‫خكا‪٥‬ل َؿذلن‪ ١‬عطؾٓاٖا يف ا٭ؾهاٍ ايػابك‪ ١‬غ‪ٝ‬تِ اغتدساَٗا ٖٓا أ‪ٜ‬هاً نُا ‪ٜٛ‬دس‬
‫خكا‪٥‬ل دس‪ٜ‬س‪ ٠‬تتعًل ؾكط بٗصا ايؿهٌ َٔ سك‪ ٍٛ‬ايب‪ٝ‬اْات‪ .‬ؾبايٓػب‪ ١‬يـِ <‪>SELECT‬‬
‫‪ٜٛ‬دس اـاق‪ ٖٞٚ NAME ١ٝ‬نُا تعًِ ؼسز اغِ ايكا‪ .١ُ٥‬نُا ت‪ٛ‬دس اـاق‪SIZE ١ٝ‬‬
‫اييت ؼسز سذِ (أ‪ ٚ‬با٭سط‪ )٣‬اضتؿاع ايكا‪ٚ ,١ُ٥‬بايتاي‪ ٞ‬عسز ايب‪ٝ‬اْات ايعاٖط‪ ٠‬ؾ‪ٗٝ‬ا‪ٖٞٚ .‬‬
‫تأخص أ‪ ٟ‬ق‪ ١ُٝ‬عسز‪ ١ٜ‬قش‪ٝ‬ش‪.١‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪137‬‬ ‫>‪<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 ١ٝ‬يٓكِ اٯٕ بعطض‬
‫مج‪ٝ‬ع ايك‪( ِٝ‬يس‪ٜٓ‬ا أضبع‪ ١‬ق‪ ,ِٝ‬إشٕ ايك‪ ١ُٝ‬املهت‪ٛ‬ب‪َ ١‬ع ‪ SIZE‬هب إٔ ته‪ َٔٚ ,)4 ٕٛ‬ثِ‬
‫يٓتض اجملاٍ أَاّ ايعا‪٥‬ط ‪٫‬خت‪ٝ‬اض أنجط َٔ ق‪ٚ ١ُٝ‬اسس‪ ٠‬يف ايكا‪.١ُ٥‬‬

‫>‪<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‬‬
‫‪Sindbad 3.0‬‬
‫‪Sindbad 4.0‬‬
‫‪MS Explorer 3.0‬‬
‫‪MS Explorer 4.0‬‬

‫عً‪ ٢‬املؿتاح‬
‫اإلخت‪ٝ‬اض‪.‬‬ ‫عًُ‪١ٝ‬‬ ‫أثٓا‪٤‬‬

‫أَا اـكا‪٥‬ل املػتدسَ‪َ ١‬ع اي‪ٛ‬غِ <‪ >OPTION‬ؾٗ‪ٚ VALUE ٞ‬اييت‬

‫اغتدسَٓاٖا َٔ قبٌ ‪ٚ‬غٓػتدسَٗا اٯٕ إلعطا‪ ٤‬ق‪ ١ُٝ‬يهٌ سكٌ ب‪ٝ‬اْات يف ايكا‪.١ُ٥‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫ مهندس حامد محمد حامد‬: ‫تأليف‬ HTML ‫القطار السريع في لغة‬

138 ‫قس‬ٚ ‫عٗط‬ٜ ٕ‫س أ‬ٜ‫> ْط‬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>

١ٝ‫ز اـاق‬ٛ‫د‬ٚ َٔ ‫ بس‬٫ ‫ َع٘؟ بايطبع‬١َ‫ل املػتدس‬٥‫ع ؽُني اـكا‬ٝ‫ٌٖ تػتط‬

ٟ‫باملكابٌ ؾإٕ أ‬ٚ , VALUE ١ٝ‫ز يًداق‬ٛ‫د‬ٚ ٫ ٔ‫ يه‬.‫ـ‬ٜ‫ اغِ ايتعط‬ٙ٤‫ إلعطا‬NAME
١ٝ٥‫ تًكا‬٠‫ض‬ٛ‫تِ عطن٘ زاخٌ اؿكٌ بك‬ٝ‫زلني غ‬ٛ‫هتب بني اي‬ٜ ‫ْل‬

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

Email : [email protected] Mob : 00249912927281-00249123222878

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬
‫)‪Hello, please w rite your comments here :-‬‬
‫‪139‬‬

‫‪ٚ‬اضتؿاعاً‪ٖٞٚ ,‬‬
‫ايعطض ‪ ROWS ٚ‬اييت ؼسز اإلضتؿاع‬

‫>"‪<TEXTAREA NAME="comments" COLS="30" ROWS="6‬‬

‫>‪</TEXTAREA‬‬

‫رل‪ٖٓ ٠‬ا ؾٗ‪ٞ‬‬

‫اؿكٌ (‪ ٫‬تعٌُ ٖص‪ ٙ‬اـاق‪َ ١ٝ‬ع ‪ٖٓٚ )MS Explorer 3.0‬اى ث‪٬‬ث‪ ١‬ق‪ ِٝ‬تأخصٖا ‪ٖٞٚ‬‬
‫عً‪ ٢‬ايٓش‪ ٛ‬ايتاي‪:ٞ‬‬

‫‪ : virtual‬اييت تعين إٔ ايٓل غ‪ًٝ‬تـ عً‪ ٢‬عس‪ ٠‬أغطط عٓس نتابت٘ ‪ٚ‬يهٓ٘ غ‪ٝ‬كًو عٓس‬
‫إضغاي٘ عً‪ ٢‬ؾهٌ غطط ‪ٚ‬اسس َتتابع (سا‪ ٍٚ‬ايهتاب‪ ١‬زاخٌ اؿك‪ٚ ٍٛ‬أْعط ن‪ٝ‬ؿ‪ ١ٝ‬تأثرل ٖص‪ٙ‬‬
‫اـاق‪ ١ٝ‬عً‪ ٢‬نٌ َٓٗا)‬

‫"‪<TEXTAREA NAME="comments‬‬ ‫"‪COLS="30‬‬ ‫"‪ROWS="6‬‬

‫>"‪WRAP="virtual‬‬
‫>‪</TEXTAREA‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪142‬‬ ‫عٓس ‪physical‬‬

‫إضغاي٘‬

‫"‪<TEXTAREA NAME="comments‬‬ ‫"‪COLS="30‬‬ ‫"‪ROWS="6‬‬

‫>"‪WRAP="physical‬‬
‫>‪</TEXTAREA‬‬

‫ٍ غ‪ٝ‬كًو ‪off‬‬
‫بٓؿؼ ايؿهٌ ايص‪ ٟ‬مت إزخاي٘ ب٘‬

‫"‪<TEXTAREA NAME="comments‬‬ ‫"‪COLS="30‬‬ ‫"‪ROWS="6‬‬

‫>"‪WRAP="off‬‬
‫>‪</TEXTAREA‬‬

‫سػٓاً‪ ,‬باؾذلاض أْٓا إْتٗ‪ٓٝ‬ا َٔ نتاب‪ ١‬ايؿ‪ٝ‬ؿط‪ ٠‬اـاق‪ ١‬بايُٓ‪ٛ‬شز ‪ْٓٚ‬تعط َٔ أ‪ ٟ‬ظا‪٥‬ط يًُ‪ٛ‬قع‬
‫إٔ ميٮ‪ٚ ,ٙ‬ايػ‪٪‬اٍ ٖ‪ ٛ‬ن‪ٝ‬ـ ميهٔ ي٘ إٔ ‪ٜ‬طغً٘ ؾعً‪ٝ‬اً؟ ْع‪ٛ‬ز اٯٕ إىل اي‪ٛ‬غِ <‪>INPUT‬‬
‫‪ٖٚ‬ص‪ ٙ‬املط‪َ ٠‬ع ايٓ‪ٛ‬ع ‪ٚ submit‬اييت غتك‪ ّٛ‬تًكا‪ٝ٥‬اً بإْؿا‪ ٤‬ظض غ‪ٝ‬ك‪ ّٛ‬عٓس ايٓكط عً‪٘ٝ‬‬
‫بإضغاٍ ايب‪ٝ‬اْات اييت مت ًَ‪ٖ٪‬ا يف ايُٓ‪ٛ‬شز‪.‬‬

‫>"‪<INPUT TYPE="submit‬‬

‫‪Submit‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪141‬‬ ‫‪٫Subm‬سغ إٔ‬

‫اإلؾذلان‪ ,١ٝ‬ؾإشا أضزت تػ‪ٝ‬رلٖا ؾعً‪ٝ‬و باغتدساّ اـاق‪ VALUE ١ٝ‬هلصا ايػطض‬

‫‪<INPUT TYPE="submit" VALUE="Press here to send the‬‬

‫>"‪form‬‬

‫‪Press here to send the form‬‬

‫يف ساي‪ ١‬نإ ظ‪ٚ‬اض َ‪ٛ‬قعو َٔ ايٓ‪ٛ‬ع‪ ١ٝ‬املذلزز‪ َٔ ٠‬ايٓاؽ ‪ٚ‬ايص‪ ٜٔ‬قس ‪ٜ‬ػرل‪ ٕٚ‬آضا‪ ِٗ٥‬يف‬
‫آخط ؿع‪ ,١‬ميهٓو إٔ تت‪ٝ‬ض هلِ إَهاْ‪َ ١ٝ‬ػض َا نتب‪ ٙٛ‬يف ايُٓ‪ٛ‬شز ‪ٚ‬إيػا‪ ٤‬ا٭َط‪,‬‬
‫‪ٚ‬شيو باغتدساّ ‪ reset‬نٓ‪ٛ‬ع ‪ TYPE‬يً‪ٛ‬غِ <‪ >INPUT‬بٓؿؼ طط‪ٜ‬ك‪ ١‬ايتعط‪ٜ‬ـ‬
‫‪ٚ‬اـكا‪٥‬ل املػتدسَ‪َ ١‬ع ‪.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‬‬

‫‪ٚ‬أخرلاً ‪ٚ ...‬قًٓا اٯٕ إىل ْٗا‪ ١ٜ‬سس‪ٜ‬جٓا عٔ ايُٓاشز‪ .‬ؾُا ضأ‪ٜ‬و؟ ٌٖ ٖ‪ َٔ ٛ‬امل‪ٛ‬ان‪ٝ‬ع‬
‫ايػًٗ‪ ١‬أّ ايكعب‪١‬؟ ‪ ٫‬ؾ‪ ٤ٞ‬غٌٗ يف بسا‪ٜ‬ت٘‪ .‬يصيو َٔ ا٭ؾهٌ يو إٔ ؼا‪ ٍٚ‬زا‪ُ٥‬اً‬
‫ايتسضب أ‪ ً٫ٚ‬بأ‪ ٍٚ‬عً‪ ٢‬اي‪ٛ‬غ‪ ّٛ‬املؿط‪ٚ‬س‪ ,١‬بٌ ‪ٚ‬ايع‪ٛ‬ز‪ ٠‬إىل ايسض‪ٚ‬ؽ ايػابك‪ ١‬إشا اقته‪٢‬‬
‫ا٭سسخ‪.‬‬ ‫ايسض‪ٚ‬ؽ‬ ‫َع‬ ‫بعهٗا‬ ‫تساخًت‬ ‫إشا‬ ‫‪ٚ‬خاق‪١‬‬ ‫ا٭َط‬
‫إىل ايًكا‪َٚ ... ٤‬ع متٓ‪ٝ‬ات‪ ٞ‬يو بُٓاشز َ‪ٛ‬ؾك‪ ١‬ؽً‪ َٔ ٛ‬ايتعك‪ٝ‬س‪.‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪142‬‬

‫عؿط‬ ‫ايػازؽ‬ ‫ايسضؽ‬

‫املتكؿشات ‪ٚ‬اي‪ٛ‬غ‪ ّٛ‬اـاق‪١‬‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ايػازؽ عؿط َٔ زض‪ٚ‬ؽ ‪ٚ .HTML‬ايص‪ ٟ‬غٓٓاقـ ؾ‪٘ٝ‬‬
‫‪ٚ‬اسساً َٔ امل‪ٛ‬ان‪ٝ‬ع املُٗ‪ٚ ..١‬ايؿا‪٥‬ه‪ٚ ..١‬املععذ‪ْٛ ١‬عاً َا يف ٖص‪ ٙ‬ايًػ‪ٚ ,١‬يف فاٍ‬
‫تكُ‪ ِٝ‬قؿشات اي‪ٜٛ‬ب عُ‪َٛ‬اً‪َٛ ٖٛٚ .‬ن‪ٛ‬ع اي‪ٛ‬غ‪ ّٛ‬اـاق‪ ...١‬ؾُا ٖ‪ٖ ٞ‬ص‪ ٙ‬اي‪ٛ‬غ‪ّٛ‬؟‬
‫‪ ...‬سػٓاً‪ ,‬إي‪ٝ‬و ايكك‪-:١‬‬

‫ٌٖ غبل يو ‪ٚ‬إٔ قازؾت عباض‪ Best Viewed with Netscape Navigator ٠‬أ‪Best ٚ‬‬
‫‪ Viewed with MS Internet Explorer‬أ‪( ٚ‬أؾهٌ َؿاٖس‪ ٠‬ب‪ٛ‬اغط‪ ١‬املتكؿض‬
‫ْ‪ٝ‬تػه‪ٝ‬ب … أ‪ ٚ‬إنػبً‪ٛ‬ضض) عٓس ظ‪ٜ‬اضتو يبعض َ‪ٛ‬اقع اإلْذلْت؟ ستُاً يكس ؾاٖست َجٌ‬
‫ٖص‪ ٙ‬ايعباضات تص‪ ٌٜ‬ايهجرل َٔ امل‪ٛ‬اقع‪ٚ .‬اؿك‪ٝ‬ك‪ ١‬إٔ َكُُ‪ٖ ٞ‬ص‪ ٙ‬امل‪ٛ‬اقع ي‪ٝ‬ػ‪ٛ‬ا‬
‫بايهط‪ٚ‬ض‪ َٔ ٠‬املعذبني بٗصا املتكؿض أ‪ ٚ‬شاى ع‪ٝ‬ح ‪ٜ‬عًٓ‪ٛ‬ا ‪ ِٗ٥٫ٚ‬ي٘ ز‪ ٕٚ‬غرل‪َٔ ٙ‬‬
‫املتكؿشات‪ .‬يهٔ بهٌ بػاط‪ ١‬ضمبا قاَ‪ٛ‬ا بتهُني بعض اي‪ٛ‬غ‪ ّٛ‬أ‪ ٚ‬اـكا‪٥‬ل اييت‬
‫‪ٜ‬سعُٗا شيو املتكؿض ؾكط يف قؿشاتِٗ…! ع‪ٝ‬ح إشا قاّ ظا‪٥‬ط َا بايسخ‪ ٍٛ‬إىل شيو‬
‫امل‪ٛ‬قع َػتدسَاً َتكؿشاً آخط غرل امل‪ٛ‬ق‪ ٢‬ب٘ ؾًٔ ‪ٜ‬ؿاٖس ْؿؼ ايٓت‪ٝ‬ذ‪ ١‬اييت ‪ٜ‬ؿاٖسٖا‬
‫ظا‪٥‬ط آخط ‪ٜ‬ػتدسّ املتكؿض املطً‪ٛ‬ب‪( .‬طبعاً ‪ ٫‬أغتط‪ٝ‬ع إٔ أعُِ ٖصا ٭ٕ ٖٓاى ايعس‪ٜ‬س‬
‫َٔ املكُُني ايص‪ٜ ٜٔ‬ؿهً‪ ٕٛ‬ؾع‪َ ً٬‬تكؿشاً عٔ غرل‪ ٙ‬غ‪ٛ‬ا‪ ً٤‬قاَ‪ٛ‬ا بتهُني اي‪ٛ‬غ‪ ّٛ‬اـاق‪١‬‬
‫‪)٫‬‬ ‫أّ‬ ‫ب٘‬

‫ْعِ‪ٜٛ ,‬دس ٖٓاى ايعس‪ٜ‬س َٔ اي‪ٛ‬غ‪ ّٛ‬يف يػ‪ HTML ١‬اييت قاَت ايؿطنات املٓتذ‪١‬‬
‫يًُتكؿشات نُا‪ٜ‬هط‪ٚ‬غ‪ٛ‬ؾت ‪ْٝٚ‬تػه‪ٝ‬ب بتط‪ٜٛ‬طٖا ع‪ٝ‬ح تعٌُ عً‪َ ٢‬تكؿشٗا اـام‬
‫ز‪ ٕٚ‬غرل‪ َٔ ٙ‬املتكؿشات ‪ َٔ( Browser Specific Tags‬قاٍ يو إٔ ايؿطنات ايهدل‪٣‬‬
‫تتعاٌَ َع بعهٗا ايبعض نايهباض)‪ٚ .‬قس ‪ٜ‬كٌ ا٭َط أس‪ٝ‬اْاً إىل ‪ٚ‬د‪ٛ‬ز ‪ٚ‬غ‪َٛ ّٛ‬سس‪٠‬‬
‫تسعُٗا مج‪ٝ‬ع املتكؿشات يهٔ طط‪ٜ‬ك‪ ١‬تٓؿ‪ٝ‬ص ‪ٚ‬عطض ٖص‪ ٙ‬اي‪ٛ‬غ‪ ٖٞ ّٛ‬اييت ؽتًـ‪.‬‬
‫‪ٚ‬أشنطى مبا قًٓا‪ ٙ‬يف ايسضؽ ايطابع عٓس اؿس‪ٜ‬ح عٔ ايك‪ٛ‬ا‪ .ِ٥‬ؾكس ؾاٖسْا ن‪ٝ‬ـ إٔ ن‪٬‬‬
‫املتكؿشني ‪ٜ‬سعُإ اي‪ٛ‬غِ <‪ٚ >UL‬اـاق‪ TYPE ١ٝ‬يهُٓٗا ىتًؿإ عً‪ ٢‬ايك‪ ِٝ‬اييت‬
‫تسضز َعُٗا‪ٖٚ .‬صا َجاٍ ‪ٚ‬اسس ؾكط عً‪ٖ ٢‬صا اإلخت‪٬‬ف‪.‬‬

‫‪ٚ‬أنجط َٔ شيو‪ْٓ ٫ ,‬ػ‪ ٢‬إٔ ؾطنات ايدلاَر تك‪ ّٛ‬بؿهٌ َػتُط بعًُ‪ٝ‬ات ايتشس‪ٜ‬ح‬
‫‪ٚ‬ايتشػني يدلافٗا ‪ٚ‬إط‪٬‬م إقساضات دس‪ٜ‬س‪ ٠‬هلا بني اؿني ‪ٚ‬اٯخط‪ ,‬يصيو َٔ غرل‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪143‬‬ ‫املػتبعس إٔ ىتًـ ايسعِ يً‪ٛ‬غ‪ٚ ّٛ‬اـكا‪٥‬ل َٔ قبٌ ْؿؼ املتكؿض بإقساضات٘‬
‫املدتًؿ‪ٚ ,١‬بايتاي‪ ٞ‬اخت‪٬‬ف َعٗط ايكؿشات‪ٖٚ .‬ص‪ ٙ‬املػأي‪ ١‬بايصات (‪ٚ‬أعين اخت‪٬‬ف‬
‫َعٗط ايكؿشات) ٖ‪َ ٞ‬ا تػبب أضقاً ملكُُ‪ ٞ‬قؿشات اي‪ٜٛ‬ب‪ٚ .‬ايػ‪٪‬اٍ املًٍض ز‪َٚ‬اً‬
‫يس‪ :ٖٛ ِٜٗ‬ن‪ٝ‬ـ أسكٌ عً‪ ٢‬قؿش‪ٜٚ ١‬ب ‪ ٫‬ؽتًـ يف عطنٗا َٔ َتكؿض ٯخط؟ ‪ٚ‬قس‬
‫‪ٜ‬ه‪ ٕٛ‬د‪ٛ‬اب٘ أنجط إؿاساً‪ ,‬إش ‪ٜ‬ه‪ َٔ ٕٛ‬ايكعب أس‪ٝ‬اْاً ؼك‪ٝ‬ل ٖصا اهلسف‪ٚ .‬تعزاز‬
‫قع‪ٛ‬بت٘ نًُا اظزازت ايعٓاقط ‪ٚ‬ايتٓػ‪ٝ‬كات املدتًؿ‪ ١‬اييت ؼت‪ٜٗٛ‬ا ايكؿش‪ .١‬ب‪ُٓٝ‬ا ‪ٜ‬ػٌٗ‬
‫ايتشهِ يف قؿش‪ ١‬تكتكط قت‪ٜٛ‬اتٗا عً‪ ٢‬ايٓك‪ٛ‬م ؾكط ‪ٜٚ‬ه‪ َٔ ٕٛ‬املُهٔ إخطادٗا‬
‫بٓؿؼ ايطط‪ٜ‬ك‪ ١‬يف مج‪ٝ‬ع املتكؿشات‪.‬‬

‫ؾُا اؿٌ إشٕ؟‬

‫َع إٔ بعض ٖص‪ ٙ‬اي‪ٛ‬غ‪ ّٛ‬اـاق‪ ١‬تعط‪ ٞ‬تأثرلات ضا‪٥‬ع‪ ١‬يًكؿش‪ٚ ,١‬تهؿ‪ ٞ‬عً‪ٗٝ‬ا َعٗطًا‬
‫مج‪ .ً٬ٝ‬يهٓو باملكابٌ ‪ ٫‬تهُٔ إٔ مج‪ٝ‬ع ظ‪ٚ‬اض َ‪ٛ‬قعو ‪ٜ‬ػتدسَ‪ْ ٕٛ‬ؿؼ املتكؿض‪ ,‬ؾٗصا‬
‫َػتش‪ ٌٝ‬بايطبع‪ .‬يصيو ‪ ٫‬أق‪ ٍٛ‬يو ‪ ٫‬تػتدسّ ٖص‪ ٙ‬اي‪ٛ‬غ‪ ّٛ‬يهٔ سا‪ ٍٚ‬قسض اإلَهإ‬
‫ػٓبٗا إشا أضزت إٔ تعٗط قؿشتو بٓؿؼ ايطط‪ٜ‬ك‪ ١‬اييت تط‪ٜ‬سٖا ؾُ‪ٝ‬ع ايع‪ٚ‬اض‪ .‬نصيو‬
‫سا‪ ٍٚ‬زا‪ُ٥‬اً اغتعطاض قؿشاتو باغتدساّ املتكؿشني ‪ٚ‬باغتباْات كتًؿ‪ ١‬يًؿاؾ‪١‬‬
‫ؾٗصا ‪ٜ‬عط‪ٝ‬و ؾهط‪َ ٠‬بس‪ ١ٝ٥‬عٔ ايطط‪ٜ‬ك‪ ١‬اييت غ‪ٝ‬ؿاٖسٖا بٗا ظ‪ٚ‬اضى عً‪ ٢‬كتًـ‬
‫املتكؿشات‪.‬‬

‫أْا ٖٓا أؼسخ عٔ ايكؿشات اإللً‪ٝ‬ع‪ ١ٜ‬ايك‪ٝ‬اغ‪ ١ٝ‬عُ‪َٛ‬اً‪ ,‬أَا ايكؿشات‬

‫ايعطب‪ ١ٝ‬ؾٗ‪ ٞ‬سها‪ ١ٜ‬أخط‪ ٣‬٭ٕ ايسعِ امل‪ٛ‬د‪ٛ‬ز يًػ‪ ١‬ايعطب‪ ١ٝ‬يف‬
‫املتكؿشات ي‪ٝ‬ؼ ق‪ٝ‬اغ‪ٝ‬اً ْت‪ٝ‬ذ‪ ً١‬يعس‪ ٠‬أغباب ‪ ٫‬فاٍ يصنطٖا يف ٖصا‬
‫املكاّ‪ .‬ؾُج‪َ ً٬‬تكؿض ْ‪ٝ‬تػه‪ٝ‬ب ‪ٜ ٫‬سعُٗا أق‪ٚ ً٬‬وتاز إىل بطْاَر‬
‫إنايف ‪ َٔ Plugin‬ؾطن‪ ١‬قدط ‪ ٖٛٚ‬غٓسباز‪ٖٓٚ .‬اى َتكؿض آخط‬
‫‪ٜ‬سعِ ايعس‪ٜ‬س َٔ ايًػات ايعامل‪ ١ٝ‬مبا ؾ‪ٗٝ‬ا ايعطب‪ ٖٛٚ ,١ٝ‬تال‪َٔ ٛ‬‬
‫ؾطن‪ ١‬أي‪ٝ‬ؼ‪ .‬يهٔ أْا ؾدك‪ٝ‬اً أؾهٌ َا‪ٜ‬هط‪ٚ‬غ‪ٛ‬ؾت إنػبً‪ٛ‬ضض ي‪ٝ‬ؼ َٔ‬
‫ْاس‪ ١ٝ‬اغتدساَ‪ ٞ‬٭‪ٚ ١ٜ‬غ‪ ّٛ‬خاق‪ ١‬ب٘ بٌ ٭ْ٘ ا٭ؾهٌ يف عطض ايٓك‪ٛ‬م‬
‫ايعطب‪ٚ ١ٝ‬ايكؿشات ثٓا‪ ١ٝ٥‬ايًػ‪ ١‬أنجط َٔ غرل‪ َٔ ٙ‬املتكؿشات‪.‬‬

‫قبٌ إٔ ْبسأ باغتعطاض اي‪ٛ‬غ‪ ٫ ّٛ‬بس ي‪ َٔ ٞ‬ايتٓ‪ ٜ٘ٛ‬بأْ‪ ٞ‬اغتدسّ بطْاف‪Sindbad 3.x ٞ‬‬
‫‪ٚ Ms Internet Explorer 3.x ٚ‬عٓسَا أؼسخ عٔ اي‪ٛ‬غ‪ٚ ّٛ‬اـكا‪٥‬ل ‪ٚ‬ت‪ٛ‬اؾكٗا َع‬
‫املتكؿشات ؾأْا أعين ٖص‪ ٜٔ‬املتكؿشني ‪ٚ‬أعين ضقِ اإلقساض أ‪ٜ‬هاً (‪ٚ .)3.x‬شيو ٭ُْٗا ‪٫‬‬
‫ظا‪ ٫‬ا٭نجط ض‪ٚ‬اداً (ست‪ ٢‬تاض‪ٜ‬ذ نتاب‪ٖ ١‬صا ايسضؽ)‪ ,‬غ‪ٛ‬ا‪ ٤‬ب‪ٓٓٝ‬ا نُػتدسَني عطب أ‪ ٚ‬بؿهٌ‬
‫عاّ بني َػتدسَ‪ ٞ‬اإلْذلْت عامل‪ٝ‬اً‪ َٔٚ .‬احملتٌُ إشا نٓت تػتدسّ إقساضاً أسسخ ٭سس‬
‫ٖص‪ ٙ‬ايدلاَر إٔ ت‪٬‬سغ أْ٘ قس أقبض ‪ٜ‬سعِ اي‪ٛ‬غ‪ ّٛ‬اـاق‪ ١‬بايدلْاَر اٯخط (‪ٖٚ‬صا بايطبع‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪144‬‬ ‫ي‪ٝ‬ؼ شْيب‪ ,‬بٌ شْب أ‪ٚ‬ي‪٦‬و ايص‪ٜ ٜٔ‬ط‪ٛ‬ض‪ ٕٚ‬بطافِٗ بؿهٌ زا‪َٚ ِ٥‬تػاضع ‪ٜ ٫ٚ‬ذلن‪ْٓٛ‬ا‬
‫ًْتكط أْؿاغٓا بني نٌ إقساض ‪ٚ‬آخط)‪ٚ .‬عً‪ ٢‬أ‪ ١ٜ‬ساٍ إشا نٓت ممٔ ‪ٜ‬كبً‪ ٕٛ‬ايٓك‪ٝ‬ش‪١‬‬
‫اجملاْ‪ ,١ٝ‬سا‪ ٍٚ‬زا‪ُ٥‬اً تكُ‪ ِٝ‬قؿشاتو َع اؾذلاض أغ‪ٛ‬أ اإلستُا‪٫‬ت أ‪ٚ ٟ‬انعاً ْكب‬
‫ع‪ٝٓٝ‬و إٔ ظ‪ٚ‬اض َ‪ٛ‬قعو ‪ٜ‬ػتدسَ‪َ ٕٛ‬تكؿشات قسمي‪ٚ .١‬بصيو تهُٔ إٔ َععُِٗ إٕ مل‬
‫‪ٜ‬هٔ مج‪ٝ‬عِٗ غ‪ٝ‬ؿاٖس‪َٛ ٕٚ‬قعو بٓؿؼ ايك‪ٛ‬ض‪ٚ ٠‬بس‪ ٕٚ‬أ‪َ ٟ‬ؿانٌ تتعًل بايت‪ٛ‬اؾك‪١ٝ‬‬
‫بني املتكؿشات ‪ٚ‬اي‪ٛ‬غ‪.ّٛ‬‬

‫‪ٚ‬بايٓػب‪ ١‬يطط‪ٜ‬ك‪ ١‬عطض اي‪ٛ‬غ‪ ّٛ‬هلصا ايسضؽ‪ ,‬ؾٓعطاً ـك‪ٛ‬ق‪ٝ‬تٗا غ‪ٛ‬ف أتبع ٖٓا َٓٗذًا‬
‫كتًؿاً عٔ ايسض‪ٚ‬ؽ ايػابك‪ٜ ١‬ك‪ ّٛ‬عً‪ ٢‬عطض اي‪ٛ‬غ‪ ّٛ‬اـاق‪ ١‬بهٌ َتكؿض يف قؿش‪١‬‬
‫َٓؿكً‪ٚ .١‬شيو بٗسف سكط اي‪ٛ‬غ‪ ّٛ‬املدكك‪ ١‬يهٌ َتكؿض ‪ٚ‬عسّ تساخًٗا َع اي‪ٛ‬غ‪ّٛ‬‬
‫ا٭خط‪ٚ .٣‬بايتاي‪ ٞ‬ػٓب استُاٍ سس‪ٚ‬خ خًٌ يف بٓ‪ ١ٝ‬ايكؿشات عٓس عطنٗا َٔ خ‪ٍ٬‬‬
‫َتكؿض ‪ٜ ٫‬سعِ بعهاً َٔ ٖص‪ ٙ‬اي‪ٛ‬غ‪ٚ ّٛ‬ايؿ‪ٝ‬ؿطات اـاق‪ ١‬بٗا‪.‬‬
‫يهٔ ٖصا ‪ٜ ٫‬عين عسّ قسضتو عً‪َ ٢‬ؿاٖس‪ ٠‬ايكؿش‪ ١‬اـاق‪ ١‬ب‪ٛ‬غ‪ ّٛ‬أسس املتكؿشات‬
‫إشا نٓت تػتدسّ اٯخط‪ .‬بايطبع غ‪ٛ‬ف ‪ٜ‬ه‪ ٕٛ‬بإَهاْو َؿاٖس‪ ٠‬ايٓل املهت‪ٛ‬ب‬
‫‪ٚ‬ايؿ‪ٝ‬ؿطات املػتدسَ‪ ١‬ناملعتاز (ؾٓشٔ يف ايٓٗا‪ ٫ ١ٜ‬ظيٓا ْػتدسّ يػ‪ )HTML ١‬يهٔ‬
‫نٌ َا ٖٓايو أْ٘ ئ ‪ٜ‬ه‪ ٕٛ‬بإَهاْو َؿاٖس‪ ٠‬تأثرلٖا إ‪ ٫‬إشا اغتدسَت املتكؿض‬
‫املٓاغب‪.‬‬

‫تط‪ٜ‬س‪ٙ‬‬ ‫ايص‪ٟ‬‬ ‫املتكؿض‬ ‫اخذل‬ ‫تبسأ‬ ‫يه‪ٞ‬‬ ‫إشٕ‬

‫يتٓتكٌ َباؾط‪ ٠‬إىل ‪ٚ‬غ‪ َ٘ٛ‬املدكك‪.١‬‬

‫‪MS Explorer 1‬‬ ‫‪Netscape Navigator‬‬

‫‪MS Explorer 2‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪145‬‬ ‫عؿط‬ ‫ايػابع‬ ‫ايسضؽ‬

‫اي‪ٜٛ‬ب ‪ٚ‬ايًػ‪ ١‬ايعطب‪١ٝ‬‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ايػابع عؿط َٔ زض‪ٚ‬ؽ ‪ٚ .HTML‬ايص‪ ٟ‬غٓسخٌ َٔ خ‪٬‬ي٘‬
‫إىل أسس امل‪ٛ‬ان‪ٝ‬ع اهلاَ‪ ١‬اييت ‪ُٜ‬عٓ‪ ٢‬بٗا نٌ َٔ ‪ٜ‬ط‪ٜ‬س إٔ ‪ٜ‬ه‪ ٕٛ‬يًػ‪ ١‬ايعطب‪ٚ ١ٝ‬د‪ٛ‬ز عً‪٢‬‬
‫اإلْذلْت‪ .‬غ‪ٛ‬ف ْك‪ ّٛ‬مبٓاقؿ‪ ١‬ايه‪ٝ‬ؿ‪ ١ٝ‬اييت ميهٔ يٓا نُػتدسَني عطب إْؿا‪ ٤‬قؿشات‬
‫‪ٜٚ‬ب بًػتٓا ا٭ّ عً‪ٖ ٢‬ص‪ ٙ‬ايؿبه‪ ١‬ايعامل‪.١ٝ‬‬

‫ؾصيه‪ ١‬تاضى‪١ٝ‬‬

‫مٔ ْعطف إٔ بسا‪ٜ‬ات ايًػ‪ ١‬ايعطب‪ ١ٝ‬عً‪ ٢‬اإلْذلْت اقتكطت عً‪ ٢‬أغً‪ٛ‬ب قس ْعتدل‪ ٙ‬اٯٕ‬
‫بسا‪ٝ٥‬اً‪ ,‬يهٔ ‪ْ ٫‬ػتط‪ٝ‬ع إْهاض ؾعاي‪ٝ‬ت٘ يف شيو اي‪ٛ‬قت‪ ٫( .‬تعتُس نجرلاً عً‪ ٢‬عباض‪" ٠‬يف‬
‫شيو اي‪ٛ‬قت" ؾُٔ احملتٌُ إٔ ‪ٜ‬ه‪ٖٓ ٕٛ‬اى َ‪ٛ‬اقع ‪ ٫‬ظايت تعتُس ٖصا ا٭غً‪ٛ‬ب يعطض‬
‫قت‪ٜٛ‬اتٗا ست‪ٖ ٢‬ص‪ ٙ‬ايًشع‪ ٖٛٚ ,)١‬أغً‪ٛ‬ب ايٓل املك‪ٛ‬ض‪ .‬أ‪ ٟ‬ايٓل املػش‪ٛ‬ب عً‪٢‬‬
‫دٗاظ ‪ٚ Scanner‬املعط‪ٚ‬ض عً‪ ٢‬اإلْذلْت نك‪ٛ‬ض‪ٚ .٠‬ناْت ٖص‪ ٖٞ ٙ‬ايطط‪ٜ‬ك‪ ١‬اييت َْؿص‬
‫َٓٗا أقشاب امل‪ٛ‬اقع املعطب‪ ١‬يًسخ‪ ٍٛ‬إىل عامل اإلْذلْت‪ .‬يهٔ َٔ اي‪ٛ‬انض أْٗا مل تهٔ‬
‫أُٖٗا‪:‬‬ ‫أغباب‬ ‫يعس‪٠‬‬ ‫ايعًُ‪,١ٝ‬‬ ‫أ‪ٚ‬‬ ‫ايؿعاي‪١‬‬ ‫بايطط‪ٜ‬ك‪١‬‬
‫بايٓػب‪ ١‬يًُكُِ‪ :‬ناْت عًُ‪ ١ٝ‬إْؿا‪ ٤‬ايكؿش‪ ١‬تعين نتابتٗا ‪ٚ‬تٓػ‪ٝ‬كٗا ‪ٚ‬طباعتٗا ‪ َٔٚ‬ثِ‬
‫َػشٗا عً‪ Scanner ٢‬ؾإشا أضاز ؾ‪ُٝ‬ا بعس إدطا‪ ٤‬أ‪ ٟ‬عًُ‪ ١ٝ‬تعس‪َُٗ ٌٜ‬ا ناْت بػ‪ٝ‬ط‪١‬‬
‫ؾصيو ‪ٜ‬عين إعاز‪ ٠‬ؼط‪ٜ‬طٖا ‪ٚ‬غشبٗا‪َ ,‬هًؿ‪ ١‬يف شيو اي‪ٛ‬قت ‪ٚ‬اؾٗس ‪ٚ‬ضمبا املاٍ‪.‬‬
‫أَا بايٓػب‪ ١‬يًعا‪٥‬ط ؾصيو ‪ٜ‬عين إناع‪ٚ ١‬قت أط‪ ٍٛ‬يف عطض ٖص‪ ٙ‬ايٓك‪ٛ‬م ‪-‬ايك‪ٛ‬ض‪ -‬أنعاؾاً‬
‫َهاعؿ‪ ١‬مما ي‪ ٛ‬ناْت ْك‪ٛ‬قاً عت‪ .١‬باإلناؾ‪ ١‬إىل اغتشاي‪ ١‬إدطا‪ ٤‬عًُ‪ٝ‬ات ايبشح املعتاز‪٠‬‬
‫غ‪ٛ‬ا‪ ً٤‬ناْت خاضد‪ َٔ ١ٝ‬خ‪ ٍ٬‬قطنات عح اإلْذلْت‪ ,‬أ‪ ٚ‬زاخً‪ ١ٝ‬نُٔ ايكؿش‪ْ ١‬ؿػٗا‬
‫َٔ خ‪ ٍ٬‬أَط ايبشح امل‪ٛ‬د‪ٛ‬ز يف املتكؿض‪ٚ .‬أس‪ٝ‬اْاً قس ‪ٜٛ‬اد٘ َؿهً‪ ١‬ضزا‪ ٠٤‬ايك‪ٛ‬ض‪٠‬‬
‫‪ٚ‬بايتاي‪ ٞ‬عسّ إَهاْ‪ ١ٝ‬إخطادٗا بؿهٌ ‪ٚ‬انض ‪ٚ‬غً‪ ِٝ‬عً‪ ٢‬ايطابع‪.١‬‬

‫يهٔ زعٓا ‪ ٤٫٪ٖ ًِْ ٫‬ايط‪ٚ‬از ايص‪ ٜٔ‬اتبع‪ٛ‬ا ٖص‪ ٙ‬ايطط‪ٜ‬ك‪ .١‬ؾهُا ‪ٜ‬كاٍ (َهط‪ ٙ‬أخاى ‪ ٫‬بطٌ)‬
‫‪ٚ‬عصضِٖ ٖ‪ ٛ‬عسّ ‪ٚ‬د‪ٛ‬ز َتكؿشات تػتط‪ٝ‬ع عطض ايٓك‪ٛ‬م ايعطب‪ ١ٝ‬بطط‪ٜ‬ك‪ ١‬قش‪ٝ‬ش‪ .١‬إىل‬
‫إٔ قاَت ؾطن‪ ١‬قدط بإط‪٬‬م َتكؿشٗا غٓسباز ايص‪ ٟ‬دا‪َ ٤‬عطباً يـ ‪ٚ Netscape‬ؾطن‪١‬‬
‫َا‪ٜ‬هط‪ٚ‬غ‪ٛ‬ؾت اييت أطًكت ‪ MS Internet Explorer‬ي‪ٝ‬ه‪ْٛ‬ا ؾاؼ‪ ١‬خرل بايٓػب‪ ١‬يٓا‬
‫نُػتدسَني عطب يإلْذلْت‪ْ ٫ٚ ,‬ػتط‪ٝ‬ع إ‪ ٫‬إٔ ْهّٔ هلُا نٌ ايتكس‪ٜ‬ط‪ .‬ؾٗامٔ نُا تط‪٣‬‬
‫ْبشط يف اإلْذلْت ‪ٚ‬يػتٓا ايعطب‪ ١ٝ‬تعزاز اْتؿاضاً ؾ‪ٗٝ‬ا ‪َٜٛ‬اً بعس ‪.ّٜٛ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪146‬‬ ‫سػٓاً‪ ٫ ,‬تعٔ أْٓا غٓشتاز إىل إعسازات َع‪ ١ٓٝ‬أ‪ ٚ‬أْٓا غٓتعاٌَ َع ‪ٚ‬غ‪ ّٛ‬إناؾ‪ ١ٝ‬غرل‬
‫عاز‪ ١ٜ‬عٓسَا ْتشسخ عٔ قؿشات ‪ٜٚ‬ب بايًػ‪ ١‬ايعطب‪ ...١ٝ‬إط‪٬‬قاً‪ ,‬ؾاي‪ٛ‬اقع أْو تػتط‪ٝ‬ع‬
‫اعتباض ٖصا ايسضؽ فطز زضزؾ‪ ١‬عاز‪ ١ٜ‬عٔ اي‪ٜٛ‬ب ‪ٚ‬ايًػ‪ ١‬ايعطب‪ٚ .١ٝ‬ئ ‪ٜ‬ه‪ٖٓ ٕٛ‬اى إ‪٫‬‬
‫‪ٚ‬غِ دس‪ٜ‬س ‪ٚ‬اسس غ‪ٝ‬تِ ايتعطض ي٘ بؿهٌ َكتهب مبا ‪ُٜٓٗ‬ا يف َ‪ٛ‬ن‪ٛ‬ع ايًػ‪ ١‬ايعطب‪١ٝ‬‬
‫ٖٓا عً‪ ٢‬إٔ ْٓاقؿ٘ بايتؿك‪ ٌٝ‬يف زضؽ ‪٫‬سل‪.‬‬

‫‪ٚ‬يٓبسأ اٯٕ‪...‬‬

‫يٓكِ بسا‪ ١ٜ‬بتعط‪ٜ‬ـ قؿش‪ٜٚ ١‬ب عاز‪ ١ٜ‬نُا إعتسْا‪:‬‬

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

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

‫‪ َٔٚ‬ثِ غٓك‪ ّٛ‬بإناؾ‪ٖ ١‬ص‪ ٙ‬ايؿ‪ٝ‬ؿط‪ ٠‬هلا‬

‫;‪<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‬‬
‫‪....‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

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

‫قِ بهتاب‪ٖ ١‬ص‪ ٙ‬ايؿ‪ٝ‬ؿط‪ ٠‬نُا ٖ‪ْ ٞ‬كاً ‪ٚ‬سطؾاً‪َٚ .‬ا ‪ٜ‬عٓ‪ٓٝ‬ا ؾ‪ٗٝ‬ا اٯٕ ٖ‪ ٞ‬ايعباض‪٠‬‬

‫‪charset=windows-1256‬‬
‫ؾٗ‪ ٞ‬يب َ‪ٛ‬ن‪ٛ‬عٓا‪ .‬أَا باق‪ ٞ‬ايؿ‪ٝ‬ؿط‪ ٠‬ؾػ‪ٛ‬ف ْك‪ ّٛ‬مبٓاقؿتٗا إٕ ؾا‪ ٤‬اهلل يف زضؽ‬
‫‪٫‬سل عٓس اؿس‪ٜ‬ح عٔ اي‪ٛ‬غ‪ ّٛ‬املتكسَ‪.١‬‬

‫ؾُا ايص‪ ٟ‬تعٓ‪ ٘ٝ‬ايعباض‪ ٠‬ايػابك‪١‬؟؟ بإختكاض ؾس‪ٜ‬س‪ ٖٞ ,‬ؼسز قا‪ ١ُ٥‬ايذلَ‪ٝ‬ع ايعطب‪١ٝ‬‬
‫‪ Code Page‬اييت غ‪ٝ‬تِ عطض قؿشتٓا َٔ خ‪٬‬هلا‪ .‬أ‪ ٚ‬يٓكٌ أْٗا ؼسز أغً‪ٛ‬ب ايتؿؿرل‬
‫ايص‪ ٟ‬غ‪ٝ‬ػتدسَ٘ املتكؿض يعطض ا٭سطف‪.‬‬

‫سػٓاً‪ٜ ,‬بس‪ ٚ‬أْٓا غٓع‪ٛ‬ز ثاْ‪ ١ٝ‬يًؿصيه‪ ١‬ايتاضى‪ٖٚ .١ٝ‬ص‪ ٙ‬املط‪ ٠‬إىل بسا‪ٜ‬ات ايًػ‪ ١‬ايعطب‪١ٝ‬‬
‫ؾكط‪-:‬‬ ‫اإلْذلْت‬ ‫َع‬ ‫‪ٚ‬ي‪ٝ‬ؼ‬ ‫ْؿػ٘‬ ‫ايؿدك‪ٞ‬‬ ‫اؿاغ‪ٛ‬ب‬ ‫َع‬
‫إشا نٓت َٔ َػتدسَ‪ ٞ‬اؿاغ‪ٛ‬ب ايكساَ‪ٚ ... ٢‬بايتشس‪ٜ‬س َٔ أ‪ٜ‬اّ ْعاّ ايتؿػ‪DOS ٌٝ‬‬
‫‪ٚ‬تطب‪ٝ‬كات٘ (أ‪ ٟ‬قبٌ إٔ ‪ٜ‬ه‪ٖٓ ٕٛ‬اى بطْاَر ‪ٜٓٚ‬س‪ٚ‬ظ املعطّب) ؾ‪ ٬‬بس أْو تعطف‪ٚ ,‬ضمبا‬
‫تعاًَت َع بطاَر ايتعط‪ٜ‬ب ايكسمي‪ ١‬اييت ‪ٚ‬انبت تًو ايؿذل‪ ٠‬ندلْاَر ايٓاؾص‪ٚ ٠‬ض‪ْٚ ِٜ‬عِ‬
‫قدط ‪ ...‬إخل‪ .‬س‪ٝ‬ح أْ٘ يف تًو ايؿذل‪ ٠‬ناْت ٖٓاى عس‪ ٠‬دٗات أخصت عً‪ ٢‬عاتكٗا‬
‫َُٗ‪ ١‬تعط‪ٜ‬ب اؿاغ‪ٛ‬ب ‪ٚ‬أْعُ‪ ١‬تؿػ‪ .ً٘ٝ‬يهٔ املؿهً‪ ١‬ناْت يف يف غ‪ٝ‬اب ايتٓػ‪ٝ‬ل‬
‫بني ٖص‪ ٙ‬اؾٗات‪ٚ .‬ناْت ايٓت‪ٝ‬ذ‪ ٖٞ ١‬إقساض ايعؿطات َٔ بطاَر ايتعط‪ٜ‬ب اييت ؽتًـ‬
‫عٔ بعهٗا ايبعض يف طط‪ٜ‬ك‪ ١‬تطت‪ٝ‬ب قا‪ ١ُ٥‬ايطَ‪ٛ‬ظ ‪ٚ‬اؿط‪ٚ‬ف ‪ٚ‬بايتاي‪ ٞ‬اختًـ أغً‪ٛ‬ب‬
‫تؿؿرل ايٓك‪ٛ‬م ‪ٚ‬عطنٗا‪ .‬مبعٓ‪ ٢‬إٔ ايٓل املهت‪ٛ‬ب َٔ خ‪ ٍ٬‬بطْاَر "ايٓاؾص‪ "٠‬غ‪ٛ‬ف‬
‫‪ٜ‬بس‪ ٚ‬نُذُ‪ٛ‬ع‪ َٔ ١‬اؿط‪ٚ‬ف ‪ٚ‬ايهًُات املبُٗ‪ٚ ١‬نأْٗا َهت‪ٛ‬ب‪ ١‬بًػ‪ ١‬أخط‪ ٣‬باغتدساّ‬
‫بطْاَر آخط َجٌ "ض‪."ِٜ‬‬

‫‪ٚ‬يت‪ٛ‬ن‪ٝ‬ض ايؿهط‪ ٠‬ايػابك‪( ١‬عً‪ ٢‬ا٭قٌ نُا أؾُٗٗا أْا!!!) إي‪ٝ‬و ٖصا املجاٍ‪.‬‬
‫يٓؿطض إٔ ٖٓاى قا‪ ١ُ٥‬تطَ‪ٝ‬ع ضتّبت ؾ‪ٗٝ‬ا اؿط‪ٚ‬ف بايؿهٌ ايتاي‪:ٞ‬‬

‫ا ب ت خ ز ح ر ز ش ض ظ ؽ ف م ض ط ظ ع ؽ ف م ى ٍ ّ ٕ ٖـ ‪ٟ ٚ‬‬

‫‪ٚ‬أْٓا أضزْا نتاب‪ ١‬نًُ‪" ١‬غٓسباز" َٔ خ‪٬‬هلا‪...‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪148‬‬ ‫ثِّ يٓؿطض اٯٕ أْٓا قُٓا باغتعطاض ايهًُ‪ ١‬باغتدساّ بطْاَر ‪ٜ‬تعاٌَ َع قا‪ ١ُ٥‬تطَ‪ٝ‬ع‬
‫كتًؿ‪ٚ ١‬بايذلت‪ٝ‬ب ايتاي‪:ٞ‬‬

‫ز ز ح ر ٖـ ع ؽ ف م خ م ض ش ط ى ّ ٕ ت ا ٍ ب ‪ ٟ‬ؽ ف ظ ظ ‪ ٚ‬ض‬

‫باملكاضْ‪ ١‬بني ايٓعاَني غ‪ٛ‬ف ْؿاٖس إٔ نًُ‪" ١‬غٓسباز" يف ايٓطاّ ا٭‪ ٍٚ‬قس أقبشت‬
‫"نعؿذسف"!!! يف ايٓعاّ ايجاْ‪ٞ‬‬

‫ا ب ت خ ز ح ر ز ش ض ظ ؽ ف م ض ط ظ ع ؽ ف م ى ٍ ّ ٕ ٖـ ‪ٟ ٚ‬‬
‫ز ز ح ر ٖـ ع ؽ ف م خ م ض ش ط ى ّ ٕ ت ا ٍ ب ‪ ٟ‬ؽ ف ظ ظ ‪ ٚ‬ض‬

‫إشٕ تعسز ْعِ ايتؿؿرل مل ‪ٜ‬هٔ يكاحل املػتدسّ ايعطب‪ ٞ‬أبساً‪ ,‬إش أْٗا أ‪ٚ‬قعت٘ يف‬
‫إؾها‪٫‬ت أقًٗا عسّ ايت‪ٛ‬اؾل بني ايتطب‪ٝ‬كات اييت ‪ٜ‬تِ ايعٌُ عً‪ٗٝ‬ا‪ ٫ٚ .‬ؾو إٔ ظٗ‪ٛ‬ض‬
‫ْعاّ ‪ٜٓٚ‬س‪ٚ‬ظ ‪ٚ‬اْتؿاض‪ ٙ‬بني املػتدسَني ايعطب بك‪ٛ‬ض‪ ٠‬نبرل‪ ٠‬قس سسّ َٔ ٖص‪ ٙ‬املؿهً‪١‬‬
‫بؿهٌ ؾعّاٍ‪.‬‬

‫‪ٚ‬اٯٕ ع‪ٛ‬ز‪ ٠‬إىل اإلْذلْت‪ ...‬يكس أيكت املؿهً‪ ١‬غايؿ‪ ١‬ايصنط بع‪٬‬هلا عً‪ْ ٢‬عِ إْذلْت‬
‫‪َٚ‬تكؿشاتٗا املعطّب‪ٚ( ١‬إٕ نإ شيو بك‪ٛ‬ض‪ ٠‬أقٌ تأثرلاً عُّا غبل)‪ .‬يصيو ػس إٔ َٔ‬
‫امل‪ٝ‬عات اييت ؼطم ؾطنات قدط ‪َٝٚ‬هط‪ٚ‬غ‪ٛ‬ؾت عً‪ ٢‬إناؾتٗا يًُتكؿشات ٖ‪َٝ ٞ‬ع‪٠‬‬
‫تعسز ق‪ٛ‬ا‪ ِ٥‬ايذلَ‪ٝ‬ع اييت ‪ٜ‬ػتط‪ٝ‬ع املتكؿض زعُٗا‪ َٔٚ .‬ا٭َجً‪ ١‬عً‪ٖ ٢‬ص‪ ٙ‬ايك‪ٛ‬ا‪:ِ٥‬‬
‫‪ٚ Windows-1256, DOS-720, ISO-8859-6‬أنجطٖا اغتدساَاً ‪ٚ‬اْتؿاضاً ٖ‪ٞ‬‬
‫‪ٚ .Windows-1256‬عاز‪ ٠‬متًو املتكؿشات ايكسض‪ ٠‬عً‪ ٢‬انتؿاف قا‪ ١ُ٥‬ايذلَ‪ٝ‬ع‬
‫املطبك‪ ١‬عً‪ ٢‬ايكؿش‪ ١‬بك‪ٛ‬ض‪ ٠‬تًكا‪ .١ٝ٥‬يهٔ َٔ اؿهُ‪ ١‬إٔ ْك‪ ّٛ‬مٔ زا‪ُ٥‬اً بتشس‪ٜ‬س ٖص‪ٙ‬‬
‫ايكا‪ ١ُ٥‬ي‪ٝ‬ؼ بػبب قً‪ ١‬ايجك‪ ١‬يف املتكؿشات ‪ٚ‬إمنا َٔ باب اإلست‪ٝ‬اط اي‪ٛ‬ادب زا‪ُ٥‬اً يف‬
‫ايكؿشات‪...‬‬ ‫‪ٚ‬تكُ‪ِٝ‬‬ ‫اإلْذلْت‬ ‫عامل‬
‫إشٕ‪ ٌٖ ,‬عطؾت اٯٕ ايػبب يف إناؾ‪ ١‬ايؿ‪ٝ‬ؿط‪ charset=windows-1256 ٠‬إىل بسا‪١ٜ‬‬
‫ايكؿش‪١‬؟‬

‫يهٔ َاشا غ‪ٝ‬شسخ ي‪ ٛ‬زخًت إىل إسس‪ ٣‬ايكؿشات ‪ٚ‬مل تهٔ تتهُٔ ايؿ‪ٝ‬ؿط‪ ٠‬اـاق‪١‬‬
‫بكا‪ ١ُ٥‬ايذلَ‪ٝ‬ع؟ سػٓاً‪ٖٓ ,‬اى إستُاٍ َٔ إثٓني‪ :‬إَا إٔ ‪ٜ‬ه‪ ٕٛ‬املتكؿض قس انتؿؿٗا بك‪ٛ‬ض‪٠‬‬
‫تًكا‪ٚ ١ٝ٥‬اغتدسّ اإلعسازات اإلؾذلان‪ٚ ١ٝ‬بايتاي‪ ٞ‬مت عطض ايكؿش‪ ١‬بايؿهٌ ايكش‪ٝ‬ض‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪149‬‬ ‫‪ٚ‬بصيو سًٍت املؿهً‪ ١‬قبٌ إٔ تبسأ‪ .‬أ‪ ٚ‬تػتط‪ٝ‬ع أْت إٔ ؼٌ املؿهً‪ ١‬بٓؿػو ‪ ,‬ن‪ٝ‬ـ؟؟‬
‫إي‪ٝ‬و ايطط‪ٜ‬ك‪:١‬‬

‫يف املتكؿض ‪ MS Explorer‬ػس أ‪ٜ‬ك‪ ١ْٛ‬قػرل‪ ٠‬يف ايعا‪ ١ٜٚ‬اي‪ ٢ُٓٝ‬ايػؿً‪ ٢‬يٓاؾص‪٠‬‬
‫املتكؿض‪ .‬ؾإشا قُت بايٓكط عً‪ٗٝ‬ا غتعٗط قا‪ ١ُ٥‬بأزلا‪ ٤‬ق‪ٛ‬ا‪ ِ٥‬ايذلَ‪ٝ‬ع اييت ‪ٜ‬سعُٗا‪.‬‬

‫‪َٚ‬ا عً‪ٝ‬و اٯٕ إ‪ ٫‬إٔ ؽتاض ايكا‪ ١ُ٥‬اييت تعتكس أْٗا املٓاغب‪ٚ ١‬إشا أخطأت قِ باخت‪ٝ‬اض قا‪١ُ٥‬‬
‫أخط‪ٖٚ ٣‬هصا‪.‬‬

‫أَا يف بطْاَر غٓسباز ؾتػتط‪ٝ‬ع أزا‪ٖ ٤‬ص‪ ٙ‬املُٗ‪ ١‬باخت‪ٝ‬اض ا٭َط "خ‪ٝ‬اضات قؿش‪١‬‬
‫اي‪ٜٛ‬ب اؿاي‪ َٔ "١ٝ‬قا‪" ١ُ٥‬خ‪ٝ‬اضات غٓسباز" س‪ٝ‬ح ‪ٜ‬عٗط بهُٓٗا قٓس‪ٚ‬م س‪ٛ‬اض خام‬
‫بك‪ٛ‬ا‪ ِ٥‬ايذلَ‪ٝ‬ع‪.‬‬

‫‪ٚ‬باملٓاغب‪ ٌٖ ,١‬أخدلتو إٔ باغتطاعتو ض‪ ١ٜ٩‬ايٓل ايعطب‪ ٞ‬ست‪ ٢‬ي‪ ٛ‬نٓت تػتدسّ‬

‫َتكؿشاً غرل َعطب؟ ن‪ٝ‬ـ شيو؟! نٌ َا عً‪ٝ‬و ؾعً٘ ٖ‪ ٛ‬تػ‪ٝ‬رل إعسازات اـط‪ٛ‬ط‬
‫اإلؾذلان‪ ١ٝ‬يف املتكؿض ‪ٚ‬اخت‪ٝ‬اض خط‪ٛ‬ط عطب‪ ١ٝ‬بس‪ َٔ ً٫‬اـط‪ٛ‬ط احملسز‪ ٠‬أق‪ٖ .ً٬‬ص‪ٙ‬‬
‫ٖ‪ ٞ‬اؿها‪ ١ٜ‬ؾكط يهٓٗا ي‪ٝ‬ػت اؿٌ!!‪ .‬إش غطعإ َا غتهتؿـ إٔ ايٓل غرل َطتب‬
‫‪ٚ‬ا٭غطط ‪ٚ‬ايؿكطات َتساخً‪ ١‬بطط‪ٜ‬ك‪ ١‬غرل َٓطك‪ ١ٝ‬خاق‪ ١‬إشا است‪ٛ‬ت ايكؿش‪ ١‬عً‪ ٢‬نًُات‬
‫أدٓب‪ .١ٝ‬ؾعً‪ ٢‬غب‪ ٌٝ‬املجاٍ إشا ناْت ٖٓاى نًُ‪ ١‬أدٓب‪ ١ٝ‬يف َٓتكـ أسس ا٭غطط‬
‫ؾػ‪ٛ‬ف ت‪٬‬سغ إٔ ايهًُات اييت تً‪ٗٝ‬ا عً‪ ٢‬اي‪ٝ‬ػاض قس أقبشت عً‪ ٢‬اي‪ُٝ‬ني ‪ٚ‬ايعهؼ‬
‫قش‪ٝ‬ض‪ٚ .‬بصيو غ‪ٝ‬ه‪ َٔ ٕٛ‬ايكعب عً‪ٝ‬و َتابع‪ٖ ١‬ص‪ ٙ‬ايؿكطات‪ٚ( .‬عً‪ ٢‬أ‪ ١ٜ‬ساٍ ي‪ ٛ‬نإ‬
‫ٖصا ٖ‪ ٛ‬اؿٌ ملا ‪ٚ‬دسْا ؾطنات َجٌ قدط ‪َٝٚ‬هط‪ٚ‬غ‪ٛ‬ؾت ته‪ٝ‬عإ ‪ٚ‬قتُٗا يف إهاز‬
‫َتكؿشات َعطب‪ .)١‬إشٕ اؿٌ ايػابل ٖ‪ ٛ‬فطز سٌ َ‪٪‬قت ملؿهً‪ ١‬ظٗ‪ٛ‬ض ايٓل ايعطب‪ٞ‬‬
‫ؾكط ‪ٚ‬يهٓ٘ مل وٌ أبساً َؿهً‪ ١‬ن‪ ٕٛ‬ايًػتني ايعطب‪ٚ ١ٝ‬اإللً‪ٝ‬ع‪ ١ٜ‬تهتبإ بإػاٖني‬
‫كتًؿني ‪ٚ‬بؿهٌ وتاز إىل سٌ دصض‪ ٟ‬بإهاز املتكؿشات املعطب‪ ١‬ثٓا‪ ١ٝ٥‬اإلػا‪Bi- ٙ‬‬
‫‪ Directional‬أ‪.)BiDi( ٚ‬‬

‫‪ ٫‬ىً‪ ٛ‬امل‪ٛ‬ن‪ٛ‬ع ٖٓا َٔ اؿس‪ٜ‬ح عٔ اإلخت‪٬‬ؾات بني املتكؿشات يف ايتعاٌَ َع قؿشات‬

‫ايًػ‪ ١‬ايعطب‪( .١ٝ‬عسْا ثاْ‪ ١ٝ‬يًشس‪ٜ‬ح عٔ اي‪ٛ‬غ‪ٚ ّٛ‬اـكا‪٥‬ل اـاق‪ ١‬بهٌ َتكؿض)‪ٚ .‬يٓبسأ‬
‫مبٓاقؿ‪ ١‬تًو اـاق‪ ١‬باملتكؿض َ‪ٝ‬هط‪ٚ‬غ‪ٛ‬ؾت إنػبً‪ٛ‬ضض‪-:‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪152‬‬ ‫يف ايسضؽ ايطابع تططقٓا إىل ‪ٚ‬غِ ايؿكطات <‪ٚ .>P‬قًٓا إٔ إسس‪ ٣‬خكا‪٥‬ل ٖصا اي‪ٛ‬غِ‬
‫ٖ‪ ٞ‬اـاق‪ DIR ١ٝ‬اييت ؼسز إػا‪ ٙ‬ايٓل َٔ خ‪ ٍ٬‬ايك‪ٚ( .ltr ٚ rtl ِٝ‬قس طًبت َٓو إٔ‬
‫تبك‪َ ٢‬تصنطاً هلا ٭ْٓا غٓتططم إي‪ٗٝ‬ا عٓس اؿس‪ٜ‬ح عٔ ايًػ‪ ١‬ايعطب‪ ).١ٝ‬إشٕ يكس سإ‬
‫اي‪ٛ‬قت!!‪ٜ .‬سعِ إنػبً‪ٛ‬ضض ٖص‪ ٙ‬اـاق‪ ١ٝ‬بؿهٌ نبرل‪ ,‬شيو ٭ٕ َٔ َ‪ٝ‬عات٘ أْ٘ ‪ٜ ٫‬تعاٌَ َع‬
‫ايكؿش‪ٚ ١‬ايؿكطات امله‪ ١ْٛ‬هلا ن‪ٛ‬سس‪ٚ ٠‬اسس‪ ٠‬بٌ أْ٘ ‪ٜ‬تعاٌَ َع نٌ ؾكط‪ ٠‬عً‪ ٢‬سس‪.٠‬‬
‫‪ٜٚ‬تطًب ٖصا إٔ تك‪ ّٛ‬بتهطاض اإلعسازات اييت تط‪ٜ‬سٖا َع نٌ ؾكط‪ ٠‬عس شاتٗا‪.‬‬

‫‪ٚ‬عً‪ ٢‬غب‪ ٌٝ‬املجاٍ‪ ,‬غ‪ٛ‬ف ػس إٔ نٌ ؾكط‪ ٠‬عطب‪ ١ٝ‬يف نٌ قؿش‪ ١‬يف ٖصا امل‪ٛ‬قع قاط‪١‬‬
‫باي‪ٛ‬غ‪ّٛ‬‬

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

‫‪ٚ‬إٔ نٌ ؾكط‪ ٠‬إلً‪ٝ‬ع‪ ١ٜ‬قاط‪ ١‬باي‪ٛ‬غ‪ّٛ‬‬

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

‫‪ٚ‬شيو ي‪ٝ‬ؼ يػبب إ‪ ٫‬يهُإ ظٗ‪ٛ‬ضٖا بايؿهٌ املٓاغب يف املتكؿض إنػبً‪ٛ‬ضض‪٫ٚ .‬سغ‬
‫أْين يف اؿايتني أق‪ ّٛ‬بتشس‪ٜ‬س إػا‪ ٙ‬ايٓل دٓباً إىل دٓب َع احملاشا‪ ٠‬املطً‪ٛ‬ب‪ٚ .١‬يف‬
‫اؿك‪ٝ‬ك‪ ١‬إٔ ٖص‪ ٙ‬اـاق‪ DIR ١ٝ‬تػتدسّ ي‪ٝ‬ؼ ؾكط َع ‪ٚ‬غ‪ ّٛ‬ايؿكطات بٌ َع أ‪ٚ ٟ‬غ‪ّٛ‬‬
‫أخط‪ْ ٣‬ػتدسّ َعٗا اـاق‪ٚ ALIGN ١ٝ‬بؿهٌ خام َع اؾسا‪.ٍٚ‬‬

‫ْأت‪ ٞ‬اٯٕ إىل املتكؿض غٓسباز‪ ...‬نُا تعًِ ؾإٕ ٖصا املتكؿض ٖ‪ ٛ‬بطْاَر َهاف‬
‫‪ Plugin‬يتعط‪ٜ‬ب املتكؿض ‪ Netscape‬بإقساضات٘ املدتًؿ‪ .١‬يصيو َٔ ايبس‪ ٜٞٗ‬إٔ ‪ٜ‬طخ‬
‫خكا‪٥‬ك٘ املدتًؿ‪ ,١‬إبتسا‪٤‬اً َٔ اي‪ٛ‬ادٗ‪ ١‬ايتطب‪ٝ‬ك‪ ١ٝ‬يًدلْاَر ‪ٚ‬إْتٗا‪٤‬اً باي‪ٛ‬غ‪ ّٛ‬اـاق‪١‬‬
‫اييت ‪ٜ‬سعُٗا‪ .‬يصيو ؾعٓس اؿس‪ٜ‬ح عٔ أسسُٖا ْػتط‪ٝ‬ع ايك‪ ٍٛ‬بأْٓا ْتشسخ عٔ اٯخط‬
‫بس‪ ٕٚ‬أزْ‪ ٢‬اخت‪٬‬ف‪.‬‬

‫َا ‪ُٜٓٗ‬ا يف ٖصا املكاّ ٖ‪ ٛ‬إٔ غٓسباز ‪ٜ‬تعاٌَ َع ايكؿش‪ ١‬اييت ‪ٜ‬عطنٗا ن‪ٛ‬سس‪٠‬‬
‫‪ٚ‬اسس‪ٚ ,٠‬شيو عً‪ ٢‬خ‪٬‬ف إنػبً‪ٛ‬ضض‪ .‬مبعٓ‪ ٢‬أْ٘ ‪ٜ ٫‬سعِ اـاق‪ .DIR ١ٝ‬يصيو ْط‪ ٣‬إٔ‬
‫غٓسباز وت‪ ٟٛ‬عً‪ ٢‬ظض خام بتش‪ ٌٜٛ‬إػا‪ ٙ‬ايكؿش‪ ١‬مي‪ٓٝ‬اً أ‪ٜ ٚ‬ػاضاً‪ ٖٛٚ ,‬ايعض امل‪ٛ‬د‪ٛ‬ز يف‬
‫أعً‪ْ ٢‬اؾصت٘ ‪ٜٚ‬ه‪ ٕٛ‬عً‪ ٢‬ؾهٌ غِٗ‪.‬‬

‫إشٕ بؿهٌ عاّ‪ ,‬طاملا ناْت ايكؿش‪َٛ ١‬سس‪ ٠‬ايًػ‪( ١‬غ‪ٛ‬ا‪٤‬اً ناْت ٖص‪ ٙ‬ايًػ‪ ١‬عطب‪ ١ٝ‬أ‪ٚ‬‬
‫إلً‪ٝ‬ع‪ٚ )١ٜ‬بايتاي‪ ٞ‬ناْت ؼت‪ ٟٛ‬عً‪ ٢‬ؾكطات َ‪ٛ‬سس‪ ٠‬اإلػا‪( ٙ‬مي‪ٓٝ‬اً أ‪ٜ ٚ‬ػاضاً) ؾُٔ غرل‬
‫ايهط ‪ٚ‬ض‪ ٟ‬إٔ ْك‪ ّٛ‬بتشس‪ٜ‬س احملاشا‪ ٠‬يهٌ ؾكط‪ ٠‬عً‪ ٢‬سس‪ ,٠‬ؾا٭قٌ إٔ ْك‪ ّٛ‬بصيو َٔ خ‪ٍ٬‬‬
‫ظض ؼس‪ٜ‬س اإلػا‪ .ٙ‬يهٔ عٓسَا ؼت‪ ٟٛ‬قؿشتٓا ايعطب‪ ١ٝ‬عً‪ ٢‬ؾكط‪ ٠‬إلً‪ٝ‬ع‪( ١ٜ‬أ‪ ٚ‬ايعهؼ)‬
‫ؾٗٓا ‪ ٫‬بس َٔ اغتدساّ ‪ٚ‬غِ ايؿكطات ‪ٚ‬ؼس‪ٜ‬س احملاشا‪ ٠‬املطً‪ٛ‬ب‪ ١‬هلص‪ ٙ‬ايؿكط‪ ٠‬ؾكط‪,‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪151‬‬ ‫‪ َٔٚ‬ثِ املتابع‪َ ١‬ع باق‪ ٞ‬ايؿكطات ايعطب‪ ١ٝ‬بؿهٌ طب‪ٝ‬ع‪ ٞ‬نايػابل‪ْٚ .‬هطض ايعًُ‪َ ١ٝ‬ع‬
‫أ‪ ٟ‬ؾكط‪ ٠‬إلً‪ٝ‬ع‪٫ ١ٜ‬سك‪ٖٓٚ .١‬ا عٓس ايهػط عً‪ ٢‬ظض ؼس‪ٜ‬س اإلػا‪ ٙ‬غتذس أْ٘ ‪ٜ‬ػرل إػا‪ٙ‬‬
‫مج‪ٝ‬ع ايؿكطات ؾايعطب‪ ١ٝ‬غتش‪ ٍٛ‬إىل اي‪ٝ‬ػاض ‪ٚ‬اإللً‪ٝ‬ع‪ ١ٜ‬إىل اي‪ُٝ‬ني ‪ٚ‬ايعهؼ بايعهؼ‪.‬‬

‫ايػ‪٪‬اٍ اٯٕ‪ ,‬أ‪ َٔ ٟ‬ايططم ْػتدسَٗا يف قؿشاتٓا؟ ٌٖ ْعتُس عً‪ ٢‬اـاق‪ ١ٝ‬اييت‬
‫‪ٜ‬سعُٗا إنػبً‪ٛ‬ضض أ‪ ٚ‬عً‪ ٢‬ايعض ايص‪ٜ ٟ‬تهُٓ٘ غٓسباز؟‬

‫اؾ‪ٛ‬اب عُ‪َٛ‬اً ٖ‪ ٛ‬إٔ ْتبع ايطط‪ٜ‬ك‪ ١‬اييت تهُٔ أندل قسض َٔ ايت‪ٛ‬اؾل يف َعٗط ايكؿشات‬
‫ؾ‪ٛ‬د‪ٛ‬ز اـاق‪ DIR ١ٝ‬ئ ‪ٜ‬هط بكش‪ ١‬املتكؿض غٓسباز‪ .‬يهٔ غ‪ٝ‬ابٗا ٖ‪َ ٛ‬ا غ‪ٝ‬ذعٌ‬
‫إنػبً‪ٛ‬ضض ٖع‪ .ً٬ٜ‬إشٕ يٓػتدسَٗا زا‪ُ٥‬اً ‪َٚ‬ع نٌ ؾكط‪ َٔ ٠‬ؾكطات قؿشتٓا‪.‬‬

‫خ‪٬‬ق‪ ١‬ايك‪ ٍٛ‬أنعٗا يف ايٓكاط ايتاي‪ٚ ,١ٝ‬نُا ‪ٜ‬كاٍ‪ :‬يف اإلعاز‪ ٠‬إؾاز‪!٠‬‬

‫‪ .1‬يف بسا‪ ١ٜ‬ايكؿش‪ ١‬نع ايؿ‪ٝ‬ؿط‪ ٠‬ايتاي‪ ١ٝ‬نُا ٖ‪ْ ٞ‬كاً ‪ٚ‬سطؾاً‬

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

‫‪ .2‬قِ بإساط‪ ١‬نٌ ؾكط‪ ٠‬عطب‪ َٔ ١ٝ‬ؾكطات قؿشتو باي‪ٛ‬غ‪ ّٛ‬ايتاي‪:١ٝ‬‬

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

‫‪ .3‬إشا أضزت إزضاز ؾكطات إلً‪ٝ‬ع‪ ١ٜ‬ؾكِ بإساط‪ ١‬نٌ َٓٗا‬

‫باي‪ٛ‬غ‪ّٛ‬‬

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

‫‪ .4‬تػتط‪ٝ‬ع اغتدساّ اي‪ٛ‬غ‪ ّٛ‬ايػابك‪َ ١‬ع اؾسا‪ ٍٚ‬أ‪ٜ‬هاً‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪152‬‬ ‫يف ا٭‪ٜ‬اّ ا٭‪ٚ‬ىل إلْؿا‪ٖ ٤‬صا امل‪ٛ‬قع‪ٚ ,‬بايصات يف ايسضؽ ا٭‪ٚ ,ٍٚ‬ادٗت إؾها‪َ ً٫‬ع‪ًٓٝ‬ا‬
‫‪ٚ‬شيو عٓسَا نٓت أق‪ ّٛ‬بهتاب‪ ١‬بعض املكطًشات اإللً‪ٝ‬ع‪ٚ ١ٜ‬بهُٓٗا ضَ‪ٛ‬ظ خاق‪ ١‬أ‪ٚ‬‬
‫أضقاّ‪ .‬ؾكس ناْت ٖص‪ ٙ‬ايطَ‪ٛ‬ظ تعٗط بك‪ٛ‬ض‪َ ٠‬عه‪ٛ‬غ‪ ١‬عٓسَا ‪ٜ‬تِ عطنٗا يف املتكؿض‬
‫غٓسباز‪َ .‬جاٍ شيو‪ :‬إٔ اإلؾاض‪ / ٠‬امل‪ٛ‬د‪ٛ‬ز‪ ٠‬يف ‪ٚ‬غ‪ ّٛ‬ايٓٗا‪ ١ٜ‬ناْت تعٗط يف آخط‬
‫اي‪ٛ‬غِ (أ‪ ٟ‬إىل اي‪ُٝ‬ني) بس‪ َٔ ٫‬إٔ تعٗط يف بسا‪ٜ‬ت٘‪ .‬نصيو عٓس اؿس‪ٜ‬ح عٔ ايطَ‪ٛ‬ظ‬
‫اـاق‪ ١‬نايؿطاغات ناْت إؾاض‪ )&( ٠‬تعٗط عً‪ ٢‬اي‪ٝ‬ػاض ‪ٚ‬إؾاض‪ );( ٠‬تعٗط عً‪ ٢‬اي‪ُٝ‬ني‪ ,‬أ‪ٟ‬‬
‫اُْٗا تعٗطإ بؿهٌ َعانؼ ملا هب إٔ ‪ٜ‬ه‪ْٛ‬ا عً‪.٘ٝ‬‬

‫‪ٚ‬بكطاس‪َ ١‬طًك‪ ١‬ؾكس غببت ي‪ٖ ٞ‬ص‪ ٙ‬املؿهً‪ ١‬ناب‪ٛ‬غاً عً‪َ ٢‬س‪ ٣‬عس‪ ٠‬أ‪ٜ‬اّ َت‪٬‬سك‪,١‬‬
‫سا‪ٚ‬يت خ‪٬‬هلا ػطب‪ ١‬ايعس‪ٜ‬س َٔ اؿً‪ .ٍٛ‬نإ َٔ نُٓٗا إٔ أق‪ ّٛ‬بهتاب‪ٖ ١‬ص‪ ٙ‬ايطَ‪ٛ‬ظ‬
‫بك‪ٛ‬ض‪َ ٠‬عانػ‪ ١‬عًٍٗا تع‪ٛ‬ز إىل ضؾسٖا‪ .‬يهٔ يًػدط‪ ١ٜ‬ناْت يف اؿاي‪ ١‬املعه‪ٛ‬غ‪١‬‬
‫تبك‪ ٢‬نُا ٖ‪ ٞ‬يف َهاْٗا‪ٚ .‬أخرلاً دا‪ ٤‬اؿٌ ايػشط‪ ٟ‬بعس إٔ أضغًت إىل ؾطن‪ ١‬قدط‬
‫أغتؿػط عٔ ٖص‪ ٙ‬املؿهً‪ٚ .١‬نإ ٖصا اؿٌ بهتاب‪ ١‬ضَع ‪ٜ‬ػُ‪ ٖٛٚ OXFD ٢‬ضَع ايؿطاؽ‬
‫باي‪٬‬ت‪ٝ‬ين‪ٚ ,‬تتِ نتابت٘ بايهػط عً‪ ٢‬املؿتاح ‪ ALT‬يف ي‪ٛ‬س‪ ١‬املؿات‪ٝ‬ض َع ا٭ضقاّ (َٔ‬
‫اي‪ٝ‬ػاض إىل اي‪ُٝ‬ني) ‪ٚ 0253‬شيو قبٌ أ‪ ٟ‬ضَع "َؿاغب" ‪ٜ ٫‬عٗط يف َهاْ٘ ايكش‪ٝ‬ض‪.‬‬
‫‪ٚ‬بصيو مت سٌ نٌ اإلؾها‪٫‬ت اييت ‪ٚ‬ادٗتٗا َع ٖص‪ ٙ‬ايطَ‪ٛ‬ظ‪.‬‬

‫إشٕ أغتط‪ٝ‬ع اٯٕ إٔ أن‪ٝ‬ـ ْكط‪ ١‬خاَػ‪ ١‬إىل ايٓكاط ايػابك‪:١‬‬

‫اغتدسّ ‪ ALT+0253‬قبٌ ايطَ‪ٛ‬ظ أ‪ ٚ‬اؿط‪ٚ‬ف اإللً‪ٝ‬ع‪ ١ٜ‬اييت ‪ ٫‬تعٗط‬

‫يف َهاْٗا ايكش‪ٝ‬ض عٓس عطنٗا َٔ خ‪ ٍ٬‬املتكؿشات‬

‫‪ٚ‬عٓس ٖص‪ ٙ‬ايٓكط‪ْ ١‬ه‪ ٕٛ‬قس ‪ٚ‬قًٓا إىل ْٗا‪ٖ ١ٜ‬صا ايسضؽ ‪ٚ‬ايص‪ ٟ‬ئ ‪ٜ‬ه‪ ٕٛ‬بايطبع ٖ‪ٛ‬‬
‫ْٗا‪ ١ٜ‬املطاف يف زض‪ٚ‬ؽ إتـ‪.‬ب‪ ٞ‬بايعطب‪ .١ٝ‬ؾُا ظاٍ ٖٓاى َا ‪ٜ‬كاٍ‪ ,‬أيكاى عً‪ ٢‬خرل يف‬
‫ايسضؽ ايتاي‪.ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪153‬‬

‫عؿط‬ ‫ايجأَ‬ ‫ايسضؽ‬

‫‪ٚ‬غ‪ٚ META ّٛ‬قطنات ايبشح‬

‫أٖ‪ٚ ً٬‬غٗ‪ ً٬‬بو إىل ايسضؽ ايجأَ عؿط َٔ زض‪ٚ‬ؽ ‪...HTML‬‬

‫َٔ احملتٌُ إٔ ‪ٜ‬ه‪ ٕٛ‬عٓ‪ٛ‬إ ٖصا ايسضؽ غط‪ٜ‬باً بعض ايؿ‪ ٤ٞ‬بايٓػب‪ ١‬يو‪ٚ .‬أْ٘ قس أثاض يس‪ٜ‬و‬
‫بعض ايتػا‪٫٩‬ت عٔ ؾش‪ٖ ٣ٛ‬ص‪ ٙ‬اي‪ٛ‬غ‪ٚ ّٛ‬عٔ اهلسف َٔ ٖصا ايسضؽ بؿهٌ عاّ‪...‬‬
‫‪ٚ‬يه‪ ٫ ٞ‬تط‪ ٍٛ‬تػا‪٫٩‬تو زعين أ‪ٚ‬نشٗا يو نُا ‪-:ًٜٞ‬‬

‫يكس تابعٓا َعا َٔ خ‪ ٍ٬‬ايسض‪ٚ‬ؽ ايػابك‪َ ١‬ؿطزات يػ‪ HTML ١‬خط‪ ٠ٛ‬غط‪َٔٚ .٠ٛ‬‬
‫احملتٌُ أْو قُت بتطب‪ٝ‬ل ٖص‪ ٙ‬ايسض‪ٚ‬ؽ بك‪ٛ‬ض‪ ٠‬عًُ‪ َٔ ١ٝ‬خ‪ ٍ٬‬قؿشات ‪ ١ُٖٝٚ‬قُت أْت‬
‫بإْؿا‪ٗ٥‬ا‪( .‬سػٓاً ؾعًت!!! ‪ -‬٭ْ٘ َٔ ايكعب اغت‪ٝ‬عاب أ‪َٛ ٟ‬ن‪ٛ‬ع دس‪ٜ‬س ز‪ ٕٚ‬ايك‪ٝ‬اّ‬
‫بايتطب‪ٝ‬ل ايعًُ‪ ٞ‬ي٘‪ٚ ,‬خك‪ٛ‬قاً يف فاٍ ايهُب‪ٛٝ‬تط عُ‪َٛ‬اً ‪ٚ‬يػات٘ بؿهٌ خام)‪ٚ .‬اٯٕ أْت‬
‫تعتكس أْ٘ سإ اي‪ٛ‬قت يًعٌُ اؾس‪ ,ٟ‬ؾًس‪ٜ‬و ؾهط‪ ٠‬مل‪ٛ‬ن‪ٛ‬ع َا‪ٚ ,‬تط‪ٜ‬س ططسٗا عً‪٢‬‬
‫اإلْذلْت‪ٚ .‬أْو تؿهط بإْؿا‪َٛ ٤‬قعو اـام يتعطض ٖصا امل‪ٛ‬ن‪ٛ‬ع َٔ خ‪٬‬ي٘‪ٚ .‬ت‪ َٔ٪‬إٔ‬
‫ٖص‪ ٙ‬ايسض‪ٚ‬ؽ اييت تتابعٗا يف ٖصا امل‪ٛ‬قع قس ن‪ّْٛ‬ت يس‪ٜ‬و املعطؾ‪ ١‬ايهاؾ‪ ١ٝ‬يًك‪ٝ‬اّ‬
‫بتكُ‪َٛ ِٝ‬قعو بٓؿػو (نُا أمتٓ‪ٚ ...)٢‬بصيو ػس ْؿػو داٖعاً ي‪ْ٬‬ط‪٬‬م يف ضساب‬
‫اإلْذلْت ‪ٚ‬يتك‪ ٍٛ‬بهٌ ؾدط‪" :‬يس‪َٛ ٟ‬قع عً‪ ٢‬اإلْذلْت"‪ .‬يهٓو أ‪ٜ‬ها قس تت‪ٛ‬قـ يتؿهط‬
‫يًشعات… ؾأْت تعطف ‪ٚ‬اؾُ‪ٝ‬ع ‪ٜ‬عطف أْ٘ ‪ٜٛ‬دس يف اإلْذلْت ساي‪ٝ‬اً امل‪ٜ٬‬ني َٔ امل‪ٛ‬اقع!‬
‫‪ٚ‬ضمبا تتػا‪ :ٍ٤‬ن‪ٝ‬ـ ي‪ ٞ‬إٔ أْؿ‪َٛ ٧‬قع‪ ٞ‬يف ٖصا اـهِ اهلا‪ َٔ ٌ٥‬امل‪ٛ‬اقع؟! ‪ٚ‬ن‪ٝ‬ـ‬
‫يًٓاؽ إٔ هس‪ٚ‬ا طط‪ٜ‬كِٗ إىل ٖص‪ ٙ‬ايعا‪ ١ٜٚ‬ايكػرل‪ ٠‬اييت أْؿأتٗا يف ٖصا ايه‪ٝ‬إ‬
‫اي‪٬‬قس‪ٚ‬ز؟ ‪ٚ‬إشا نٓت َٔ ايٓ‪ٛ‬ع املتؿا‪ ِ٥‬ؾطمبا غتذلادع عٔ ٖص‪ ٙ‬ايؿهط‪( ٠‬ؾهط‪٠‬‬
‫امل‪ٛ‬قع) قبٌ إٔ تبسأٖا‪ ...‬سػٓاً‪ ٫ ,‬أض‪ٜ‬سى إٔ تؿعط باإلسباط‪ .‬ؾايطبع ي‪ ٛ‬إٔ نٌ ‪ٚ‬اسس َّٓا‬
‫‪ٜ‬ؿهط باؾس‪ َٔ ٣ٚ‬إْؿا‪َٛ ٤‬قع إْذلْت خام ب٘ بٗص‪ ٙ‬ايطط‪ٜ‬ك‪ ١‬ملا ‪ٚ‬دست نٌ ٖص‪ٙ‬‬
‫امل‪ٛ‬اقع ‪ٚ‬ملا ته‪ْٛ‬ت اإلْذلْت أق‪ ,ً٬‬أي‪ٝ‬ؼ نصيو؟‬

‫يف بسا‪ٜ‬ات اإلْذلْت‪ ,‬ناْت ٖٓاى عباض‪ ٠‬زاضد‪ ١‬تك‪ٍٛ‬‬

‫‪Build it, and they will come‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪154‬‬ ‫أ‪ ٟ‬أْؿ‪َٛ ٤ٞ‬قعو‪ٚ ,‬غ‪ٛ‬ف ‪ٜ‬أت‪ ٕٛ‬إي‪ ٫ٚ .٘ٝ‬أعطف إىل أ‪َ ٟ‬س‪ ٣‬نإ قسم ٖص‪ ٙ‬ايعباض‪ ٠‬يف‬
‫تًو ا٭‪ٜ‬اّ‪ .‬ؾأْا ‪ ٫‬أغتط‪ٝ‬ع ؽ‪ ٌٝ‬أ‪َٛ ٟ‬قعَ عً‪ ٢‬اي‪ٜٛ‬ب تٌّٗ إي‪ ٘ٝ‬دشاؾٌ ايع‪ٚ‬اض مبذطز‬
‫اؾتتاس٘ َُٗا ناْت طب‪ٝ‬ع‪ٖ ١‬صا امل‪ٛ‬قع أ‪َٛ ٚ‬ن‪ٛ‬ع٘ أ‪ ٚ‬ايتكٓ‪ٝ‬ات املػتدسَ٘ ؾ‪ .٘ٝ‬يهٔ‬
‫َا أعطؾ٘ ساي‪ٝ‬اً إٔ تػ‪ٜٛ‬ل امل‪ٛ‬قع يف َتاٖات اي‪ٜٛ‬ب ‪ٜ‬عس َٔ أِٖ ‪ٚ‬أقعب املُٗات اييت‬
‫ت‪ٛ‬اد٘ أقشاب٘‪ .‬بٌ ‪ٚ‬ضمبا أقعب َٔ عًُ‪ ١ٝ‬إْؿا‪ ٤‬امل‪ٛ‬قع ْؿػٗا‪.‬‬

‫ايػ‪٪‬اٍ اٯٕ ‪َ ...‬ا ٖ‪ ٞ‬ايطط‪ٜ‬ك‪ ١‬املجً‪ ٢‬يً‪ٛ‬ق‪ ٍٛ‬إىل ؾ‪َ ٤ٞ‬ا عٓسَا ؼتاد٘ يف اإلْذلْت؟‬
‫‪ٚ‬اؾ‪ٛ‬اب بس‪ ,ٜٞٗ‬إْٗا قطنات ايبشح‪ .‬يصيو ‪ْ ٫‬بايؼ إشا قًٓا إٔ امل‪ٛ‬قع ايص‪ٜ ٟ‬سضز يف‬
‫قطنات ايبشح ‪ٚ‬بايصات يف ايكؿشات ا٭‪ٚ‬ىل َٓٗا ‪ٚ‬يف أعً‪َ ٢‬ػت‪ٜٛ‬ات ٖص‪ ٙ‬ايكؿشات‬
‫ٖ‪َٛ ٛ‬قع ْادض ‪ٜ‬ػتط‪ٝ‬ع إٔ ‪ٜ‬هُٔ ‪ٚ‬ق‪ ٍٛ‬أندل عسز َٔ ايع‪ٚ‬اض إي‪.٘ٝ‬‬

‫إشٕ ؾُشطنات ايبشح ٖ‪ ٞ‬اـط‪ ٠ٛ‬ا٭‪ٚ‬ىل‬

‫يهٔ ن‪ٝ‬ـ ْكٌ أق‪ ً٬‬إىل قطنات ايبشح ٖص‪ٙ‬؟ (‪ٚ‬أعين ٖٓا ن‪ٝ‬ـ ْت‪ٛ‬قٌ إىل إزضاز‬
‫َ‪ٛ‬قعٓا يف ق‪ٛ‬ا‪ٖ ِ٥‬ص‪ ٙ‬احملطنات؟) ‪َ ٖٛٚ‬ا غٓشا‪ ٍٚ‬اإلداب‪ ١‬عً‪ ٘ٝ‬يف ٖصا ايسضؽ‪.‬‬

‫سػٓاً‪ ...‬قس تك‪ :ٍٛ‬مٔ ٖٓا ْٓاقـ يػ‪ HTML ١‬ؾُا زخٌ قطنات ايبشح بٗصا‬
‫امل‪ٛ‬ن‪ٛ‬ع؟ بايطبع ؾإٕ اهلسف َٔ ٖصا ايسضؽ ٖ‪ ٛ‬إنُاٍ َا بسأْا‪ ٙ‬يف ايسض‪ٚ‬ؽ ايػابك‪١‬‬
‫س‪ ٍٛ‬يػ‪ HTML ١‬أ‪ ٟ‬أْٓا غ‪ٛ‬ف ْٓاقـ ‪ٚ‬غ‪َٛ‬اً دس‪ٜ‬س‪ ٠‬هلص‪ ٙ‬ايًػ‪ .١‬يهٔ مبا إٔ ٖص‪ٙ‬‬
‫اي‪ٛ‬غ‪ ّٛ‬تتعًل مبشطنات ايبشح‪ .‬ؾكس ‪ٚ‬دست أْ٘ َٔ احملتِ ت‪ٛ‬ن‪ٝ‬ض ايعس‪ٜ‬س َٔ ايٓكاط‬
‫س‪ٖ ٍٛ‬ص‪ ٙ‬احملطنات‪ٚ .‬عً‪ ٢‬أ‪ ١ٜ‬ساٍ ؾاملع‪ٜ‬س َٔ املعطؾ‪ ١‬ئ ‪ٜ‬هط أسساً‪.‬‬
‫إشٕ ؾُا غتذس‪ٖٓ ٙ‬ا يف ٖصا ايسضؽ ئ ‪ٜ‬ه‪ ٕٛ‬ؾكط ‪ٚ‬غ‪ HTML ّٛ‬بٌ أ‪ٜ‬هاً بعض‬
‫املعً‪َٛ‬ات ‪ٚ‬ا٭ؾهاض س‪ ٍٛ‬قطنات ايبشح‪ٚ ,‬ئ ‪ٜ‬عٓ‪ٓٝ‬ا ٖٓا ن‪ٝ‬ؿ‪ ١ٝ‬اغتدساَٗا يًبشح بٌ‬
‫َا غ‪ٝ‬عٓ‪ٓٝ‬ا ٖ‪ ٛ‬ن‪ٝ‬ؿ‪ ١ٝ‬إزضاز امل‪ٛ‬اقع نُٓٗا‪ ...‬أ‪ ٟ‬أْو ئ ته‪ٖٓ ٕٛ‬ا باسجاً عٔ املعً‪,١َٛ‬‬
‫بٌ غته‪ْ ٕٛ‬اؾطاً هلا‪ٚ .‬أمتٓ‪ ٢‬إٔ ته‪ٖ ٕٛ‬ص‪ ٙ‬ا٭ؾهاض ع‪ْٛ‬اً يو عً‪ ٢‬شيو‪.‬‬

‫ن‪ٝ‬ـ يو إٔ ػعٌ ايٓاؽ ‪ٜ‬أت‪ ٕٛ‬إىل َ‪ٛ‬قعو‪ٚ ,‬إٔ هس‪ٚ‬ا طط‪ٜ‬كِٗ إي‪٘ٝ‬‬
‫بػٗ‪ٛ‬ي‪ٜٚ ١‬ػط؟ ‪ٚ‬بؿهٌ أعِّ ‪ ...‬ن‪ٝ‬ـ تػتط‪ٝ‬ع إٔ تػ‪ّٛ‬م َ‪ٛ‬قعو؟؟؟‬
‫ٖصا ٖ‪ ٛ‬ايػ‪٪‬اٍ‬

‫ٖٓا ئ أتهًِ َعو يف أَ‪ٛ‬ض بس‪ٚ ١ٜٝٗ‬أق‪ ٍٛ‬يو إٕ ايؿهط‪ ٠‬امل‪ٛ‬د‪ٛ‬ز‪ ٠‬يف َ‪ٛ‬قعو‬
‫‪ٚ‬امل‪ٛ‬ن‪ٛ‬ع املطط‪ٚ‬ح ؾ‪ ٘ٝ‬هلُا أثط ‪ٚ‬انض يف دصب ايع‪ٚ‬اض إي‪ٚ .٘ٝ‬ئ أق‪ ٍٛ‬يو بإٔ طط‪ٜ‬ك‪١‬‬
‫تٓع‪ٚ ُ٘ٝ‬تٓػ‪ٝ‬ك٘ تػٌٗ عً‪ ِٗٝ‬ايتذ‪ ٍٛ‬ؾ‪ٚ ,٘ٝ‬بايتاي‪ ٞ‬ئ هس‪ٚ‬ا قع‪ٛ‬ب‪ ١‬يف إهاز َا‬
‫‪ٜ‬بشج‪ ٕٛ‬عٓ٘‪ .‬نصيو ئ أشنٍطى بإٔ ايتذس‪ٜ‬س املػتُط حملت‪ٜٛ‬ات٘ هعٌ ظ‪ٚ‬اضى وطق‪ ٕٛ‬عً‪٢‬‬
‫ايع‪ٛ‬ز‪َ ٠‬ط‪ ٠‬بعس َط‪ …٠‬طبعا ئ أق‪ ٍٛ‬يو نٌ شيو!!!!‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪155‬‬ ‫‪ ٫‬أعطف َس‪ ٣‬اغتدساَو حملطنات ايبشح يً‪ٛ‬ق‪ ٍٛ‬إىل َا تط‪ٜ‬س‪ ٙ‬يف اإلْذلْت! ‪ ٫ٚ‬أعطف‬
‫أ‪ٜ‬هاً إٕ نإ اغتدساَٗا قس أثاض يس‪ٜ‬و بعض ايتػا‪٫٩‬ت! عً‪ ٢‬غب‪ ٌٝ‬املجاٍ‪:‬‬

‫‪‬‬ ‫؟ ‪َYahoo ٚAltavista‬ا ايؿطم بني‬

‫‪‬‬ ‫َا ايػبب يف تبا‪ ٜٔ‬ايٓتا‪٥‬ر اييت تعٗط َٔ َ‪ٛ‬قع ٯخط َٔ س‪ٝ‬ح ايعسز ‪ٚ‬احملت‪٣ٛ‬؟‬
‫‪‬‬ ‫ملاشا ‪ٜٛ‬دس ‪ٚ‬ق‪٬‬ت تؿعب‪ ٫ ١ٝ‬تعٌُ يف بعض احملطنات أنجط َٔ غرلٖا؟‬

‫عٓس اؿس‪ٜ‬ح عٔ َ‪ٛ‬اقع ايبشح يف اإلْذلْت‪ َٔ ,‬ايهط‪ٚ‬ض‪ ٟ‬إٔ من‪ٝ‬ع بني قطنات ايبشح َٔ‬
‫دٗ‪ٚ ١‬ايؿٗاضؽ (أ‪ ٚ‬أزي‪ ١‬ايبشح) َٔ دٗ‪ ١‬أخط‪ٚ ,٣‬شيو َٔ س‪ٝ‬ح املؿٗ‪ٚ ّٛ‬اـكا‪٥‬ل‬
‫‪ٚ‬أغً‪ٛ‬ب ايعٌُ‪.‬‬

‫قطنات ايبشح ‪Search Engines‬‬

‫‪ٜ‬عتدل قطى ‪ َٔ Altavista‬أ‪ٚ‬نض ا٭َجً‪ ١‬عً‪ ٢‬قطنات ايبشح‪ ٖٞٚ .‬تػُ‪ ٢‬أ‪ٜ‬هاً‬
‫بايع‪ٚ‬اسـ ‪ Crawlers‬أ‪ ٚ‬ايعٓانب ‪َٚ Spiders‬طزّ ٖص‪ ٙ‬ايتػُ‪ٝ‬ات إىل ايطط‪ٜ‬ك‪١‬‬
‫اييت ‪ٜ‬تبعٗا احملطى إلهاز امل‪ٛ‬اقع ‪ٚ‬تكٓ‪ٝ‬ؿٗا س‪ٝ‬ح تك‪ ّٛ‬ايط‪ٚ‬ب‪ٛ‬تات اـاق‪ ١‬ب٘‬
‫(بطاَر خاق‪ ١‬بايبشح ‪ٚ‬تتُ‪ٝ‬ع بايصنا‪… ٤‬اإلقطٓاع‪ ٞ‬طبعاً) بايعسـ يف اإلْذلْت‬
‫عجاً عٔ امل‪ٛ‬اقع اؾس‪ٜ‬س‪ٚ ٠‬عٓسَا ػس أسسٖا تك‪ ّٛ‬بؿٗطغ‪ٚ ١‬تكٓ‪ٝ‬ـ نٌ نًُ‪١‬‬
‫َٔ ايهًُات امل‪ٛ‬د‪ٛ‬ز‪ ٠‬يف قؿشات ٖصا امل‪ٛ‬قع نُٔ قاعس‪ ٠‬ايب‪ٝ‬اْات اهلا‪١ً٥‬‬
‫اـاق‪ ١‬باحملطى‪ ,‬س‪ٝ‬ح تػتدسّ ٖص‪ ٙ‬ايب‪ٝ‬اْات يته‪ْ ّٕٛ‬تا‪٥‬ر ايبشح اييت ‪ٜ‬ططسٗا‬
‫ظ‪ٚ‬اض احملطى ؾ‪ُٝ‬ا بعس‪ٚ .‬تك‪ ّٛ‬ايط‪ٚ‬ب‪ٛ‬تات أ‪ٜ‬هًا َٔ سني ٯخط بإعاز‪ ٠‬ظ‪ٜ‬اض‪ ٠‬امل‪ٛ‬اقع‬
‫ايػابك‪ ١‬بعس َس‪ ٠‬قس تط‪ ٍٛ‬أ‪ ٚ‬تككط (أغب‪ٛ‬ع أ‪ ٚ‬ؾٗط) تبعاً يطب‪ٝ‬ع‪ ١‬امل‪ٛ‬اقع‬
‫ْؿػٗا ‪ٚ‬عسز ايع‪ٚ‬اض اي‪َٝٛٝ‬ني ‪ٚ‬ندل اؿذِ ‪ٚ‬شيو بٗسف ؼس‪ٜ‬ح املعً‪َٛ‬ات عٔ‬
‫ٖص‪ ٙ‬امل‪ٛ‬اقع ‪ٚ‬إعاز‪ ٠‬تكٓ‪ٝ‬ـ أ‪ ٟ‬إناؾات أ‪ ٚ‬إيػا‪٤‬ات ططأت عً‪ٗٝ‬ا‪ٚ .‬نٌ شيو‬
‫هط‪ ٣‬بك‪ٛ‬ض‪ ٠‬أت‪َٛ‬ات‪ٝ‬ه‪ َٔ ١ٝ‬خ‪ٖ ٍ٬‬ص‪ ٙ‬ايط‪ٚ‬ب‪ٛ‬تات‪ْٚ .‬ػتط‪ٝ‬ع ايك‪ ٍٛ‬إٔ ايتكٓ‪ٝ‬ؿات‬
‫امل‪ٛ‬د‪ٛ‬ز‪ ٠‬يف َجٌ ٖص‪ ٙ‬احملطنات ته‪ ٕٛ‬إىل سس َا سس‪ٜ‬ج‪.١‬‬

‫‪Directories‬ايؿٗاضؽ أ‪ ٚ‬أزي‪ ١‬ايبشح‬

‫‪ٚ‬يعٌ َٔ أبطظ ا٭َجً‪ ١‬عً‪ٗٝ‬ا ٖ‪ ٛ‬ايؿٗطؽ ‪ٚ Yahoo‬يف ٖصا ايٓ‪ٛ‬ع َٔ ططم ايبشح‬
‫‪ٜ‬تِ تكٓ‪ٝ‬ـ امل‪ٛ‬اقع نُٔ ق‪ٛ‬ا‪َ ِ٥‬تسضد‪َٚ ١‬تؿعب‪ ١‬عٔ بعهٗا ايبعض ع‪ٝ‬ح ‪ٜ‬بسأ‬
‫باملؿتاح ا٭غاغ‪ ٞ‬ايعاّ ثِ ‪ٜ‬تسضز إىل ا٭نجط ؼس‪ٜ‬ساً ‪ٖٚ‬هصا‪ٜٚ .‬ك‪ ّٛ‬بعًُ‪١ٝ‬‬
‫ايتكٓ‪ٝ‬ـ ٖص‪ ٙ‬طاقِ ‪ٜ‬عٌُ خك‪ٝ‬كاً يف ايبشح عٔ امل‪ٛ‬اقع‪( .‬أ‪ ٟ‬طاقِ بؿط‪,ٟ‬‬
‫‪ٚ‬شيو عً‪ ٢‬خ‪٬‬ف احملطنات) نُا ‪ٜ‬عتُس عً‪ ٢‬املعً‪َٛ‬ات اييت ‪ٜ‬ك‪ ّٛ‬أقشاب‬
‫امل‪ٛ‬اقع بإضغاهلا إىل ايؿٗطؽ عٓسَا ‪ٜ‬ك‪ َٕٛٛ‬بتشُ‪ ٌٝ‬املعً‪َٛ‬ات اـاق‪١‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪156‬‬ ‫مب‪ٛ‬قعِٗ إي‪ .٘ٝ‬يصيو لس إٔ نُ‪ ١ٝ‬املعً‪َٛ‬ات املكٓؿ‪ ١‬يف ا٭زي‪ ١‬أقٌ َٓٗا يف‬
‫قطنات ايبشح ‪ٚ‬أس‪ٝ‬اْاً أقٌ سساث‪.١‬‬

‫‪ٚ‬يه‪ ٞ‬أ‪ٚ‬نض يو ايؿطم بني ن‪ ٬‬امل‪ٛ‬قعني إي‪ٝ‬و املجاٍ ايعًُ‪ ٞ‬ايتاي‪:ٞ‬‬

‫عٓسَا قُت بايبشح عٔ امل‪ٛ‬اقع اـاق‪ ١‬مبس‪ٜٓ‬يت ْابًؼ باغتدساّ ‪ Yahoo‬ناْت ْت‪ٝ‬ذ‪١‬‬
‫ايبشح ث‪٬‬ث‪َٛ ١‬اقع ؾكط‪ٚ ,‬ناْت إسس‪ ٣‬ايٓتا‪٥‬ر نُا ‪:ًٜٞ‬‬

‫‪Regional: Regions: Middle East: Countries and Regions:‬‬

‫‪Palestinian Authority: Cities and Regions: Nablus‬‬

‫‪ٚ‬نُا تط‪ ٣‬ؾإٕ تػًػٌ ايبشح اْتكٌ َٔ ‪ Regional‬إىل ‪ Region‬إىل ‪Middle East‬‬
‫‪ٖٚ‬هصا ْع‪ ً٫ٚ‬إىل إٔ ‪ٚ‬قٌ إىل ْابًؼ‬

‫أَا باغتدساّ ‪ Altavista‬ؾهاْت ايٓت‪ٝ‬ذ‪ ١‬س‪ٛ‬اي‪َٛ 4218 ٞ‬قع‪ ,‬س‪ٝ‬ح متّ غطز امل‪ٛ‬اقع‬
‫تباعاً ‪ٚ‬ز‪ ٕٚ‬أ‪ ٟ‬تكٓ‪ٝ‬ـ أ‪ ٚ‬تطت‪ٝ‬ب قسز‪ٚ .‬اؿك‪ٝ‬ك‪ ١‬إٔ ٖٓاى قؿشات يف ْؿؼ امل‪ٛ‬قع تهطض‬
‫ظٗ‪ٛ‬ضٖا نُٔ ْتا‪٥‬ر ايبشح‪ٚ ,‬ايػبب يف شيو ؾكط ٭ٕ نًُ‪ْ ١‬ابًؼ تهطضت يف نٌ‬
‫امل‪ٛ‬قع‪.‬‬ ‫قؿشات‬ ‫َٔ‬ ‫قؿش‪١‬‬
‫‪ٚ‬طبعاً نُا ت‪٬‬سغ ؾإٕ ٖٓاى ؾطقاً ؾاغعاً بني ايٓتا‪٥‬ر اييت مت اؿك‪ ٍٛ‬عً‪ٗٝ‬ا ‪َٚ‬طزّ‪ٙ‬‬
‫نُا أغًؿت إىل طط‪ٜ‬ك‪ ١‬ايعٌُ ‪ٚ‬ايتكٓ‪ٝ‬ـ املتبع‪ ١‬يف نٌ َٔ احملطنني‪.‬‬

‫‪ٚ‬اٯٕ يٓبسأ سس‪ٜ‬جٓاً عٔ ‪ٚ‬غ‪ META ّٛ‬ؾُا ٖ‪ٖ ٞ‬ص‪ ٙ‬اي‪ٛ‬غ‪ ّٛ‬؟؟؟‬
‫باختكاض ؾس‪ٜ‬س‪ٚ ٖٞ ,‬غ‪ ّٛ‬تسضز نُٔ قؿشات اي‪ٜٛ‬ب‪ٚ ,‬بايتشس‪ٜ‬س يف أع‪ٖ٬‬ا ‪ٚ‬نُٔ‬
‫املكطع <‪ٚ >/HEAD< ... >HEAD‬تػتدسّ ي‪ٛ‬قـ ايكؿش‪ ١‬أ‪ ٚ‬امل‪ٛ‬قع بؿهٌ عاّ‪,‬‬
‫َٔ س‪ٝ‬ح احملت‪ٜٛ‬ات ‪ٚ‬ايهًُات ايط‪ٝ٥‬ػ‪ ١ٝ‬أ‪ ٚ‬املؿتاس‪ٚ ١ٝ‬امل‪٪‬يـ ‪ٚ‬غرلٖا َٔ املعً‪َٛ‬ات‬
‫اييت قس ْعتدلٖا ت‪ٛ‬ث‪ٝ‬ك‪ .١ٝ‬نُا أْٗا تؿ‪ٝ‬س يف عًُ‪ ١ٝ‬ايتكٓ‪ٝ‬ـ اييت ػط‪ َٔ ٣‬قبٌ قطنات‬
‫ايبشح‪٫ٚ( .‬سغ أّْ‪ ٞ‬قًت قطنات ايبشح ‪ٚ‬مل أقٌ أزي‪ ١‬ايبشح) ؾاؿك‪ٝ‬ك‪ ١‬إٔ قطنات‬
‫ايبشح َجٌ ‪ ٖٞ Altavista, Hotbot, Infoseek‬اييت تػتؿ‪ٝ‬س ؾكط َٔ ٖص‪ ٙ‬اي‪ٛ‬غ‪ّٛ‬‬
‫‪ٚ‬تًذأ إي‪ٗٝ‬ا يف عًُ‪ ١ٝ‬تكٓ‪ٝ‬ـ امل‪ٛ‬قع ‪ ٫ٚ‬تػتؿ‪ٝ‬س َٓٗا ا٭زي‪ .١‬أ‪ ٟ‬إٔ ‪ٜ ٫ Yahoo‬تعاٌَ‬
‫َعٗا أبساً‪َٚ .‬ع شيو ؾإٕ ْؿطى يكؿشاتو عً‪ ٢‬اإلْذلْت ز‪ٚ ٕٚ‬نع ٖص‪ ٙ‬اي‪ٛ‬غ‪ّٛ‬‬
‫نُٓٗا ‪ٜ‬عتدل إغؿا‪ ً٫‬ؾاْب َِٗ َٔ د‪ٛ‬اْب إْؿا‪ ٤‬امل‪ٛ‬اقع عً‪ ٢‬اي‪ٜٛ‬ب‪ٚ .‬يهٔ ‪( ...‬عاز‪٠‬‬
‫عٓسَا تعٗط "يهٔ" يف َٓتكـ اؿس‪ٜ‬ح‪ ,‬ؾإٕ ٖٓاى أخباضاً غرل غاض‪ ٠‬يف ايطط‪ٜ‬ل) ‪٫‬‬
‫تعتدل ٖص‪ ٙ‬اي‪ٛ‬غ‪ ّٛ‬س‪ ً٬‬غشط‪ٜ‬اً ملػأي‪ ١‬قطنات ايبشح‪ ,‬قش‪ٝ‬ض أْٗا تع‪ٜ‬س َٔ إستُا‪٫‬ت‬
‫إزضاز َ‪ٛ‬قعو يف ٖص‪ ٙ‬احملطنات‪ٚ ,‬أْٗا تػاعس احملطنات عً‪ ٢‬تكٓ‪ٝ‬ـ قؿشاتو‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪157‬‬ ‫بايطط‪ٜ‬ك‪ ١‬اييت تطاٖا أْت َٓاغب‪ .١‬يهٔ غ‪ٝ‬بك‪ ٢‬أَاَو خط‪ٛ‬ات أخط‪ ٣‬إلنُاٍ ٖص‪ٙ‬‬
‫املُٗ‪.١‬‬

‫يكس سإ اي‪ٛ‬قت يًتّهًِ بًػ‪ٚ ...HTML ١‬أبسأ بايك‪ ٍٛ‬إٕ اي‪ٛ‬غِ <‪ٚ ٖٛ >META‬غِ‬
‫َؿطز‪ٜ ٖٛٚ .‬أخص اـكا‪٥‬ل ايتاي‪:١ٝ‬‬

‫‪HTTP-EQUIV‬‬
‫ايص‪ٜ ٟ‬عطف ايكؿش‪ ١‬نهٌ‪<HEAD> .‬تعتدل ٖص‪ ٙ‬اـاق‪َ ١ٝ‬هاؾ‪ ً١٦‬يً‪ٛ‬غِ‬
‫(‪ٚ‬اؿك‪ٝ‬ك‪ ١‬إٔ ازلٗا ‪ٜ‬سٍ عً‪ ٢‬شيو) ‪ٚ‬بس‪ ٕٚ‬ايسخ‪ ٍٛ‬يف تؿاق‪ ٌٝ‬داْب‪ْ ,١ٝ‬ػتط‪ٝ‬ع‬
‫‪.‬إٔ ْك‪ ٍٛ‬أْٗا ؼسز خكا‪٥‬ل ايكؿش‪ ١‬نهٌ‬

‫‪ٚ‬إشا ناْت يس‪ٜ‬و شانط‪ ٠‬ق‪ ١ٜٛ‬ؾػ‪ٛ‬ف تسضى أْٓا قُٓا بايؿعٌ باغتدساّ ٖص‪ٙ‬‬
‫اي‪ٛ‬غ‪َ ّٛ‬ػبكاً!! ‪ٚ‬نإ شيو يف ايسضؽ ايػابل عٓسَا سسزْا قؿش‪ ١‬ايذلَ‪ٝ‬ع‬
‫ايعطب‪ ١ٝ‬اييت غ‪ٝ‬تِ عطض ايكؿش‪ َٔ ١‬خ‪٬‬هلا ‪ٚ‬نإ شيو بايؿهٌ ايتاي‪:ٞ‬‬

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

‫‪NAME‬‬
‫ْك‪ َٔ ّٛ‬خ‪ٖ ٍ٬‬ص‪ ٙ‬اـاق‪ ١ٝ‬بتشس‪ٜ‬س اغِ (أ‪ ٚ‬يٓكٌ عٓ‪ٛ‬إ) ‪ٚ‬سس‪ ٠‬ايب‪ٝ‬اْات اييت ْط‪ٜ‬س‬
‫تع‪ٝ‬ني ق‪ُٗٝ‬ا‬
‫‪CONTENT‬‬
‫ؼسز احملت‪ٜٛ‬ات أ‪ ٚ‬ايب‪ٝ‬اْات اييت ْط‪ٜ‬س إغٓازٖا يًداق‪ٝ‬تني ايػابكتني‬

‫يف ‪ٚ‬اقع ا٭َط ؾإٕ هلص‪ ٙ‬اـكا‪٥‬ل ايهجرل َٔ ايك‪ .ِٝ‬يهٓٗا بهٌ بػاط‪ ٫ ١‬تعٓ‪ٓٝ‬ا يف‬
‫ؾ‪ ,٤ٞ‬ؾُععِ ٖص‪ ٙ‬ايك‪ ِٝ‬ت‪ٛ‬قـ بأْٗا ‪ Server Side‬أ‪ٜ ٟ‬تِ ايتعاٌَ َعٗا عً‪٢‬‬
‫َػت‪ ٣ٛ‬املع‪ٚ‬ز ‪ٚ‬ي‪ٝ‬ؼ عً‪َ ٢‬ػت‪ ٣ٛ‬دٗاظ املػتدسّ ‪ ٫ٚ Client Side‬تِٗ َكُُ‪ٞ‬‬
‫قؿشات بػطا‪َ ٤‬جًٓا‪َٚ .‬ا ‪ٜ‬عٓ‪ٓٝ‬ا بايسضد‪ ١‬ا٭‪ٚ‬ىل ٖ‪ ٞ‬ايك‪ ِٝ‬ايتاي‪:١ٝ‬‬

‫‪‬‬ ‫اـاق‪١ٝ‬‬ ‫‪َHTTP-EQUIV...‬ع‬

‫‪ٚ‬اييت تعين ْ‪ٛ‬ع‪ ١ٝ‬احملت‪ٜٛ‬ات‪ٚ .‬أشنطى َط‪ ٠‬أخط‪ ٣‬أْٓا ‪Content-Type‬ايك‪١ُٝ‬‬
‫قُٓا بتشس‪ٜ‬س طب‪ٝ‬ع‪Content ١‬ثِ باغتدساّ اـاق‪ ... ١ٝ‬تعآًَا َعٗا َػبكاً‬
‫‪ٚ‬إٔ قؿش‪HTML ١‬أ‪ْ ٟ‬ك‪ٛ‬م يػ‪ٖtext/html ١‬ص‪ ٙ‬احملت‪ٜٛ‬ات عً‪ ٢‬أْٗا‬
‫‪ٚ.‬ئ متاز أنجط َٔ شيو َع ٖص‪ ٙ‬اـاق‪Windows-1256 ...١ٝ‬تطَ‪ٝ‬عٖا ٖ‪ٞ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪158‬‬ ‫َع اـاق‪ْ ...NAME ١ٝ‬ػتدسّ‬ ‫‪‬‬

‫‪ o‬ايك‪ keywords ١ُٝ‬يتشس‪ٜ‬س ايهًُات املؿتاس‪ ١ٝ‬يًكؿش‪.١‬‬

‫> ‪<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,w‬‬
‫>"‪ebpage 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 ّٛ‬اييت تُٗٓا‪ٚ .‬غ‪ٛ‬ف أق‪ ّٛ‬اٯٕ بإمجاهلا يو يف ؾ‪ٝ‬ؿط‪ٚ ٠‬اسس‪٠‬‬
‫َع باق‪ ٞ‬اي‪ٛ‬غ‪ ّٛ‬يف تط‪ٜٚ‬ػ‪ ١‬ايكؿش‪ ١‬ع‪ٝ‬ح ميهٓو قكٗا ‪ٚ‬يككٗا يف نٌ قؿش‪َٔ ١‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪159‬‬ ‫قؿشاتو‪ٚ .‬عً‪ٝ‬و طبعا نتاب‪ ١‬ايك‪ٚ ِٝ‬ايب‪ٝ‬اْات اييت تط‪ٜ‬سٖا ؾ‪ُٝ‬ا بعس سػب عٓ‪ٛ‬إ‬
‫قؿشتو ‪ٚ‬ايهًُات املؿتاس‪ٚ ١ٝ‬اي‪ٛ‬قـ ايص‪ ٟ‬تط‪ٜ‬س‪ ٫( ٙ‬تت‪ٛ‬قع َين إٔ أق‪ ّٛ‬أ‪ٜ‬هاً بهتاب٘‬
‫ٖص‪ ٙ‬ايك‪ ِٝ‬يو)‪ .‬نصيو ‪ ٫‬تٓؼ ؼس‪ٜ‬س قؿش‪ ١‬ايذلَ‪ٝ‬ع إٕ ناْت كتًؿ‪ ١‬أ‪ ٚ‬سصف اي‪ٛ‬غِ‬
‫اـام بٗا إٕ ناْت قؿشتو بايًػ‪ ١‬اإللً‪ٝ‬ع‪.١ٜ‬‬

‫>‪<HEAD‬‬
‫>‪<TITLE> ... </TITLE‬‬
‫;‪<META HTTP-EQUIV="Content-Type" CONTENT="text/html‬‬
‫>"‪charset=windows-1256‬‬
‫>" ‪<META NAME="keywords" CONTENT=" ...‬‬
‫>" ‪<META NAME="description" CONTENT=" ...‬‬
‫>" ‪<META NAME="author" CONTENT=" ...‬‬
‫>" ‪<META NAME="copyright" CONTENT=" ...‬‬
‫>‪</HEAD‬‬

‫ٌٖ ٖصا ‪ٜ‬هؿ‪ٞ‬؟ ‪ٚ‬أعين ٌٖ تهؿ‪ٖ ٞ‬ص‪ ٙ‬اي‪ٛ‬غ‪ ّٛ‬يته‪ َٔ ٕٛ‬ا٭‪ٚ‬ا‪ ٌ٥‬زا‪ُ٥‬اً عً‪ ٢‬قؿشات‬
‫قطنات ايبشح؟ نُا أغًؿت ٖٓاى زا‪ُ٥‬اً دٗ‪ٛ‬ز إناؾ‪ ١ٝ‬هب عً‪ٝ‬و بصهلا‪ٖٚ .‬ص‪ٙ‬‬
‫املط‪ ٠‬عً‪ٝ‬و ايت‪ٛ‬د٘ إىل ٖص‪ ٙ‬احملطنات ‪ٚ‬ايبشح عٔ اي‪ٛ‬ق‪٬‬ت ايتؿعب‪ ١ٝ‬اـاق‪ ١‬بإناؾ‪١‬‬
‫امل‪ٛ‬اقع اؾس‪ٜ‬س‪ .٠‬يف ‪ Altavista‬غتذس أْٗا تػُ‪ٚ .Add Page ٢‬يف ‪ٚ Infoseek‬‬
‫‪ HotBot ٚ Excite‬غتذسٖا ‪ Add URL‬أَا يف ‪ Yahoo‬ؾٗ‪How To Suggest ٞ‬‬
‫‪a Site‬؟ نصيو غتذس َجٌ ٖص‪ ٙ‬اي‪ٛ‬ق‪٬‬ت يف امل‪ٛ‬اقع ايعطب‪ٚ ١ٝ‬عاز‪ ٠‬تعطف بـِ أنـ‬
‫َ‪ٛ‬قعو‪.‬‬
‫عً‪ ٢‬أ‪ ١ٜ‬ساٍ قِ بايٓكط عً‪ٗٝ‬ا يه‪ ٞ‬تك‪ٛ‬زى إىل من‪ٛ‬شز بػ‪ٝ‬ط عً‪ٝ‬و ًَ‪ ٙ٪‬ببعض‬
‫املعً‪َٛ‬ات عٔ َ‪ٛ‬قعو (‪ ٫‬ؽـ ؾإٕ طط‪ٜ‬ك‪ ١‬ايتعاٌَ َع ٖص‪ ٙ‬ايُٓاشز ٖ‪ ٞ‬أبػط مما‬
‫تتك‪ٛ‬ض)‪ .‬يهٔ ‪ ٫‬تت‪ٛ‬قع إٔ تط‪َٛ ٣‬قعو ‪ٚ‬قس متت إناؾت٘ يف ايسقا‪٥‬ل ايتاي‪ ١ٝ‬هلص‪ ٙ‬ايعًُ‪,١ٝ‬‬
‫ؾٗصا وتاز يف َععِ ا٭س‪ٛ‬اٍ إىل عس‪ ٠‬أ‪ٜ‬اّ‪.‬‬

‫أعطف أْو غتك‪ ٍٛ‬عٔ ٖص‪ ٙ‬ايعًُ‪ ١ٝ‬بأْٗا قعب‪ٚ ١‬ؾاق‪ ...١‬يصيو غ‪ٛ‬ف أزيو عً‪ ٢‬طط‪ٜ‬ك‪١‬‬
‫أغٌٗ ‪ٚ‬أغطع بهجرل‪ٖٓ .‬اى بطاَر خاق‪ ١‬إلزضاز املعً‪َٛ‬ات عٔ امل‪ٛ‬اقع ‪ٚ‬ايكؿشات‬
‫ع‪ٝ‬ح تك‪ ّٛ‬مبٌ‪ ٤‬من‪ٛ‬شز خام ملط‪ٚ ٠‬اسس‪ ٠‬ؾكط بهٌ َا تط‪ٜ‬س‪َ َٔ ٙ‬عً‪َٛ‬ات ثِ ‪ٜ‬ك‪ّٛ‬‬
‫ٖصا ايدلْاَر بإضغاهلا إىل امل‪٦‬ات َٔ قطنات ‪ٚ‬أزي‪ ١‬ايبشح‪ٖ ...‬هصا ببػاط‪ٚ ١‬بسقا‪٥‬ل‬
‫َعس‪ٚ‬ز‪ٖ َٔٚ .٠‬ص‪ ٙ‬ايدلاَر بطْاَر ‪ٚ AddWeb‬بطْاَر ‪ Submission Wizard‬يهٔ‬
‫َٔ امل‪٪‬غـ إٔ ايٓػذ املؿذلن‪ ١‬هلص‪ ٙ‬ايدلاَر أ‪َ ٚ‬ج‪٬ٝ‬تٗا‪ ,‬ته‪ ٕٛ‬قس‪ٚ‬ز‪ ٠‬ايؿعاي‪ ١ٝ‬أ‪ٟ‬‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬

 ‫وحــدة تقنية المعلومات و االتصال‬ ‫جامـــــــعة كردفــــان‬
‫تأليف ‪ :‬مهندس حامد محمد حامد‬ ‫القطار السريع في لغة ‪HTML‬‬

‫‪162‬‬ ‫تتعاٌَ َع عسز قس‪ٚ‬ز َٔ احملطنات ‪ٚ‬ا٭زي‪ٚ ١‬ي‪ٝ‬ؼ نًٗا إ‪ ٫‬إشا قُت بؿطا‪ٖ ٤‬ص‪ٙ‬‬
‫ايدلاَر‪... .‬يهٔ ‪ ٫‬بأؽ َٔ ػطبتٗا عً‪ ٢‬اإلط‪٬‬م‪.‬‬

‫‪ٚ‬أخرلاً َا ضأ‪ٜ‬و باضغاٍ عٓ‪ٛ‬إ َ‪ٛ‬قعو إي‪ٚ ّٞ‬غ‪ٛ‬ف أق‪ ّٛ‬بهٌ غط‪ٚ‬ض بإناؾت٘ إىل قؿش‪١‬‬
‫اي‪ٛ‬ق‪٬‬ت ايتؿعب‪ ١ٝ‬اـاق‪ ١‬بٗصا امل‪ٛ‬قع‪.‬‬

‫اغِ امل‪ٛ‬قع‬
‫ايعٓ‪ٛ‬إ‬
‫أرسل‬

‫َ‪ٛ‬قعو زا‪ُ٥‬ا‬
‫عً‪ ٢‬ايكؿش‪ ١‬ا٭‪ٚ‬ىل حملطنات ايبشح‪.‬‬

‫امتين إ تعِ ايؿا‪٥‬س‪ ٫ٚ ٠‬تٓػ‪ْٛ‬ا بايسع‪ٛ‬ات ايكاؿات‬

‫نتب يًهاتب ‪:‬‬

‫‪ /1‬ايؿاٌَ يف يػ‪ php ١‬بايعطب‪ ٞ‬قػِ تط‪ٜٛ‬ط امل‪ٛ‬اقع‪.‬‬
‫‪ /2‬ايؿاٌَ يف ق‪ٛ‬اعس ايب‪ٝ‬اْات قػِ يػات ايدلف‪.١‬‬
‫‪َ /3‬ؿاض‪ٜ‬ع ؾ‪ٝ‬ذ‪ٛ‬اٍ ب‪ٝ‬ػو ‪ 6‬قػِ يػات ايدلف‪.١‬‬
‫‪ /4‬تكُ‪ ِٝ‬قش‪ٝ‬ؿ‪ ١‬ايهذل‪ asp ١ْٝٚ‬قػِ تط‪ٜٛ‬ط امل‪ٛ‬اقع‪.‬‬
‫‪ /5‬ايكطاض ايػط‪ٜ‬ع يف يػ‪ ١‬تكُ‪ ِٝ‬ايكؿشات ‪ HTML‬قػِ تط‪ٜٛ‬ط امل‪ٛ‬اقع‪.‬‬
‫ًَش‪ٛ‬ظ‪-: ١‬‬
‫‪.‬‬ ‫نتب‬ ‫مب‪ٛ‬قع‬ ‫َ‪ٛ‬د‪ٛ‬ز‪٠‬‬ ‫ايهتب‬ ‫ٖص‪ٙ‬‬ ‫مج‪ٝ‬ع‬

‫‪Email : [email protected]‬‬ ‫‪Mob : 00249912927281-00249123222878‬‬