يتكون هذا الكتاب من 55 صفحه حاولت ان اجمع فيه كل تفاصيل HTML بالاضافة الى XHTML وكذلك تطرقت لما هو جديد في HTML5 , واتبعت فيه قاعده خير الكلام ما قل ودل
فهرس الكتاب
المقدمة
الفصل الأول كتابة النصوص وتنسيقاتها
الفصل الثاني الوسائط المتعددة
الفصل الثالث وسوم وخصائص
الفصل الرابع الروابط
الفصل الخامس الجداول والقوائم
الفصل السادس الإطارات
الفصل السابع النماذج
الفصل الثامن الرسم
الفصل التاسع XHTML
الفصل العاشر ملاحظات عامة
تأليف:
جع اه نض متطوب <>
<80 4 نص مشطوب <اوله
<اله نص مائل <ك
المطلوب ) وجميع هذه الوسوم تكتب داخل الهيكل </000>
الممسوضير اتروع
لجعل النص يتحرك نستخدم الوسم <66/ا01270> , ولهذا الوسم عدة خصائص :-
1- 0960103 لتحديد اللون
2- 10117 لتحديد عرض النص ( الل
160901-3 لتحديد طول النص ( اللافتة)
4- 81100 تستعمل للمحاذاة , وتأخذ أحد القيم التالية ( 001808 , 5011000 , م10) -
5- 190808 لتحديد المسافة التي تفصل بين اللافتة والنص الموجود على جائبها
6- 080308 تعمل_مثل الخاصية 60808 لكنها تحدد المسافة الفارغة عموديا من الأعلى
والأسفل .
7- 086802 تحدد أسلوب النص الموجود في اللافتة وطريقة عمله وهناك ثلاثة قيم أو
بالأحرى ثلاثة أساليب لحركة النص وهي التالية :-
أ- !80201 يتحرك بنفس الاتجاه من جانب إلى آخر وبصورة مستمرة , وهي القيمة الافتراضية
ب- 8106 يتحرك النص مرة واحدة من الجائب إلى الجائب الآخر ويتوقف عنده
ج- 211600316 يتأرجح النص جِيئةٌ وذهاباً من جانب إلى آخر .
8- 601100)أل تحدد اتجاه سير النص وذلك من خلال القيم أطوم أو :180
9- 1000 تحدد عدد المرات التي سيتحرك فيها النص داخل اللافتة , وإذا أردت أن تستمر
تريدها
10- 8070112000001 هذه الخاصية تحدد المسافة بين كل لقطة وأخرى للنص , وهي تأخذ قيماً
عددية صحيحة تحدد المسافة المقطوعة بالبيكسل .
مثال :-
1- (8ا8001106 لكي نحدد الزمن الذي يستغرقه النص في القفز بين كل خطوة وآخرة
نستخدم هذه الخاصية , والقيمة المعطاة مع هذه الخاصية تمتل الزمن بالملي ثانية (0,001 من
ملاحظة / إن النص الذي يوضع في الوسم <078/00/86> ليس نص ثابت ولا تستطيع أن تغير
من خواصه لكن تستطيع أن تجعله وصلة تشعبيه وأن تدرج داخله صوره أيضا ( سأشرح ذلك
في المواضيع القادمة) .
الفصل الثاني
( الوسائط المتعددة )
يتم إضافة الصور عن طريق الوسم </ 009 والذي هو وسم ذاتي الغلق أي ليس له وسم نهاية
1- الخاصية 80 والتي هي اختصار لكلمة 80008 , وهي تأخذ عنوان الصورة وامتدادها
2- الخاصية !(ج ويكتب فيها التعليق الذي سيظهر في حلة عدم توفر الصورة أو في حالة حدث
خطاً عند تحمل الصورة .
3- الخاصية 8/190 وهي تستخدم لتحديد موقع النص من الصورة وتأخذذ إحدى هذه القيم ا(اوام)
4- الخاصية 0/1010 وهي تحدد عرض الصورة وتكون قيمتها أما عدد صحيح أو نسبة مأوية
مثل :- 9630
5- الخاصية 61951 وهي تحدد ارتفاع الصورة وتكون قيمتها أما عدد صحيح أو نسبة مأوية
مثل :- 9635
6- الخاصية 080808 لتحديد المسافة العمودية الفاصلة بين النص والحافتين العليا والسفلى
للصورة .
7- الخاصية 080868 لتحديد المسافة الأفقية الفاصلة بين النص والحافتين اليمنى وليسرا
للصورة .
8- الخاصية 00086 وهي تحدد سمك الإطار المحيط بالصورة , وتأخذ قيم من 1 إلى 7 ,
والقيمة الافتراضية لها صفر .
نكتبها ستأخذ القيمة الافتراضية لها
لاحظ إن الخاصية 80 كتبنا فيها أولاً اسم المجلد الذي يحتوي على الصورة والذي في هذا
المثال هو 10898 ثم / وبعدها اسم الصورة والتي في المثال اسمها 1268 ثم نكتب امتداد
الصورة وفي المثال كان الامتداد وم[
ولاحظ هنا إن الصورة تقّع في مجلد مختلف عن المجلد الذي فيه الصفحة , لكن إن كانت
الصورة والصفحة في نفس المجلد فلا نحتاج إلى ذكر اسم المجلد حيث فقط سنذكر اسم الصورة
والامتداد , مثال على ذلك :-
الصورة والامتداد .
* ولاحظ أن الصورة التي نصغرها عن طريق الخاصيتين 10/1015 و 181901 أن حجمها لا
يصغر وإنما فقط شكلها سيتغير لذا إن أردنا استخدام صورة في موقعنا بمساحة صغيرة فمن
الأفضل تصغير حجمها أولا , وذلك لكي لا يكون موقعنا ذو حجم كبير وبالتالي يكون تحميل
الموقع بطيء من قبل الزائر
والآن إن أردت وضع صورة كخلفية للموقع فعليك أن تكتب عنوان الصورة داخل الخاصية
0 والتي هي إحدى خصائص الوسم </ر000» . مثال :-
ولتكون الصورة في الخلفية علامة مائية ( أي أن تكون الصورة في الخلف تاب
الصفحة تتحرك فقط بدون أن تتحرك الصورة ) يجب استخدام الخاصية 0001200611168 والتي
هي إحدى خصائص الوسم <060> وتأخذ القيمة 11:80
مثال :-
لإدراج فلاش نستخدم الوسم 600060 وهو وسم ذاتي الغلق أي ليس له وسم نهاية , لاحظ هذا
المثال :-
موعن "المع مم ادعاصف
+ فهذه الخاصية تحدد سمك الإطار المحيط بالفلاش وهي تأخذ قيم من 1 إلى 7 ,
وسنتعرف عليها أكثر في قسم الجداول .
صوت فى الخلفية
يمكن جعل صوت في خلفية الصفحة وذلك باستخدام الوسم </ 0090000> , وهو وسم ذاتي
الغلق اي ليس له وسم نهاية . لاحظ هذا المثال :-
عدد مرات التي ستتكرر فيها النغمة , وإذا جعلت قيمة هذه الخاصية 1- أو 10110116 فهذا يعني
إن الصوت سيعاد إلى مالا نهاية
ملاحظة / هذه الطريقة لا تعمل إلا مع المتصفح إكسبلورر وبعض المتصفحات الأخرى .
بتي مهن
هذا العنصر جديد في لغة 110015 , وهو يستخدم لعرض مقطع فيديو في الصفحة وهو لا يدعم
سوى ثلاث صيغ من مقاطع الفيديو وهي ( 1/1588 , 099 , 08507 ) , والوسم الخاص بهذه
العملية هو <0060/> وهو بدوره يحتوي على وسم الابن </ 80008 وهو وسم ذاتي الغلق
أي ليس له وسم نهاية , وهذا الابن يحتوي على الخاصية 80 التي تسند لها قيمة تكون رابط
الفيديو وتأخذ أيضا الخاصية 06/؛ لوضع نوع الفيديو .
للأسف مستعرضك لا يدعم عنصر عرض الفيديو !
مع الاك
هذا الجدول يحتوي على خصائص الوسم <01080>
لإقاطمااة _ الإدازمانة التشغيل النفائي لملف الفيدبو
00015 ,0008© عرض شَربط الأدوات في مشئل الفبدبو
0 قيمة رقمية بالبيكسل | ارتفاع مشغل الفيدبو
عام ١ | يمة رهمية بالبيكسل | عرض مشعل العبدبو
ما 1000 أعادة تشغيل الفبديو بشكل تلعَائي عند انتهائه
08م رائط تشعني ا
يقوم المستخدم
9 رابط تشعبي
عصيا صبغة القبدبو التحريف نوع صيغة القبدبو
عنصر الصوت وزونا
هذا العنصر جديد في لغة 040015 , يمكن عرض مقطع صوتي في الموقع باستخدام الوسم
<10ا800> والذي يحتوي بدوره على الوسم </ 800308 وهو وسم ذاتي الغلق أي ليس له
وسم نهاية , والذي يحتوي على الخاصية 80 لذكر عنوان الصوت والخاصية 8م لذكر نوع
الصوت , مع ملاحظة انه لا يدعم سوى ثلاث صيغ من مقاطع الصوت وهي , 099 , /«10/8)
مثال /
للأسف مستعرضك لا يدعم عنصر عرض الصوت !
* حيث إن هذه الكتابة سوف تظهر فقط لمن لا يدعم متصفحة هذا العنصر ( عنصر الصوت ).
هذا الجدول يحتوي على عناصر الوسم <8010>
م06 1000 إعادة تشميل ملف الصوت بشكل تلقائي.
8م [9080:م تحميل ملف الصوت عند تحميل الصفحة بض النظر عن خاصية
التشغيل النلفائي
الفصل الثالث
( وسوم وخصائص )
* لتغيير لون خلفية الصفحة نستخدم الخاصية 0900102 والتي هي إحدى خصائص الوسم
07 , لاحظ :
* في كل لغات البرمجة يحتاج المبرمج لإضفة تعليقات داخل البرنامج لتسهيل العمل , وهذه
التعليقات لا تظهر في البرنامج (الصفحة) , ولغة (1100/ توفر وسم خاص بالتعليقات وهو :-
<- التعليق -!>
* ولإنهاء سطر والبدء بسطر جديد نحتاج إلى هذا الوسم الذاتي الغلق وهو :- < / :>
* لتوسيط نص أو صورة أو أي شيء ببساطة نستخدم هذا الوسم :-
الشيء المراد جعله في منتصف الصفحة
* لجعل نص أو صورة ترتفع قليلاً أو تنخفض نستخدم أحد الوسمين التاليين ؛-
حمتواك للأعلى ميو
* وسم المسطرة </ 72> , يعمل هذا الوسم على إضافة شريط أفقي يمكن استعماله كفاصل
بين مختلف أجزاء صفحتك , وهو وسم ذاتي الغلق أي ليس له وسم نهاية , وهو يحتوي على
1- 8/190 وتستعمل للمحاذاة وتأخذ إحدى القيم التالية ( 8018م, !181 , 1191 ) -
2- 829 تحدد عرض الشريط .
1015-3 تحدد طول الشريط , وتلقائياً تأخذ القيمة 96100 إن لم نحدد قيمة
00803806-4 يعمل على حذف الظل من الشريط .
5- 00102 لتحديد لون الخط ( تعمل فقط مع :5001068 115 ) -
* 001100 يستخدم هذا الوسم لعمل زر اعتيادي بسهولة بهذا الشكل :-
* :تامع يستخدم هذا الوسم لطباعة فاصلة ( فراغ ) وهو يكتب هكذا بدون أي قيمة ,
ويكتب بعدد الفواصل المطلوبة :-
فوط
بلطامة
* الوسم «ل هذا الوسم ينسق الصفحات كأقسام مختلفة يستخدم بصفة أساسية 1690661/ر80
لعمل الطبقات , وهو يعتبر من الوسوم المهمة , وتكتب معه بعض الخصائص منها :-
1- الخاصية 2/190 وهي تستخدم لمحاذاة الطبقة وتأخذ احد هذه القيم (:08018 , 19/71 , 1811)-
2- الخاصية 10 وهي تستخدم لإعطاء اسم لهذا القسم .
* الوسم 8060 هذا الوسم يستخدم في الارتباطات 871687601 ويعتبر مثل الوسم </0>
* خصائص الوسم 000 كاملة
حيث تم شرح قسم من هذه الخصائص , وستتطرق إلى الخصائص الأخرى في المواضيع