عناصر HTML

يتكوّن عنصر HTML عادةً من وسم افتتاحي، ومحتوى، ووسم إغلاق.

يشمل عنصر HTML كل ما يبدأ بالوسم الافتتاحي وينتهي بوسم الإغلاق، بما في ذلك الوسمان والمحتوى الموجود بينهما.

تُكتب عناصر HTML وفق الصيغة التالية:

<tagname>Content goes here...</tagname>

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

<h1>My First Heading</h1>

<p>My first paragraph.</p>

يوضّح الجدول التالي مكوّنات بعض عناصر HTML:

الوسم الافتتاحي	محتوى العنصر	وسم الإغلاق
`<h1>`	عنواني الأول	`</h1>`
`<p>`	فقرتي الأولى.	`</p>`
`<br>`	لا يوجد	لا يوجد

ملاحظة: العنصر <br> يُستخدم لإدراج فاصل سطر، وهو عنصر فارغ لا يحتاج إلى وسم إغلاق أو محتوى.

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

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

تتكوّن جميع مستندات HTML من عناصر متداخلة تنظّم بنية الصفحة ومحتواها.

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

مثال :

<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

شرح المثال

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

يبدأ هذا العنصر بالوسم الافتتاحي <html> وينتهي بوسم الإغلاق </html>.

يوجد داخل العنصر <html> عنصر آخر هو <body>، ويحتوي على المحتوى الذي يظهر للمستخدم في صفحة الويب.

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

يحدّد العنصر <body> محتوى المستند الذي يظهر في صفحة الويب.

يبدأ هذا العنصر بالوسم الافتتاحي <body> وينتهي بوسم الإغلاق </body>.

يوجد داخل العنصر <body> عنصران آخران، هما:

<h1>: يُستخدم لإنشاء عنوان رئيسي من المستوى الأول.
<p>: يُستخدم لإنشاء فقرة نصية.

لا تتجاهل وسم الإغلاق أبدًا

يمكن عرض بعض عناصر HTML بصورة صحيحة حتى عند نسيان وسم الإغلاق الخاص بها، إذ تستطيع المتصفحات أحيانًا استنتاج موضع انتهاء العنصر تلقائيًا.

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

عناصر HTML الفارغة

تُسمّى عناصر HTML التي لا تحتوي على محتوى العناصر الفارغة (Empty Elements).

يُستخدم الوسم <br> لإدراج فاصل سطر داخل النص، ويُعدّ عنصرًا فارغًا لا يحتاج إلى وسم إغلاق.

HTML لا تميّز بين الأحرف الكبيرة والصغيرة

لا تميّز وسوم HTML بين الأحرف الكبيرة والصغيرة؛ فعلى سبيل المثال، <P> و<p> لهما المعنى نفسه.

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

مرجع وسوم HTML

يوفّر مرجع الوسوم في موقع YACodeX معلومات إضافية حول وسوم HTML وسماتها، بما يساعدك على فهم وظائفها وكيفية استخدامها.

الوسم	الوصف
`<html>`	يحدّد العنصر الجذر لمستند HTML.
`<body>`	يحدّد محتوى المستند الذي يظهر في صفحة الويب.
`<h1>` إلى `<h6>`	تُستخدم لإنشاء العناوين بمستوياتها المختلفة في HTML.