تعلم الهتمل -1-

تكتب ملفات HTML في
صورة ملفات نصوص بسيطة (Plain Text)، تأخذ
الإمتداد .html عادة، وتكتب في أي برنامج للنصوص
البسيطة، في الويندوز استخدم Notepad، في اللينكس
استخدم pico، في الماكنتوش استخدم SimpleText، جميع هذه البرامج مناسبة جدا لعمل صفحات HTML.


الأمر الآخر الذي ستحتاج إليه هو متصفح للإنترنت، ولن
يكون أكثر من Internet Explorer أو Netscape Navigator أو
الأثنين معا، وبما أنك الآن تتطلع على هذه الصفحة فلا بد من أنك تمتلك المتصفح
أيضا، ستحتاج إلى معاينة الصفحات بالمتصفح بعد كتابها، ولأن المتصفحات تختلف من
نوع إلى آخر لذا يفضل أن تقوم بمعاينة صفحتك بجميع المتصفحات الموجودة وتتأكد من
أنها تظهر بشكل سليم في جميع المتصفحات، لأن الجمهور الذي سيزور صفحتك سيستخدم
المتصفح الذي يفضله هو لذلك فإن عليك التأكد من أن الجمهور يستطيع رؤية الصفحة
بمتصفحه أيا كان.







بعد كل هذا .. لغة HTML
لغة وصفية سهلة جدا ذات قدرات عالية وميزات فريدة وقوية، جميع الصفحات العالمية
متقنة التصميم تم إعدادها باستخدام لغة HTML،
تتميز HTML أيضا بأنها ذات قواعد سهلة ومعروفة، تستطيع أيضا في لغة HTML عمل الشيء نفسه بأكثر من طريقة، لذلك ومهما كانت الطريقة التي
تفكر بها ستجد أنك تحصل غالبا على ما تريده بالضبط.


تتكون ملفات HTML من
قسمين :


·
المحتوى : وهو ما يشاهده الجمهور
في صفحتك.


·
الوسوم :وهي الأجزاء التي تحدد
كيف سيشاهد جمهورك المحتوى السابق، فهي تصف المحتوى من حيث التنسيق.

مثال على ذلك هذا السطر من لغة








·
لغة HTML لا
تراعي المسافات البيضاء، وتعتبرها جميعا مسافة واحدة، أي أن وضع مسافة واحدة بين
كلمتين، يساوي وضع مسافتين، ويساوي وضع ثلاثين مسافة، ويساوي وضع سطر جديد، ويساوي
وضع جدولة tab، كلها تترجم إلى مسافة.


·
توضع التعليقات بين <!-- و --> أي أن المتصفح
يتجاهل أي شيء بينهما وكأنه غير موجود.

بنية ملف HTML




يتكون ملف HTML القياسي من جزئين
رئيسيين هما :


·
الرأس Head : يحتوي على المعلومات الإضافية الخاصة بالمستند مثل عنوان
الصفحة والكلمات المفتاحية فيها وغيرها من الأمور الخاصة بالصفحة والتي لا تعتبر
من ضمن المحتوى.


·
الجسم Body : وهو يحتوي على المحتوى الذي يراه المستخدم. HTML








يتم تحديد عنوان المستند الذي يظهر في شريط
العنوان للمتصفح بإحاطته بـ <title> و </title>، والمكان الصحيح
لوسم الـ <title>
هو الرأس، حيث أن الوسم title
لا يعتبر من ضمن محتوى الصفحة ولا يظهر في الصفحة، وهو يستخدم في عمليات البحث
والأرشفة كما في محركات البحث، ولا يمكنك وضع وسوم تنسيق أخرى بين وسمي الـ title.


وتوجد أيضا وسوم أخرى تحدد صفات المستند
تمسى وسوم meta
توضع أيضا في منطقة الرأس، وسنأتي إليها في أمور إضافية في هذه الدورة.


أما باقي الوسوم
فأغلبها يوضع في منطقة الجسم body.








يوجد أيضا استخدام آخر للوسم a باستعمال الخاصية name بدلا من href (يمكن استعمال
الإثنين معا)، وبعد ذلك تستطيع أن تدرج وصلة عادية تشير إلى المكان الذي به <a name="">،
وذلك بجعل خاصية href
الوصلة العادية تشير إلى الإسم المحدد في name مسبوقا بعلامة #، مثال ذلك إذا
أردت أن تضع وصلة تقودك إلى جزء معين من المستند الحالي، ستقوم بعمل <a name="myname"></a> في المكان
المطلوب، ثم تدرج وصلة في أي مكان آخر كالتالي <a href="#myname">إسمي</a>، ويمكنك أيضا
عمل ذلك عبر المستندات (من مستند إلى مستند آخر) بحيث تحدد بالضبط المكان الذي
تريده من المستند الوجهة هكذا <a href="salem.html#myname">إسم
سالم</a>.



يمكنك أيضا عمل وصلة إلى أعلى المستند بوضع
#top
في الخاصية href.



لإجبار النص على الإنتقال إلى السطر التالي
استخدم <br>
.


لإضافة مسافة استخدم &nbsp; (لعمل أكثر من
مسافة واحدة)


يمكنك استخدام الوسم pre لمنع المتصفح من
تجاهل المسافات البيضاء ويحتسب المسافة مسافة والثلاث مسافات ثلاث مسافات والسطر
الجديد سطرا جديدا، فقط بين الوسمين <pre> و </pre> .


يمكنك توسيط أي شيء بوضعه بين الوسمين <center> و </center>





يتبع . . . . . . .