مقدمة إلى HTML


ما هي لغة HTML؟

  • HTML هي اختصار لعبارة HyperText Markup Language، وتعني «لغة ترميز النص التشعبي».
  • تُعدّ HTML لغة الترميز القياسية المستخدمة لإنشاء صفحات الويب.
  • تُستخدم HTML لتحديد البنية الأساسية لصفحات الويب وتنظيم محتوياتها.
  • تتكوّن HTML من مجموعة من العناصر التي تُكتب باستخدام الوسوم.
  • تحدد عناصر HTML طبيعة المحتوى، وتساعد المتصفح على عرضه بالطريقة المناسبة.
  • تُستخدم عناصر HTML لتحديد أجزاء المحتوى، مثل العناوين والفقرات والروابط وغيرها.

مثال مستند HTML بسيط


شرح المثال

  • <!DOCTYPE html>: يُعلن أن المستند يستخدم معيار HTML5.
  • <html>: يمثّل العنصر الجذر لصفحة HTML، ويحتوي على جميع عناصر الصفحة الأخرى.
  • <head>: يحتوي على معلومات وصفية عن صفحة HTML، مثل الترميز وإعدادات العرض وبيانات أخرى لا تظهر عادةً ضمن محتوى الصفحة.
  • <title>: يحدّد عنوان صفحة HTML الذي يظهر في علامة تبويب المتصفح.
  • <body>: يحتوي على المحتوى المرئي لصفحة الويب، مثل العناوين والفقرات والصور والروابط التشعبية والجداول والقوائم وغيرها.
  • <h1>: يُستخدم لإنشاء عنوان رئيسي من المستوى الأول.
  • <p>: يُستخدم لإنشاء فقرة نصية.

ما هو عنصر HTML؟

يتكوّن عنصر HTML عادةً من وسم افتتاحي، ومحتوى، ووسم إغلاق:

<tagname> المحتوى هنا... </tagname>

يشمل عنصر HTML كل ما يقع بين الوسم الافتتاحي ووسم الإغلاق، بما في ذلك الوسمان نفسيهما.

أمثلة:
<h1>عنواني الأول</h1>

<p>فقرتي الأولى.</p>

يوضح الجدول التالي مكوّنات بعض عناصر HTML:

الوسم الافتتاحيمحتوى العنصروسم الإغلاق
<h1>عنواني الأول</h1>
<p>فقرتي الأولى.</p>
<br>لا يوجدلا يوجد

ملاحظة: بعض عناصر HTML لا تحتوي على محتوى، مثل العنصر <br> المستخدم لإدراج فاصل سطر. تُسمّى هذه العناصر العناصر الفارغة (Empty Elements)، ولا تحتاج إلى وسم إغلاق.