الدرس 1: مقدمة في HTML

HTML هي اختصار لـ HyperText Markup Language، وتعني "لغة ترميز النص الفائق". وهي تُستخدم لإنشاء وبناء الهيكل العام لصفحات الويب. تُعد HTML اللبنة الأساسية التي تعتمد عليها جميع صفحات الإنترنت.

لماذا HTML مهمة؟

كل موقع ويب تزوره يتكون في الأساس من ملفات HTML. فـ HTML هي اللغة التي تخبر المتصفح كيف يُرتب النصوص، الصور، الأزرار، والروابط على الصفحة. بدونها، لا يمكن للمتصفح عرض أي محتوى مفيد.

ما الذي تفعله HTML؟

HTML لا تتحكم في شكل التصميم أو الألوان — هذه وظيفة CSS — ولكنها تُحدد:

العناوين والفقرات.
الصور والفيديوهات.
القوائم والجداول.
الروابط بين الصفحات.
نماذج الإدخال (forms) للتسجيل وتسجيل الدخول.

كيف تعمل HTML؟

HTML تعتمد على ما يُسمى "الوسوم" (Tags). كل وسم يُحيط بجزء من المحتوى ليُخبر المتصفح كيف يتعامل معه. الوسوم عادة تأتي على شكل:

<tagname>المحتوى</tagname>

مثال:

<p>هذه فقرة نصية</p>

الوسم <p> يُستخدم لكتابة فقرة، وتُغلق الوسوم غالباً باستخدام علامة /.

أبسط مثال على صفحة HTML كاملة:

<!DOCTYPE html>
<html lang="ar">
  <head>
    <meta charset="UTF-8">
    <title>صفحة تجريبية</title>
  </head>
  <body>
    <h1>مرحباً بالعالم</h1>
    <p>هذه أول صفحة HTML لي.</p>
  </body>
</html>

خاتمة

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