عناصر HTML - دروس

المحتويات

عناصر HTML
عناصر HTML المتداخلة
عناصر 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 اخرى