العودة إلى الدورة

الدرس 4: شرح العناصر والوسوم والخصائص (Attributes)

الدورة الاحترافية في HTML: من الصفر إلى مطور ويب

4. شرح العناصر والوسوم والخصائص (Attributes)

هذه المصطلحات الثلاثة هي أساس مفردات HTML.

4.1 الوسوم (Tags)

الوسم هو الكلمة المفتاحية المحددة المحاطة بأقواس زاوية (< و >).

  • وسم البداية (Opening Tag): <h1>
  • وسم الإغلاق (Closing Tag): </h1> (لاحظ الشرطة المائلة الأمامية /)

4.2 العناصر (Elements)

العنصر (element) هو الهيكل بأكمله، بما في ذلك وسم البداية، والمحتوى، ووسم الإغلاق.

html

هذا هو محتوى عنصر الفقرة.

العناصر الفارغة (Empty Elements) أو ذاتية الإغلاق (Self-Closing): بعض العناصر لا تحتوي على محتوى تغلفه، وبالتالي لا تحتاج إلى وسم إغلاق. تتضمن الأمثلة وسم الصورة (<img>) ووسم فاصل السطر (<br>).

4.3 الخصائص (Attributes)

توفر الخصائص معلومات إضافية حول العنصر وتوضع داخل وسم البداية. تأتي في أزواج اسم/قيمة: name="value".

مثال باستخدام خاصية lang:

عادةً ما نضيف خاصية lang إلى وسم <html> للإعلان عن لغة المستند، مما يساعد محركات البحث وقارئات الشاشة.

html

...

مثال باستخدام خاصية id:

html

هذه هي المقدمة.