العناصر Elements في HTML

ماهي العناصر في HTML

العناصر (بالإنجليزية Elements)
يتم تعريف عنصر HTML بواسطة علامة البداية وبعض المحتوى وعلامة النهاية.
<وسم البداية>هنا نكتب بعض المحتوى ...</وسم النهاية>

أمثلة على بعض عناصر HTML:

<h1>هذا عنواني الاول</h1>

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

<br> هذا عنصر ليس له علامة او وسم نهاية ويعني انزل سطرا او النزول سطر واحد

ملاحظة: بعض عناصر HTML ليس لها محتوى (مثل عنصر <br>). تسمى هذه العناصر بالعناصر الفارغة. العناصر الفارغة ليس لها علامة نهاية!

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

يمكن أن تتداخل عناصر HTML (وهذا يعني أن العناصر يمكن أن تحتوي على عناصر أخرى بداخلها).

تتكون جميع مستندات HTML من عناصر HTML متداخلة.

يحتوي المثال التالي على أربعة عناصر HTML (<html> و <body> و <h1> و <p>):


<!DOCTYPE html>
<html>
<body>

<h1>عنواني الاول</h1>
<p>فقرتي الاولى</p>

</body>
</html>

شرح المثال

عنصر <html> هو العنصر الجذر ويحدد مستند HTML بأكمله.

يحتوي على علامة بداية <html> وعلامة نهاية </ html>.

ثم يوجد داخل عنصر <html> عنصر <body>:

<body>

<h1>عنواني الاول</h1>
<p>فقرتي الاولى</p>

</body>

يحدد العنصر <body> جسم المستند.

يحتوي على علامة بداية <body> وعلامة نهاية </ body>.

ثم يوجد داخل عنصر <body> عنصران آخران: <h1> و <p>:

<h1>عنواني الاول</h1>
<p>فقرتي الاولى</p>

يحدد العنصر <h1> العنوان.

يحتوي على علامة بداية <h1> وعلامة نهاية </ h1>:

<h1>عنواني الاول</h1>

يحدد العنصر <p> فقرة.

يحتوي على علامة البداية <p> وعلامة النهاية </ p>:

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

لا تنسى علامة النهاية وسم الاغلاق

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

مثال

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

ومع ذلك ، لا تعتمد على هذا! قد تحدث أخطاء ونتائج غير متوقعة إذا نسيت علامة النهاية!

عناصر HTML فارغة

تسمى عناصر HTML التي لا تحتوي على محتوى بالعناصر الفارغة.

تحدد العلامة <br> فاصل أسطر ، وهي عنصر فارغ بدون علامة إغلاق:

مثال

<!DOCTYPE html>
<html>
<body>
  <p> هذه فقرة <br /> بها فاصل أسطر. </p>
</body>
</html>

HTML ليست حساسة لحالة الأحرف

علامات HTML ليست حساسة لحالة الأحرف: <P> تعني نفس علامة <p>.

لا يتطلب معيار HTML علامات صغيرة ، لكن W3C يوصي باستخدام أحرف صغيرة في HTML ، ويتطلب أحرفًا صغيرة لأنواع المستندات الأكثر صرامة مثل XHTML.

الدرس السابق الدرس التالي