انتقل إلى المحتوى
Miraat·dweb developer journey, reflected

أساسيات HTML

اللغة التي تحدّد ما يظهر على صفحة الويب: عناوين، فقرات، روابط، صور، نماذج.

Foundation 25 دقيقة

ما هي HTML

HTML (HyperText Markup Language) هي اللغة التي تصف بها بنية الصفحة. لا تهتمّ بالألوان ولا بالتخطيط — هذه مهمّة CSS — بل بـما يوجد على الصفحة: عناوين، نصّ، صور، روابط، أزرار.

الصيغة الأساسية

<!doctype html>
<html lang="ar">
  <head>
    <meta charset="utf-8">
    <title>مرحبًا</title>
  </head>
  <body>
    <h1>أهلًا</h1>
    <p>هذه <a href="/about">صفحة أولى</a>.</p>
  </body>
</html>

مفاهيم رئيسية

  • العلامات (Tags): تُفتح وتُغلق (<p>...</p>).
  • السمات (Attributes): تضيف معلومات (href, alt, lang).
  • التداخل (Nesting): علامات يمكن أن تحتوي علامات أخرى.

استخدام العلامة المناسبة للمحتوى المناسب هو أساس إمكانية الوصول وSEO.

مصادر مقترحة