التخطي إلى المحتوى

من المفيد في البداية معرفة لغة HTML كلغة إلزامية يتم كتابتها في جميع المواقع الإلكترونية، وذلك لأنها اللغة المكتوبة في جميع المواقع الإلكترونية أو مواقع الويب التي نراها اليوم أمامنا، حيث تعمل هذه اللغة على بناء الهيكل الكامل للموقع الإلكتروني، ومن ثم ينتقل المبرمجون بشكل ما إلى كتابة الشفرات التعليمية بإستخدام لغة CSS لجعل الصفحات جذابة بصريًا للمستخدمين.

تاريخ لغة HTML

تم إنشاء لغة HTML لأول مرة بواسطة الفيزيائي “تيم بيرنرز لي” والمهندس “روبرت كايلي” في عام 1989 لإستخدامها كإشارة لترميز النصوص، حيث يعني ترميز النصوص في هذه اللغة إحتواء المستندات على الإرتباطات التي تسمح للقارئ بالتنقل بين المستندات المختلفة، وقد تم تعريف آخر إصدار من اللغة بإسم HTML5، وتُعتبر هذه اللغة اليوم بأنها لغة توصيف النصوص، وهي وسيلة لكتابتها على أجهزة الكمبيوتر للعمل على معالجة النصوص وتقديمها من قِبل صفحات الويب.

العلامات والسمات في لغة HTML

كما يعلم الكثير من المبرمجين فإن لغة HTML تعمل بشكل رئيسي على العلامات والسمات، والذين يعملان على الوظائف المختلفة لفهم ملفات HTML، حيث تُعتبر العلامات أو ما يُعرف بإسم “Tag” بأنها الكلمات التي يتم إستخدامها في بداية عنصار HTML مثل هذه العلامة <h1>، والتي يجب فتح معظمها بهذه الطريقة <h1> وإغلاقها بهذه الطريقة </h1> حتى تعمل، كما يمكننا القول بأن السمات الأساسية في اللغة كما هذا الكود: “<img src=”url” alt=”Photo”>”، والذي يحتوي على alt من ضمن السمات لإسم الملف، ويرتبط بكتابة src لمعرفة مصدر الملف.

أين يمكن كتابة هذه الأكواد

بعد أن حصلنا على النظرية الأساسية في لغة HTML لكتابة الأكواد، فيمكننا القول بأن هناك العديد من البرامج لكتابة هذه اللغة التوصيفية، مثل برنامج virtual studio code وبرنامج sublime text والعديد من البرامج الأخرى للكتابة، حيث تحتوي هذه البرامج على الواجهات البسيطة للعمل، والتي تسهل الوصول إلى الكتابة الجيدة للكود، ولكن ما يجب تجنبه في هذه البرامج وغيرها هو كتابة الأكواد في برامج مثل Microsoft Word وغيرها من البرامج، وأنا أنصح بالتوجه إلى البرامج المختصة.

البناء الأساسي للغة HTML

تعمل لغة HTML على البناء الأساسي الذي يحتوي على الكود الرئيسي للبدء في كتابة الملفات في لغة HTML والعمل عليها، ويبدأ المبرمجون في كتابة الكود من البداية من خلال تعليمة <!DOCTYPE html> لتعريف الملف للمتصفحات والسيرفرات، ومن ثم يتم كتابة باقي التعليمات كما يلي:

  • <!DOCTYPE html>: يتم تعريف السيرفر من خلال هذه العلامة بأن الملف HTML.
  • <html>: تعني هذه التعليمة بأننا بدأنا بكتابة الملف ضمن لغة HTML.
  • <head>: تعني هذه التعليمة كتابة البيانات الوصفية للصفحة.
  • <body>: يتم من خلال هذه التعليمة كتابة المواقع الإلكترونية بشكل كامل.

هناك العديد من البيانات الوصفية لكتابتها ضمن لغة HTML والعمل عليها، ولكن هذه من أهم أكواد البداية لفتح الملف والبدء بالكتابة، حيث تحتوي ملفات HTML على العديد من التعليمات الأخرى، والتي يمكن إيجادها ضمن موقع w3schools، والذي يحتوي على جميع معلمات اللغات البرمجية سواء تلك التي تبني المواقع الإلكترونية، أو غيرها الذي يبني البرامج والتطبيقات.

ما هو Emmet في لغات البرمجة

يُعتبر ما يُعرف بإسم Emmet في لغات البرمجة وخصوصًا لغة HTML بأنه شيء هام جدًا لدى المبرمجين، وذلك لأنه يعمل بشكل رئيسي على العمل وبناء المواقع الإلكترونية من خلال الإختصارات، وبدل أن يتم البدئ في كتابة العديد من الأكواد خلال خمس دقائق، فإن Emmet يُساعد على بناءها في أقل من دقيقة، وهذا ما يجعله شيء شائع ومعروف ضمن الكثير من المبرمجين، ولهذ السبب فإن Emmet شيء رئيسي للمبتدئين والمحترفين.

في الختام

لغة HTML هي لغة ترميز النص الفائق كما ذكرنا أعلاه، وهي التي تعمل على الكتابة التوصيفية لهياكل المواقع الإلكترونية لتنظيمها للخادم أو السيرفر، حيث تُعتبر هذه اللغة بأنها اللغة الأساسية والأسهل في التعلم للمبتدئين، وذلك لأنها فقط تعمل على الكتابة الأساسية للأقسام، ومن ثم تأتي باقي التعليمات لتكمل خلف هذه اللغة ما هو ناقص، مثل لغة CSS لتحسين جودة المظهر، ولغة javaScript لبناء التفاعلية في المواقع الإلكترونية وغيرها من اللغات.

التعليقات

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *