العناصر والوسوم في HTML

في HTML، نستخدم الوسوم (Tags) لتحديد أنواع مختلفة من المحتوى. كل وسم له وظيفة محددة ويساعد المتصفح على فهم كيفية عرض المحتوى.

الوسم يتكون من علامة فتح وعلامة إغلاق. على سبيل المثال: الوسم p يستخدم للفقرات.

<p>هذه فقرة نصية</p>

هناك أنواع مختلفة من الوسوم في HTML. دعنا نتعرف على أهمها:

<!-- العناوين: من h1 إلى h6 -->
<h1>عنوان رئيسي - الأكبر</h1>
<h2>عنوان فرعي</h2>
<h3>عنوان أصغر</h3>
<!-- الفقرات والنصوص -->
<p>هذه فقرة عادية</p>
<strong>نص عريض</strong>
<em>نص مائل</em>
<!-- الروابط -->
<a href="https://example.com">اضغط هنا</a>
<!-- الصور -->
<img src="image.jpg" alt="وصف الصورة">

بعض الوسوم مثل img وbr لا تحتاج إلى وسم إغلاق، وتسمى Self-Closing Tags. هذه الوسوم تكتب بشكل مختلف قليلاً.

<!-- فاصل سطر -->
<br>
<!-- خط أفقي -->
<hr>
<!-- صورة -->
<img src="photo.jpg" alt="صورة">
<!-- حقل إدخال -->
<input type="text">

من المهم جداً أن تغلق الوسوم بالترتيب الصحيح. إذا فتحت وسماً، يجب أن تغلقه قبل إغلاق الوسم الذي يحتويه.