مقدمة إلى اتش تي ام ال
لغة الاتش تي ام أو كما يحب أن يسميها البعض بلغة "هتمل" . تشير الأحرف في اسم اللغة إلى عبارة إنجليزية : Hyper Text Markup Language و معناها ( لغة ترميز النص التشعبي )
تتكون لغة هتمل في مجملها من وسوم (Tags) يحمل كل وسم من هذه الوسوم
معني خاص لدي المتصفح .
لنتخيل الأمر كالتالي : بما انك مصمم مواقع ويب فانك قد عقدت اتفاقا مع المتصفح و
أنشأت لغة خاصة للتفاهم بينك و بينه . أول اتفاق تم عقده و هو أن الأوامر التي سترسلها
له ستكون دائما بين قوسين من هذا الشكل :
<الأمر هنا>
إذا كان الأمر على هذا الشكل فإننا نسميه وسماً .
المتصفح ملتزم معك باستخدام هذا التنسيق حتى تخبره بالتوقف عن ذلك من خلال
إرسال الأمر نفسه مع إضافة شرطة مائلة لليمين (/) بعد القوس الأول مباشرة . هكذا :
< الأمر هنا/>
و لاستخدام التنسيق على جملة نصية معينة نضع الجملة المطلوبة بين وسم بداية الأمر
و وسم نهاية الأمر . هكذا :
< الأمر هنا>
الجملة النصية المراد تطبيق التنسيق عليها
< الأمر هنا/>
و بالإضافة إلى وسوم تنسيق النص فان لغة الهتمل تضم وسوما لإدراج صورة أو خط أفقي
أو جدول أو ملف فلاشي و كدلك وسوما خاصة لإدراج مكونات النماذج . كما
أنها تضم وسوما خاصة ببداية كل صفحة و نهايتها .
أهم الوسوم [تعديل]
<html> في لغة هتمل كل صفحة تبدأ بهذا الوسم لإخطار متصفح الويب أن الصفحة التي يتعامل معها بهذه اللغة.
<html/> وسم نهاية أوامر الصفحة.
<head> يأتي هذا الوسم بعد الوسم <html> وهو مسؤول عن معلومات الصفحة (مثل الترميز وعنوان الصفحة الذي يظهر في أعلى المتصفح والكلمات المفتاحية...الخ) وينتهي هذا الوسم ب <head/> .
<body> هذا الوسم مسؤول عما يوجد داخل الصفحة (مثل النصوص والصور وترتيب الصفحة...الخ) وكأغلب الوسوم ينتهي هذا الوسم ب (/) قبل اسم الوسم هكذا: <body/> .