عناصر HTML

 


عناصر HTML

  • يتكون عنصر HTML عادةً من علامة البداية وعلامة النهاية ، مع إدراج المحتوى بين: <بداية العلامة> يظهر المحتوى هنا ... </ نهاية العلامة>
  • عنصر HTML هو كل شيء بدءًا من علامة البداية وحتى علامة النهاية:
  • <p> الفقرة الأولى. </p> ​
    بداية العلامة المحتوى نهاية العلامة

    <h1>

    العنوان

    </h1>

    <p>

    فقرة

    </p>

    <br> 

     

     

     تسمى عناصر HTML بدون أي محتوى بالعناصر الفارغة. لا تحتوي العناصر الفارغة على علامة انتهاء ، مثل عنصر <br> (فاصل سطر).


عناصر HTML المتداخلة

  • يمكن أن تتداخل عناصر HTML (العناصر يمكن أن تحتوي على عناصر).
  • تتكون جميع ملفات HTML من عناصر HTML المتداخلة.

 مثال

<!DOCTYPE html>
<html>
<head>
          <title>عنوان الصفحة</title>
</head>
<body>
          <h1>عنوان</h1>
          <p>فقرة</p>
</body>
</html>

شرح المثال

  • يعرّف العنصر <html> الملف بأكمله.
  • يحتوي على علامة بداية <html> وعلامة النهاية </html>.
  • يحتوي العنصر <html> على عنصر آخر عنصر <body>.
  • يحدد العنصر <body> نص الملف.
  • يحتوي على علامة البداية <body> وعلامة النهاية </body>.
  • محتوى العنصر <body> هو عنصرين آخرين <h1> و <p>.
  • <body>
              <h1>عنوان</h1>
              <p>فقرة</p>
    </body>
    
  • يعرّف العنصر <h1> عنوانًا.
  • يحتوي على علامة بداية <h1> وعلامة النهاية </h1>.
  • محتوى العنصر هو: عنوان.
  • <h1>عنوان</h1>
  • يحدد العنصر <p> فقرة.
  • يحتوي على علامة بداية <p> وعلامة النهاية </p>.
  • محتوى العنصر هو: فقرة.
  • <p>فقرة</p>

لا تنسى علامة النهاية

  • سيتم عرض بعض عناصر HTML بشكل صحيح ، حتى إذا نسيت علامة النهاية

عناصر HTML فارغة

  • تسمى عناصر HTML بدون أي محتوى بالعناصر الفارغة.
  • <br> هو عنصر فارغ بدون علامة إغلاق (تحدد العلامة <br> فاصل الأسطر).
  • يمكن أن تكون العناصر "مغلقة" في علامة الفتح مثل: <br />.
  • لا يتطلب HTML5 إغلاق العناصر الفارغة. ولكن يجب إغلاق جميع عناصر HTML بشكل صحيح.
  • علامات HTML ليست حساسة لحالة الأحرف: <P> تعني نفس <p>.
  • لا يتطلب معيار HTML5 استخدام علامات صغيرة.
دروس لغة Html اخرى