Anatomy of an HTML Element

عنصر الـ <p> ده مثال على عنصر HTML عادي.

<p>HTML is a markup language</p> <!-- opening tag - Content - Closing tag -->

أي عنصر HTML غالبًا بيتكون من تلات حاجات أساسية:

1. الـ Opening tag: ده اللي بيبدأ بيه العنصر (زي <p>).
2. الـ Content: ده المحتوى اللي بيتحط جوه التاجين (زي الكلام “HTML is a markup language”).
3. الـ Closing tag: ده اللي بيقفل بيه العنصر (زي </p>)، ولازم يكون فيه علامة / قبل اسم التاج.

الصورة دي بتوضح التركيبة دي:

بس خد بالك، فيه عناصر مش بتحتاج closing tag. العناصر دي بنسميها Self-Closing Elements HTML.

---

أنواع التاجات في الـ HTML

بشكل عام، ممكن نقسم التاجات لنوعين رئيسيين:

1. الـ Nested Tags (التاجات المتداخلة أو اللي ليها محتوى):

   • ودي معظم التاجات اللي بنستخدمها.
   • بيكون ليها opening tag و closing tag.
   • بنحط المحتوى (content) جواهم.
   • زي الـ <p> اللي شوفناه فوق.

2. الـ Empty Tags (التاجات الفارغة أو Self-Closing Elements HTML):

   • ودي تاجات ملهاش closing tag، ومبيكونش جواها content.
   • هي بتقفل نفسها بنفسها أو مش بتحتاج قفل أصلًا.
   • أمثلة عليها زي تاج الـ <hr> (اللي بيعمل خط فاصل).
   • ومثال تاني هو تاج الـ <br> (اللي بينزل سطر جديد)، واللي اتكلمنا عنه في br.