تعلم لغة الهتمل HTML

تعلم لغة الهتمل HTML



أهلاً بك إلى مقدمة دروس لغة HTML أو كما يسميها البعض لغة الهتمل .
حسناً فلنبدأ الشرح ولكن أولاً أريد أن أجيب على بعض أسئلتك واتوقع أن أول سؤال يقول :

ما معنى لغة HTML ؟
لغة
HTML هي اختصار لجملة (Hyper Text Markup Langauge ) وهي إحدى الطرق في
تصميم صفحات على الانترنت أو تزيين الرسائل التي تبعث عبر
البريدالالكتروني.

--------------------------------------------------------------------------------

حسناً فلنبدأ الشرح تكتب لغة HTML برموز غريبة وكثيرة اسمها باللغة الانجليزية الـTags وتسمى باللغة العربية الوسوم .
و لكل وسم من وسوم لغة الـHTML وسم بداية ووسم نهاية وسوف امثله لك من خلال الرسم التالي :

<الوسم >
الكلام الذي يتمتع بخاصية الوسم
< الوسم السابق/ >

فلنبدأ بشرح أهم وسوم في لغة الـHTML

وسم البداية وسم النهاية
< HTML > < / HTML >
< HEAD > < /HEAD >
< TITLE > < /TITLE >
< BODY > < /BODY >

سوف أشرح كل وسم على حدى :
والوسم
الأول هو الوسم < HTML > الذي كما ذكرت سابقاً أنه أهم الوسوم
المستخدمة في بناء الصفحات المستخدم فيها لغة الـHTML ، لأنه يقوم بتعريف
للمتصفح أن هذه الصفحة مصنوعة بلغة الـHTML ويوضع هذا الوسم في أول
المستند المصنوع بلغة الـHTML ولولا هذا الوسم لظهرت محتويات الصفحة بصورة
باهتة وغير مفهومة ، وسم النهاية هو < HTML/ > الذي يوضع أخر
المستند المصنوع بلغة الـHTML .

--------------------------------------------------------------------------------

فلنأتي
الآن للوسم < HEAD > الذي يستخدم لتعريف صاحب الصفحة واللغة والعديد
من الأشياء التي سوف نشرحها في دروس قادمة إنشاء الله . وأذكرك أن وسم
النهاية الخاص به هو < HEAD/ >

--------------------------------------------------------------------------------

نأتي
الآن إلى الوسم < TITLE > الذي يمثل الكلام الذي يوضع أعلى الشاشة
على اليسار ، ووسم النهاية الخاص به هو < TITLE/ > ، ملاحظة يوضع
هذا الوسم بين الوسمين < HEAD > و < HEAD/ >

--------------------------------------------------------------------------------

نأتي
الآن إلى الوسم < BODY > الذي هو لب الدروس بأكملها ، حيث يمثل هذا
الوسم محتويات الصفحة بأكملها حيث تضع فيه الجداول والصور و المواضيع وكل
ماتريده أن يظهر على الصفحة . وسوف أبسط لك كل ما ذكرت في هذا الدرس داخل
الجدول :


الوسم < HTML >يوضع أول الملف المستخدم فيه لغة الـHTML والوسم < HTML/ > يوضع أخر الملف .
الوسم
< HEAD > يوضع تحت الوسم < HTML > مباشرة ووظيفته هو تعريف
بلغة الصفحة وكاتبها وتلخيص صغير عن محتويات الصفحة ووسم النهاية الخاص به
هو < HEAD/ > .
الوسم < TITLE > هو الوسم الذي يوضع فيه
عنوان الصفحة الذي سوف يظهر أعلى المتصفح على اليسار . ووسم النهاية الخاص
به هو < TITLE/ >
الوسم < BODY > ويوضع هذا الوسم بعد
نهاية الوسم < HEAD > ووظيفته هي إظهار محتويات الصفحة على المتصفح
، ووسم النهاية الخاص به هو < BODY/ >