تعلم لغة الهتمل 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/ >
:
أهلاً بك إلى مقدمة دروس لغة 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/ >
: