مقدمة إلى اتش تي ام ال

من ويكي الكتب
اذهب إلى: تصفح، ابحث
Merge-arrows.svg
لقد اقترح نقل ودمج محتويات هذا الكتاب في كتاب مشابه تحت عنوان برمجة:اتش تي إم إل. (ناقش)



لغة الاتش تي ام أو كما يحب أن يسميها البعض بلغة "هتمل" . تشير الأحرف في اسم اللغة إلى عبارة إنجليزية : Hyper Text Markup Language و معناها ( لغة ترميز النص التشعبي )

تتكون لغة هتمل في مجملها من وسوم (Tags) يحمل كل وسم من هذه الوسوم

معني خاص لدي المتصفح .

لنتخيل الأمر كالتالي : بما انك مصمم مواقع ويب فانك قد عقدت اتفاقا مع المتصفح و

أنشأت لغة خاصة للتفاهم بينك و بينه . أول اتفاق تم عقده و هو أن الأوامر التي سترسلها

له ستكون دائما بين قوسين من هذا الشكل :

<الأمر هنا>

إذا كان الأمر على هذا الشكل فإننا نسميه وسماً .

المتصفح ملتزم معك باستخدام هذا التنسيق حتى تخبره بالتوقف عن ذلك من خلال

إرسال الأمر نفسه مع إضافة شرطة مائلة لليمين (/) بعد القوس الأول مباشرة . هكذا :

< الأمر هنا/>

و لاستخدام التنسيق على جملة نصية معينة نضع الجملة المطلوبة بين وسم بداية الأمر

و وسم نهاية الأمر . هكذا :

< الأمر هنا>

الجملة النصية المراد تطبيق التنسيق عليها

< الأمر هنا/>


و بالإضافة إلى وسوم تنسيق النص فان لغة الهتمل تضم وسوما لإدراج صورة أو خط أفقي

أو جدول أو ملف فلاشي و كدلك وسوما خاصة لإدراج مكونات النماذج . كما

أنها تضم وسوما خاصة ببداية كل صفحة و نهايتها .

أهم الوسوم[عدل]

<html> في لغة هتمل كل صفحة تبدأ بهذا الوسم لإخطار متصفح الويب أن الصفحة التي يتعامل معها بهذه اللغة.

<html/> وسم نهاية أوامر الصفحة.

<head> يأتي هذا الوسم بعد الوسم <html> وهو مسؤول عن معلومات الصفحة (مثل الترميز وعنوان الصفحة الذي يظهر في أعلى المتصفح والكلمات المفتاحية...الخ) وينتهي هذا الوسم ب <head/> .

<body> هذا الوسم مسؤول عما يوجد داخل الصفحة (مثل النصوص والصور وترتيب الصفحة...الخ) وكأغلب الوسوم ينتهي هذا الوسم ب (/) قبل اسم الوسم هكذا: <body/> .