برمجة الويب

ما هي لغة HTML

من اهم لغات برمجة الويب التي يجب ان يتقنها مبرمج الويب او مبرمج تطبيقات الانترنت هي لغة HTML لانها تعتبر اللغة الاساسية التي تعمل حجر الاساس لبناء صفحة الانترنت في هذه المقالة سوف نتحدث عن خصائصها واهميتها وبعض الامثلة باستخدامها, تعتبر لغة HTML لغة من اللغات البسيطة والتي تتكون منها الصفحات الالكترونية فهي التي تحدد كيفية تقسيم الصفحة واول ما يقرؤه محرك البحث هو لغة HTML دعونا نذكر اهم استخدامات ومزايا اللغة:

  1. تستخدم لغة HTML لبناء المكونات مثل العناوين والنصوص وملفات الوسائط الرقمية مثل الصور والفيديوهات والصوتيات.
  2. بناء كود ال HTML في شكل صحيح يعزز من فرص فهرسة المواقع الالكتروني في عناكب محركات البحث مثل جوجل و Bing.
  3. تستخدم لغة HTML بجانب العديد من لغات برمجة الويب المتكاملة مثل الجافا سكريبت JS وال Css اضافة الى اللغات التي يتم تنفيذها في السيرفرات مثل PHP.
  4. ان لغة HTML هي لغة يجب استخدامها في اي صفحة الكترونية لانها المسؤولة عن ترتيب العناصر والجداول وكل شيئ يظهر على شاشة المستخدم.

ان استخدام وتعلم لغة HTML في غاية البساطة والسهولة فيمكن اتقانها وبناء صفحات الكترونية وربطها ببعضها البعض خلال عدة ايام من التعلم وذلك لانها تستخدم وسوم Tags محددة لبناء الصفحات ويجب ان يبدء الكود بالوسم المحدد وينتهي به باستثناء بعض الوسوم. على سبيل المثال اذا اردنا وضع عنوان اساسي لمقالة نستخدم الوسم h1 والي يعني header 1 واذا اردنا اوضع عنوان فرعي تحت هذا العنوان سوف نستخدم الوسم h2 وهذا أمر ضروري ويجب اتباع القواعد في بناء الصفحات وذلك لان عملية فهرسة المواقع الالكترونية مبنية على هيكل الصفحة الذي تم بناؤه باستخدام لغة HTML. مثل الكود التالي الذي يبين عنوان اساسي في داخله كلمة Most3an.

<h1>
Most3an
</h1>

فعند دخول عناكب/روبوتات متصفحات البحث لغاية فهرسة الصفحة الالكترونية في الانترنت يتم البحث عن العنوان الاساسي والفرعي والفقرات وهكذا وبهذه الطريقة نستطيع اخبار محركات البحث عن محتويات موقعنا الالكتروني ويتم تطوير هذه العملية والعلم المسؤول عن هذه الاجراءات يسمى تحسين محركات البحث ويتم اختصاره في SEO والتي تعني Search Engine Optimization.

اضافة الى ذلك يوجد العديد من اصدارات من لغة HTML وهذا بسبب الحاجة الى تحسين للغة وجعلها المرجع الاساسي لمبرمجين تطبيقات الويب ف العالم.

تعلم لغة HTML

ان تعلم لغة HTML كما قلنا ليست صعبة وهي سهلة الاستخدام ومناسبة لغير المبرمجين المبتدئين ويمكن تعلمها بشكل ذاتي من خلال الانترنت وذلك عن طريق دورات تدريبية على شكل دروس فيديو او من خلال الكتب المتوفرة ولا تحتاج الى استخدام جهاز حاسوب متطور او امكانيات مختلفة لانها بسيطة لا تطلب الى استخدام برمامج ثقيلة فيكفيك استخدام برنامج محرر النصوص Notepad او اي محرر مخصص للاكواد البرمجية مثل Visual Studio Code ومتصفح الانترنت لتجربة نتائج الكود. وهنا نعرض لكم قائمة اساسية لمجموعة الوسوم المستخدمة في لغة HTML:

الوسمالاستخدام
h1 الى h6العناوين الرئيسية حيث ان h1 اكبر حجم و h6 اصغر حجم
<html>بداية ونهاية كود ال HTML
<p> </p>بداية ونهاية الفقرات والنصوص
<img>ادراج الصور ويمكن التحكم في حجم الصورة وغيرها من التنسيقات
<button>ادراج الازرار التي تنقلك الى صفحات اخرى او عمليات داخل الصفحة
<body>تحديد جسم الصفحة وهو المكان الذي يضم محتويات الصفحة
<br>ادراج سطر واحد وهذا الوسم ليس له وسم نهاية
امثلة على الوسوم المستخدمة في لغة HTML

ليس هذا فقط يوجد الكثير من الوسوم المستخدمة في لغة HTML ويمكن الاطلاع عليها من خلال موقع w3schools, وعند تعلم لغة HTML يجب ان يتعلم معها المبتدئ لغة مخصصة لتنسيق الصفحات الالكترونية وافضل خيار في البداية هو تعلم لغة Css بحيث يمكن في نفس الملف البرمجي كتابة كودات HTML وكودات Css وهذا يجعل عملية التعلم اكثر سهولة دون الحاجة الى برامج و ربط عدة ملفات ببعضها البعض. ومع تقدم التكنولوجيا اصبحت لغة HTML تستخدم في بناء تطبيقات سطح المكتب بجانب لغة الجافا سكريبت فيمكنك تحويل صفحة الويب الى برنامج حاسوبي يمكنه العمل على العديد من انظمة التشغيل مثل لينوكس وماك وغيرها.

من المعلومات المهمة التي يجب ان نذكرها هي تجنب استخدام الصور الصامتة ونقصد بها تلك الصور التي صُممت بحجم معين وملونة في لون واحد فيفضل استخدام اللغتين HTML و Css للتعديل على المكان المخصص لعرض الصور وتصميم الصورة طبق الاصل باستخدام الكود البرمجي وهذا يعمل على تعزيز سرعة الصفحات الالكترونية فان كثرة استخدام ملفات الوسائط داخل الصفحات الالكترونية يجعل عملية تحميل المتصفح اكثر بطئًا ويؤثر على اداء الموقع. اذًا ان البرمجة ليست فقط مجموعة من الاكواد بل تحتاج الى تطبيق الافكار والمهارات والابداع في العمل.