لغة HTML هي اختصار لجملة (Hyper Text Markup Langauge ) وهي إحدى الطرق
في تصميم صفحات على الانترنت كما أنها من الوسائل الممتازة فى تصميم المواقع وغالبا
لا يستخدمها الا المحترفون.
تكتب لغة HTML بوسوم أو واصفات باللغة الانجليزية الـTags وتسمى باللغة العربية
الوسوم
و لكل وسم من وسوم لغة الـHTML له وسم بداية أو فتح ووسم نهاية أو إغلاق
فلنبدأ بشرح أهم الوسوم في لغة الـHTML
1-وسم البداية
و وسم النهاية
< HTML >
< / HTML >
2-وسم الهد أو الرأس
< HEAD >
< /HEAD >
3- وسم العنوان
< TITLE >
< /TITLE >
4- وسم الجسم
< BODY >
< /BODY >
سوف نتناول كل وسم بالشرح:
1- وسم البداية :
و هو الوسم < HTML > وهو من أهم الوسوم المستخدمة في بناء الصفحات
المستخدم فيها لغة الـHTML ، لأنه يقوم بتعريف للمتصفح أن هذه الصفحة
مصممة بلغة الـHTML ويوضع هذا الوسم أول المستند المصمم بلغة الـHTML
وسم النهاية له هو < HTML/ > الذي يوضع أخر المستند المصمم بلغة الـHTML .
2- وسم الرأس
< HEAD > الذي يستخدم لتعريف صاحب الصفحة واللغة وأشياء أخرى .
و وسم النهاية الخاص به هو < HEAD/ >
3- وسم العنوان < TITLE > الذي يمثل الكلام الذي يوضع أعلى الشاشة على
اليسار ، ووسم النهاية الخاص به هو ملاحظة أنه يجب أن يوضع هذا
الوسم بين الوسمين < HEAD > و < HEAD/ >
4-وسم الجسم < BODY > يوضع داخل هذا الوسم محتويات الصفحة
بأكملها حيث تضع فيه الجداول والصور و المواضيع وكل ماتريده أن يظهر على الصفحة .
الوسم < HTML >يوضع أول الملف المستخدم فيه لغة الـHTML والوسم
< HTML/ > يوضع أخر الملف .
الوسم < HEAD > يوضع تحت الوسم < HTML > مباشرة ووظيفته هو تعريف
بلغة الصفحة وكاتبها وتلخيص صغير عن محتويات الصفحة ونكتب فية كود التعريف
الخاص بلغة الصفحة ووسم النهاية الخاص به هو < HEAD/ > .
الوسم < TITLE > هو الوسم الذي نكتب فيه عنوان الصفحة الذي سوف يظهر
أعلى المتصفح على اليسار . ووسم النهاية الخاص به هو < TITLE/ >
الوسم < BODY > ويوضع هذا الوسم بعد نهاية الوسم < HEAD > نضع فيه كل
مانريده ان يظهر داخل الصفحة من خلال المتصفح من صور وجداول ووسم النهاية
الخاص به هو < BODY/ >
وسم البداية
</HEAD>
اكتب اسم الصفحة أو الموقع وليكن الخوارزمى
</HEAD>
موقع تعليمى متنوع
والآن قم بحفظ ما كتبته في ملف وبأي اسم تختاره. ولا تنسى أن الامتداد المستخدم في
أسماء ملفات HTML هو htm. أو html.
** من المفضل أن تقوم بعمل مجلد مستقل على القرص الصلب لكي تحفظ به ملفاتك
وليكن my site
قم بتشغيل متصفح الإنترنت الذي تستخدمه. فإذا كان Netscape Navigator اختر
الأمر Open File… من قائمة File. أما في Internet Explorer فاختر الأمر
Open File … من قائمة File. ثم حدد المسار الذي يوجد به الملف.
ثم لاحظ ثمرة مجهودك .
** بعض الملاحظات عند كتابة صفحات الويب:
· لا يوجد فرق بين كتابة الوسوم بالأحرف الإنجليزية الكبيرة UPPERCASE أو
الأحرف الصغيرة lowercase.
· إن المتصفحات لا تأخذ بعين الاعتبار الفراغات الزائدة أو إشارات نهاية الفقرات
(أي عندما تقوم بضغط مفتاح Enter) التي تجدها هذه المتصفحات في ملف Html.
وبعبارة أخرى فإن باستطاعتك كتابة ملفك السابق بالشكل التالي:
مرحبا بكم
أو بالشكل التالي:
HEAD><
هذه صفحتى المتواضعة
</BODY>
</HTML>
و السؤال: نريد أن نكتب فقرة من عدة أسطر فى الصفحة كيف يمكن التحكم بمقدار
النص المكتوب في كل سطر أوكيف يمكن تحديد نهاية الفقرة وبداية الفقرة التي تليها؟
الاجابة:سوف نستخدم الوسم
لتحديد النهاية للسطر. والبدء بسطر جديد
(لاحظ أن هذا الوسم مفرد، أي ليس له وسم نهاية).
ونعود إلى المثال السابق، قم بتعديل الملف لكي يصبح بالشكل التالي
شكرااااااااااااااااااااااااا
في تصميم صفحات على الانترنت كما أنها من الوسائل الممتازة فى تصميم المواقع وغالبا
لا يستخدمها الا المحترفون.
تكتب لغة HTML بوسوم أو واصفات باللغة الانجليزية الـTags وتسمى باللغة العربية
الوسوم
و لكل وسم من وسوم لغة الـHTML له وسم بداية أو فتح ووسم نهاية أو إغلاق
فلنبدأ بشرح أهم الوسوم في لغة الـHTML
1-وسم البداية
و وسم النهاية
< HTML >
< / HTML >
2-وسم الهد أو الرأس
< HEAD >
< /HEAD >
3- وسم العنوان
< TITLE >
< /TITLE >
4- وسم الجسم
< BODY >
< /BODY >
سوف نتناول كل وسم بالشرح:
1- وسم البداية :
و هو الوسم < HTML > وهو من أهم الوسوم المستخدمة في بناء الصفحات
المستخدم فيها لغة الـHTML ، لأنه يقوم بتعريف للمتصفح أن هذه الصفحة
مصممة بلغة الـHTML ويوضع هذا الوسم أول المستند المصمم بلغة الـHTML
وسم النهاية له هو < HTML/ > الذي يوضع أخر المستند المصمم بلغة الـHTML .
2- وسم الرأس
< HEAD > الذي يستخدم لتعريف صاحب الصفحة واللغة وأشياء أخرى .
و وسم النهاية الخاص به هو < HEAD/ >
3- وسم العنوان < TITLE > الذي يمثل الكلام الذي يوضع أعلى الشاشة على
اليسار ، ووسم النهاية الخاص به هو ملاحظة أنه يجب أن يوضع هذا
الوسم بين الوسمين < HEAD > و < HEAD/ >
4-وسم الجسم < BODY > يوضع داخل هذا الوسم محتويات الصفحة
بأكملها حيث تضع فيه الجداول والصور و المواضيع وكل ماتريده أن يظهر على الصفحة .
الوسم < HTML >يوضع أول الملف المستخدم فيه لغة الـHTML والوسم
< HTML/ > يوضع أخر الملف .
الوسم < HEAD > يوضع تحت الوسم < HTML > مباشرة ووظيفته هو تعريف
بلغة الصفحة وكاتبها وتلخيص صغير عن محتويات الصفحة ونكتب فية كود التعريف
الخاص بلغة الصفحة ووسم النهاية الخاص به هو < HEAD/ > .
الوسم < TITLE > هو الوسم الذي نكتب فيه عنوان الصفحة الذي سوف يظهر
أعلى المتصفح على اليسار . ووسم النهاية الخاص به هو < TITLE/ >
الوسم < BODY > ويوضع هذا الوسم بعد نهاية الوسم < HEAD > نضع فيه كل
مانريده ان يظهر داخل الصفحة من خلال المتصفح من صور وجداول ووسم النهاية
الخاص به هو < BODY/ >
وسم البداية
</HEAD>
اكتب اسم الصفحة أو الموقع وليكن الخوارزمى
</HEAD>
موقع تعليمى متنوع
والآن قم بحفظ ما كتبته في ملف وبأي اسم تختاره. ولا تنسى أن الامتداد المستخدم في
أسماء ملفات HTML هو htm. أو html.
** من المفضل أن تقوم بعمل مجلد مستقل على القرص الصلب لكي تحفظ به ملفاتك
وليكن my site
قم بتشغيل متصفح الإنترنت الذي تستخدمه. فإذا كان Netscape Navigator اختر
الأمر Open File… من قائمة File. أما في Internet Explorer فاختر الأمر
Open File … من قائمة File. ثم حدد المسار الذي يوجد به الملف.
ثم لاحظ ثمرة مجهودك .
** بعض الملاحظات عند كتابة صفحات الويب:
· لا يوجد فرق بين كتابة الوسوم بالأحرف الإنجليزية الكبيرة UPPERCASE أو
الأحرف الصغيرة lowercase.
· إن المتصفحات لا تأخذ بعين الاعتبار الفراغات الزائدة أو إشارات نهاية الفقرات
(أي عندما تقوم بضغط مفتاح Enter) التي تجدها هذه المتصفحات في ملف Html.
وبعبارة أخرى فإن باستطاعتك كتابة ملفك السابق بالشكل التالي:
مرحبا بكم
أو بالشكل التالي:
HEAD><
هذه صفحتى المتواضعة
</BODY>
</HTML>
و السؤال: نريد أن نكتب فقرة من عدة أسطر فى الصفحة كيف يمكن التحكم بمقدار
النص المكتوب في كل سطر أوكيف يمكن تحديد نهاية الفقرة وبداية الفقرة التي تليها؟
الاجابة:سوف نستخدم الوسم
لتحديد النهاية للسطر. والبدء بسطر جديد
(لاحظ أن هذا الوسم مفرد، أي ليس له وسم نهاية).
ونعود إلى المثال السابق، قم بتعديل الملف لكي يصبح بالشكل التالي
شكرااااااااااااااااااااااااا