HTML هو اختصار يشير إلى Hyper Text Markup Language الذي يستخدم لإنشاء صفحات الويب وتطبيقات الويب، فما هو المقصود بلغة البرمجة HTML.
المحتويات:
1. ما هي لغة البرمجة HTML؟
قبل الحديث عن لغة البرمجة HTML وتعريفها، سنحتاج في البداية إلى توضيح بعض الأمور الهامة:
- Hyper Text: Hyper Text أو النص التشعبي يعني ببساطة “نص داخل النص”. النص الذي له ارتباط بداخله، هو نص تشعبي. عندما تنقر على رابط ينقلك إلى صفحة ويب جديدة، فإنك تنقر على نص تشعبي. Hyper Text هو طريقة لربط صفحتين أو أكثر من صفحات الويب (مستندات HTML) ببعضها البعض.
- لغة الترميز: لغة الترميز هي لغة حاسوب تُستخدم لتطبيق اصطلاحات التخطيط والتنسيق على مستند نصي. لغة الترميز تجعل النص أكثر تفاعلية وديناميكية. يمكنه تحويل النص إلى صور وجداول وروابط وما إلى ذلك.
- صفحة الويب: صفحة الويب هي مستند يتم كتابته بشكل شائع بتنسيق HTML ويتم ترجمته بواسطة متصفح ويب. يمكن تحديد صفحة الويب عن طريق إدخال عنوان URL. يمكن أن تكون صفحة الويب من النوع الثابت أو الديناميكي. بمساعدة HTML فقط، يمكننا إنشاء صفحات ويب ثابتة.
ومن ثم، فإن HTML هي لغة ترميز تُستخدم لإنشاء صفحات ويب جذابة بمساعدة التصميم، والتي تبدو بتنسيق جميل على متصفح الويب. يتكون مستند HTML من العديد من علامات HTML وتحتوي كل علامة HTML على محتوى مختلف.
سنقدم لك مثالاً على لغة البرمجة HTML:
<!DOCTYPE>
<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>
<h1>العنوان الرئيسي</h1>
<p>فقرة</p>
</body>
</html>
تحليل مثال HTML:
- <! DOCTYPE>: يحدد نوع المستند أو يوجه المتصفح حول إصدار HTML.
- <html>: تخبر هذه العلامة المتصفح بأنه مستند HTML. يصف النص الموجود بين علامة html وثيقة الويب. وهي حاوية لجميع عناصر HTML الأخرى باستثناء <! DOCTYPE>
- <head>: يجب أن يكون العنصر الأول داخل عنصر <html>، والذي يحتوي على البيانات الوصفية (معلومات حول المستند). يجب إغلاقه قبل فتح علامة الجسم.
- <title>: كما يوحي اسمه، يتم استخدامه لإضافة عنوان صفحة HTML التي تظهر أعلى نافذة المتصفح. يجب وضعه داخل علامة الرأس ويجب إغلاقه على الفور.
- <body>: يصف النص الموجود بين علامة النص محتوى نص الصفحة المرئي للمستخدم النهائي. كما تحتوي هذه العلامة على المحتوى الرئيسي لوثيقة HTML.
- <h1>: يصف النص الموجود بين العلامة <h1> عنوان المستوى الأول لصفحة الويب.
- <p>: النص الموجود بين العلامة <p> يصف فقرة صفحة الويب.
إقرأ أيضاً… ما هو الفرق بين HTML و XML؟
2. تاريخ لغة البرمجة HTML.
في أواخر الثمانينيات، اقترح الفيزيائي تيم بيرنرز لي الذي كان متعاقداً في CERN نظاماً لباحثي CERN. في عام 1989، كتب مذكرة يقترح فيها نظام نص تشعبي قائم على الإنترنت، ويعرف تيم بيرنرز لي بأب HTML.
أول وصف متاح لـ HTML كان مستنداً يسمى “علامات HTML” اقترحه Tim في أواخر عام 1991. أحدث إصدار من HTML الآن هو HTML5.
3. إصدارات HTML.
منذ اختراع HTML، هناك الكثير من إصدارات HTML في السوق، سنقدم لكم نبذة مختصرة حول إصدارات HTML أدناه:
- HTML 1.0: الإصدار الأول من HTML هو 1.0، وهو الإصدار المجرد من لغة HTML، وتم إصداره في عام 1991.
- HTML 2.0: كان هذا هو الإصدار التالي الذي تم إصداره في عام 1995، وكان إصدار اللغة القياسي لتصميم مواقع الويب. كما كان HTML 2.0 قادراً على دعم ميزات إضافية مثل تحميل الملف المستند إلى النموذج وعناصر النموذج مثل مربع النص وزر الخيار وما إلى ذلك.
- HTML 3.2: تم نشر إصدار HTML 3.2 بواسطة W3C في أوائل عام 1997. كان هذا الإصدار قادراً على إنشاء جداول وتقديم الدعم لخيارات إضافية لعناصر النموذج. يمكنه أيضاً دعم صفحة ويب مع معادلات رياضية معقدة. لقد أصبح معياراً رسمياً لأي متصفح حتى يناير 1997. وهو اليوم مدعوم عملياً من قبل معظم المتصفحات.
- HTML 4.01: تم إصدار إصدار HTML 4.01 في ديسمبر 1999، وهو إصدار ثابت جداً من لغة HTML. كما أن هذا الإصدار هو المعيار الرسمي الحالي، ويوفر دعماً إضافياً لأنماط (CSS) وقدرة البرمجة النصية لعناصر الوسائط المتعددة المختلفة.
- HTML5 :HTML5 هو أحدث إصدار من لغة ترميز النص التشعبي. تم الإعلان عن المسودة الأولى من هذا الإصدار في يناير 2008. هناك منظمتان رئيسيتان إحداهما هي W3C (اتحاد شبكة الويب العالمية)، والأخرى هي WHATWG (مجموعة عمل تقنية تطبيق النص التشعبي على الويب) التي تشارك في تطوير إصدار HTML 5 ولا يزال قيد التطوير.
إقرأ أيضاً… تعلم البرمجة للمبتدئين: أفضل 10 مواقع مجانية ومميزة لتعلمها.
4. ميزات لغة البرمجة HTML.
تمتلك لغة البرمجة HTML العديد من الميزات التي جعلتها مرغوبة بشكل كبير، ومن أهمها:
- لغة سهلة وبسيطة للغاية. يمكن فهمها وتعديلها بسهولة.
- من السهل جداً عمل عرض تقديمي فعال باستخدام HTML لأنها تحتوي على الكثير من علامات التنسيق.
- لغة ترميزية، لذا فهي توفر طريقة مرنة لتصميم صفحات الويب جنباً إلى جنب مع النص.
- تسهل على المبرمجين إضافة رابط على صفحات الويب (عن طريق علامة الربط html)، بحيث يعزز اهتمام المستخدم بالتصفح.
- مستقلة عن النظام الأساسي لأنه يمكن عرضها على أي نظام أساسي مثل Windows و Linux و Macintosh، إلخ.
- تسهل على المبرمج إضافة الرسومات والفيديو والصوت إلى صفحات الويب مما يجعلها أكثر جاذبية وتفاعلية.
- HTML هي لغة غير حساسة لحالة الأحرف، مما يعني أنه يمكننا استخدام العلامات إما بأحرف صغيرة أو كبيرة.