لغة HTML (لغة ترميز النص الفائق) هي لغة توصيفية للمواقع الإلكترونية، ويُمكن من خلال كتابة التعليمات الرئيسية للغة HTML أن تعمل على وضع الهيكل الرئيسي للموقع الإلكتروني، ومن ثم تنسيق مظهر الموقع من خلال لغة CSS، وبعد ذلك إضافة التفاعلية وتصميم لوحة تحكم الموقع من خلال العديد من اللغات، وأشهرها لغة JavaScript ولغة PHP، وتعمل HTML بشكل رئيسي كأول لغة في أي موقع إلكتروني، وهي لغة توصيفية لبناء أساس الموقع.
تاريخ لغة HTML
تم إنشاء لغة البرمجة HTML لأول مرة بواسطة الفيزيائي “تيم بيرنرز لي” والمهندس “روبرت كايلي” في عام 1989، وذلك لإستخدامها كإشارة لترميز النصوص في صفحات الويب، حيث يعني ترميز النصوص في هذه اللغة إحتواء المستندات على الإرتباطات التي تسمح للقارئ بالتنقل بين المستندات المختلفة، وقد تم تعريف آخر إصدار من اللغة بإسم HTML5، وتُعتبر هذه اللغة اليوم أنها لغة توصيف النصوص، وهي وسيلة لكتابتها على أجهزة الكمبيوتر للعمل على معالجة النصوص وتقديمها من قِبل صفحات الويب.
العلامات والسمات
يعرف الكثير من المبرمجين أن لغة HTML تعمل بشكل رئيسي على العلامات والسمات، والذين يعملان على الوظائف المختلفة لفهم تعليمات ملفات HTML، حيث تُعتبر العلامات أو ما يُعرف بإسم “Tags” أنها الكلمات التي يتم إستخدامها في بداية عنصار HTML مثل هذه العلامة <h1>، والتي يجب فتح معظمها بهذه الطريقة <h1> وإغلاقها بهذه الطريقة </h1> حتى تعمل دون أخطاء، ويمكن القول أن السمات الأساسية في اللغة كما هذا الكود: <img src=”url” alt=”Photo”>، والذي يحتوي على alt من ضمن السمات لإسم الملف، ويرتبط بكتابة src لمعرفة مصدر الملف.
أين يمكن كتابة هذه الأكواد
بعد أن حصلنا على النظرية الأساسية في لغة البرمجة HTML لكتابة الأكواد، فيُمكننا القول أن هناك العديد من البرامج لكتابة هذه اللغة التوصيفية، مثل برنامج virtual studio code وبرنامج sublime text والعديد من البرامج الأخرى للكتابة، حيث تحتوي هذه البرامج على الواجهات البسيطة للعمل، والتي تُسهِّل الوصول إلى الكتابة الجيدة للكود، ولكن ما يجب تجنبه في هذه البرامج وغيرها هو كتابة الأكواد في برامج مثل Microsoft Word وغيرها من البرامج، وأنا أنصح بالتوجه إلى البرامج المختصة بالبرمجة.
البناء الأساسي للغة HTML
تعمل لغة HTML على البناء الأساسي الذي يحتوي على الكود الرئيسي للبدء في كتابة الملفات والعمل عليها، ويبدأ المبرمجون في كتابة الكود من البداية من خلال تعليمة <!DOCTYPE html> لتعريف الملف للمتصفحات والسيرفرات، ومن ثم يتم كتابة باقي التعليمات كما يلي:
- <!DOCTYPE html>: يتم تعريف السيرفر من خلال هذه العلامة بأن الملف HTML.
- <html>: تعني هذه التعليمة البدء بكتابة الملف ضمن اللغة.
- <head>: تعني هذه التعليمة كتابة البيانات الوصفية للصفحة.
- <body>: يتم من خلال هذه التعليمة كتابة جسم الموقع والمحتوى بشكل كامل.
هناك العديد من البيانات الوصفية لكتابتها ضمن لغة HTML والعمل عليها، ولكن هذه أهم أكواد البداية لفتح الملف والبدء بالكتابة، حيث تحتوي ملفات HTML على العديد من التعليمات الأخرى، والتي يمكن إيجادها ضمن موقع w3schools، والذي يحتوي على جميع معلمات اللغات البرمجية سواء تلك التي تبني المواقع الإلكترونية، أو غيرها الذي يبني البرامج والتطبيقات.
ما هو Emmet في لغات البرمجة
يُعتبر Emmet في لغات البرمجة وخصوصًا لغة HTML أنه شيء هام جدًا لدى المبرمجين، وذلك لأنه يعمل بشكل رئيسي على العمل وبناء المواقع الإلكترونية من خلال الإختصارات، وبدل أن يتم البدئ في كتابة العديد من الأكواد خلال خمس دقائق، فإن Emmet يُساعد على بناءها في أقل من دقيقة، وهذا ما يجعله شيء شائع ومعروف في عالم البرمجة، ولهذ السبب فإن Emmet شيء رئيسي للمبتدئين والمحترفين.
في الختام
لغة HTML هي لغة ترميز النص الفائق كما ذكرنا أعلاه، وهي التي تعمل على الكتابة التوصيفية لهياكل المواقع الإلكترونية لتنظيمها للخادم أو السيرفر، حيث تُعتبر هذه اللغة أنها اللغة الأساسية والأسهل في التعلُّم للمبتدئين، وذلك لأنها فقط تعمل على الكتابة الأساسية للأقسام، ومن ثم تأتي باقي التعليمات لتكمل خلف هذه اللغة ما هو ناقص، مثل لغة CSS لتحسين جودة المظهر، ولغة javaScript لبناء التفاعلية في المواقع الإلكترونية وغيرها من اللغات.
