تخطَّ إلى المحتوى

🟧 شرح HTML

هيكل صفحة HTML

الدرس 2 من 24· ⏱ 1 دقائق قراءة· 🗓 آخر تحديث: ١٩ يونيو ٢٠٢٦

القالب الأساسي

كل صفحة HTML تتبع نفس الهيكل. احفظ هذا القالب جيدًا:

<!DOCTYPE html>
<html lang="ar" dir="rtl">
  <head>
    <meta charset="UTF-8" />
    <title>عنوان صفحتي</title>
  </head>
  <body>
    <h1>مرحبًا!</h1>
  </body>
</html>

شرح كل جزء

الجزءالوظيفة
<!DOCTYPE html>يخبر المتصفّح أن هذا مستند HTML حديث
<html>العنصر الجذر الذي يحتوي كل شيء
lang="ar" dir="rtl"لغة الصفحة عربية واتجاهها من اليمين لليسار
<head>معلومات عن الصفحة (لا تظهر للزائر)
<meta charset="UTF-8">يدعم الحروف العربية بشكل صحيح
<title>العنوان الظاهر في تبويب المتصفّح
<body>كل المحتوى المرئي للزائر

نقطة مهمة للمحتوى العربي

استخدم دائمًا lang="ar" dir="rtl" و charset="UTF-8" حتى تظهر الحروف العربية سليمة ومن الاتجاه الصحيح.

🎯 في الدرس القادم: عناصر النصوص — العناوين والفقرات.

شرح هيكل صفحة HTML — HTML بالعربي
هيكل صفحة HTMLHTML بالعربي · The Code Fix

📚 لمزيد من التعمّق في HTML، راجِع توثيق HTML على MDN.

هل كان هذا الدرس مفيدًا؟