⇝HTML⇜لغة البرمجة
:HTML تعريف
Hyper Text Markup Langauge هي
اختصار لكلمة
و تسمى بلغة ترميز التشعبية فهي لغة ترميز خاصة ابتكرت انشاء و تصميم
صفحات الويب
تعد
لغة البرمجة العمود الفقري، والرئيسي لصفحات الويب، وبنيتها التحتية فهي
توضحا شرحا مفصلا حول الشكل الذي تكون عليه آلية عرض محتويات الموقع
الإلكتروني
من خلال تقسيمه إلى عنوان وفقرات، و ذلك بالاعتماد على ما يسمي بالوسوم.
تاريخ تطور HTML:
ظهرت فكرة لغة html فى معمل فيزياء سويسرى فى بداية التسعينات وهى تنتمي
الى عائلة لغات لإعداد الصفحات تسمى sgmlو هى أكثرها شيوعا حيث بدأت فى
الإنتشار و نجحت آنذاك حيث كان نطاق شبكة المعلومات ضيق جدا ، ففى عام
1993 ظهرت html2 و اتصفت بالسهولة و المرونة و الشمول و ساهمت فى تحقيق
الانتشار الضخم لشبكة الانترنت رغم أنها لم تستخدم بصورة رسمية الا انها
مهدت بأفكارها لإصدارhtml3 ،وفى عام 1994 ظهرت html3 كتطور لسابقتها و
كانت بمثابة تغيرضخم و مفاجئ بالنسبة لمستخدمي الشبكة و لم تتفق مع برامج
التصفح الشائعة آنذاك و بالتالي لم تلقى القبول ، وفى عام 1995 ظهرت
Html3.2 للتغلب على نواحى قصور سابقتها و تزيد من قدرة تصميم الجداول و
التناسق مع برامج التصفح و دعمت استخدام الإطارات و الأشكال و الأوساط
المتعددة ، وفى شهر مارس 1997 ظهرت html4 هى احدث نسخة من اللغة و التى
نحن بصدد شرحها و جعلت الصفحات اكثر ديناميكية وتفاعلت مع لغات وتطبيقات
أخرى عديدة .
الى عائلة لغات لإعداد الصفحات تسمى sgmlو هى أكثرها شيوعا حيث بدأت فى
الإنتشار و نجحت آنذاك حيث كان نطاق شبكة المعلومات ضيق جدا ، ففى عام
1993 ظهرت html2 و اتصفت بالسهولة و المرونة و الشمول و ساهمت فى تحقيق
الانتشار الضخم لشبكة الانترنت رغم أنها لم تستخدم بصورة رسمية الا انها
مهدت بأفكارها لإصدارhtml3 ،وفى عام 1994 ظهرت html3 كتطور لسابقتها و
كانت بمثابة تغيرضخم و مفاجئ بالنسبة لمستخدمي الشبكة و لم تتفق مع برامج
التصفح الشائعة آنذاك و بالتالي لم تلقى القبول ، وفى عام 1995 ظهرت
Html3.2 للتغلب على نواحى قصور سابقتها و تزيد من قدرة تصميم الجداول و
التناسق مع برامج التصفح و دعمت استخدام الإطارات و الأشكال و الأوساط
المتعددة ، وفى شهر مارس 1997 ظهرت html4 هى احدث نسخة من اللغة و التى
نحن بصدد شرحها و جعلت الصفحات اكثر ديناميكية وتفاعلت مع لغات وتطبيقات
أخرى عديدة .
خصائصه و مميزاته:
- لا تحتاج برامج تصميم وتكتفي ببرنامج المفكرة الذي
يأتي مع برنامج الويندوز أو برنامج الدفتر.
- سهلة التعلم حيث يتمكن المستخدم لها من تصميم صفحه
خلال وقت قصير جدا.
- تساعد في إجراء المثير من التعديلات علي الموقع بكل
سهولة.
- إمكانية الكتابة بإستخدام اللغة العربية.
- تتميز بإمكانية إضافة أي نصوص برمجية كنصوص الجافا
البرمجية أو نصوص DHTML.
- تتيح امكانية ترجمة النصوص البرمجية إلى اللغة
العربية.
- إمكانية التحكم الدقيق في خصائص الصفحه.
- عظم برامج التصميم مبنية على أساس لغة HTML و هي الأساس لعدة
برامج مثل برنامج Front Page.
تعريف الوسم:
لا بدّ من الإشارة إلى أنّ الوسوم هي الجزء الرئيسي في
بناء صفحة الويب، إذ إنّه باستخدامها تتخذ الصفحة أوامر خاصة وتنفذها ليتم
استخدامها في تشكيل صفحة الويب، وتكون عادة كافة الوسوم محصورة بين إشارتي <،
>، وتنشطر إلى نوعين رئيسيين هما:
وسم البداية:
يتطلب ذلك من
المصمم أن يضع لكل وسم أو أمر بداية ونهاية، ليتم تنفيذه بشكل صحيح، ويُوضع وسم
البداية عادة على النحو التالي: <HTML>.
وسم النهاية:
يُرافق وسم
النهاية عادة الإشارة /، وذلك لغايات إغلاق الأمر المعطى، ويتم على النحو التالي .
:(HTML)مثال عن
<html>
<head>
<title> عنوان الصفحة </title>
</head>
<body>
هذه هي أول صفحة نقوم بتصميمها. <b> مرحبا بكم في منتدايا المتواضع </b>
</body>
</html>
<head>
<title> عنوان الصفحة </title>
</head>
<body>
هذه هي أول صفحة نقوم بتصميمها. <b> مرحبا بكم في منتدايا المتواضع </b>
</body>
</html>
:شرح المثال
من خلال المثال السابق نجد مجموعة من وسوم HTML سوف نقوم بشرحها الآن حيث نجد أن ملف HTML يجب أن يبدأ بالوسم <html> فهذا الوسم يخبر المتصفح هذا هو بداية ملف HTML ، كما يجب أن ينتهي الملف بالوسم </html> و هذا الوسم يخبر المتصفح بأن هذه هي نهاية ملف HTML.
أي أن جميع ملفات HTML يجب أن يكون لها بداية و نهاية ، البداية تكون من خلال
الوسم <html> و النهاية تكون من خلال الوسم </html>.
و ملفات الـ HTML يمكن تقسيمها إلى جزئين رئيسيين هما الـ head أو ما يسمي برأس الملف و جزء الـ body أو ما يسمى بجسم الملف.
رأس الملف الـ head:
الجزء
المحصور بين الوسمين <head> و </head> يسمى رأس الصفحة ، و النص الموجود بين هذين الوسمين هو عبارة
عن معلومات رأس الصفحة ، و تلك المعلومات لا يتم عرضها داخل نافذة المتصفح.
أما النص الموجود بين الوسمين <title> و </title> هو عبارة عن عنوان الصفحة ، هذا العنوان يتم عرضه عنوان
المتصفح " هو الشريط الافقي الموجود أعلى شاشة المتصفح ".
جسم الملف الـ body:
الجزء الموجود بين الوسمين <body> و </body> هو ما يسمى بجسم الملف ، و النص الموجود بين هذين الوسمين هو
ما يعرض داخل نافذة المتصفح .
أما النص الموجود بين الوسم <b> و </b> فسوف يعرض من خلال المتصفح كخط عريض ، و هو ما سوف نتعرف عليه
قريباً عند شرح الجزء المتعلق بالخطوط.
ليست هناك تعليقات:
إرسال تعليق