lهلا فيكم في الدرس الأول من
دروس لغة HTML ، وش معنا لغة HTML : هي اختصار لعبارة Hyper Text Markupp
Language .
بشرحلكم في الدرس الأول الوسوم الخاصة بلغة HTML .
هذه بعض الوسوم :
وسم البداية وسم النهاية
<HTML> </HTML>
<HAED> </HAED>
<TITLE> </TITLE>
<BODY> </HTML>
لو تلاحظ تلقى إن كل وسم من هذه الوسوم له بداية ونهاية ، والنهاية تتميز بوجود
الرمز / قبل الأمر .
خذ هذا المثال بيشرحلك فكرة تركيب ملف HTML :
<HTML>
<HAED>
</TITLE>عنوان الصفحة ومعلومات خاصة والوصف والغة والكاتب <TITLE>
</HEAD>
</BODY >محتويات الصفحة وجداول و صور ووصلات تشعيبية ورسوم وغيرها <BODY >
</HTML>
يعني بلا غباء ملف الـ HTML يبدأ بالوسم <HTML> وينتهي بالوسم </HTML> لا تنسى
.
أما الوسم <HEAD> يحدد بداية المقطع اللي فيه معلومات خاصة بتعريف الصفحة مثل
العنوان الظاهر على شريط عنوان المتصفح وهذا العنوان لازم يوضع بين وسمين
<TITLE> … </TITLE> ولازم تحط الوسم <HEAD> عشان تنهي هذا المقطع .
نزوح للوسم <BODY> اللي تتم كتابة نصوص صفحات الويب منه مع الصور والرسوم
والجداول وباقي محتويات الصفحة ، وطبعاً ينتهي بالوسم </BODY> .
وش رأيك لو تبدأ بتطبيق هذه المعلومات بصورة عملية ؟ يلا أفتح يرنامج المفكرة
واكتب اللي بيجيك :
<HTML><HEAD><TITLE>This is my web page
</TITLE></HEAD><BODY>WOW</BODY></HTML>
أحفظ الملف بأي اسم تختاره . لا تنسى أن امتداد اسم الملف لازم يكون htm أو
html . مثلاً اخترت أنا الاسم elwalhan.html . وأحسن لك إنك تسوي مجلد مستعمل
على القرص الصلب عشان تحفظ فيه ملفاتك وهذا يسهل عليك عملية استرجاعها للعرض أو
التحديث . وخل أسم المجلد هو C:/htmlfiles ( أو بأي اسم تبغاه ).
اللحين وقت العرض تبغى تشوف نتيجة اللي كتبتاه افتح المتصفح ، إذا كنت تستعمل
Natscape Navigator اختر الأمر Open file من قائمة file ، أما في المتصفح
Internet Explorer MS اختر الأمر Open من القائمة File ، ثمن حدد المسار اللي
فيه اللف . أنا شخصياً حددت المسار التالي : C:/htmlfiles/elwalhan>html (طبعاً
حسب الافتراضات السابقة .
أنا حصلت على نفس النتيجة .
وأنت ؟ حصلت على نفس النتيجة ولا لا ؟ مبروك ? سويت أول صفحة ويب خاصة بك ( إذا
ما حصلت على نفس النتيجة عد الموضوع من أول واقراه ) .
وقبل ما نروح للدرس الثاني أبغى اشرح لك بعض الملاحظات :
1- ما في فقرق بين كتابة الوسوم بالأحرف الانجليزية الكبيرة أو الأحرف النجليزي
الصغبرة أو كلهم .
2- المتصفحات لا تأخذ بعين الاعتبار الفراغات الزائدةأو اشارات نهاية الفقرات (
يعني إذا ضغط على Enter ) ، ويعني تقدر تكتب الملف السابق كذا:
<HtMl><HEAD><TiTlE>This is my web page</TITLE></HeAd><Body>WOW</Body></HtmL>
أو كذا :
HtMl>
<HEAD>
<TiTlE>
This is
my web
page
</TITLE>
</HeAd>
<Body>
WOW
</Body>
</HtmL>
وبكل الحالتين بتحصل على نفس النتيجة ، بس هذا ما يعني إن الفقرة المكونة من 20
سطر بتمد إلى عدة أمتار بعرض الشاشة !! طبعاً لا لأن المتصفح بيقوم بعمل التفاف
تلقائي لها بحسب عرض الشاشة .
عزائي هذا هو الدرس الثاني في
موضوع أسس صفحة HTML وهذه العناصر
المتبقية من موضوعنا:
· إضافة التنسيق الأساسي .
· ملاحظات .
· جدول رموز ASCII.
-------------------------------------------------------------
إضافة التنسيق الأساسي:
=====================
حينما تريد أن تنهي السطر الحالي عند
نقطة معينة أو أن تقوم بقفز سطر كامل
فما عليك سوى استخدام وسوم التنسيق
التالية:
· <P> : هذا الوسم يفصل بين الفقرات
بإضافة ما يصل إلى سطر واحد فارغ.
ويمكن أن يستخدم وسم بداية ونهاية أو
بداية فقط.
· <BR> : وسم الانقطاع الذي يؤدي إلى
انقطاع السطر. استعمل هذا الوسم
عندما تريد العودة لبداية سطر جديد.
لو طبقنا هذين الوسمين على المثال
السابق فماذا سينتج؟.
<html>
<head><title>صفحة تجريبية</title></head>
<body>
هذه <p>
صفحتي<br>
الأولى
</body>
</html>
لو نظرنالنتيجة المثال أعلاه لرأينا
أن بين كلمتي هذه و صفحتي مسافة سطر
كامل فارغ.
وبين كلمتي صفحتي و الأولى لايوجد
سطر فارغ ولكن نزلت الكلمة الثانية
للسطر التالي مباشرة.