التجاوز إلى المحتوى
✅ عناصر Block (تبدأ بسطر جديد وتملأ العرض غالبًا)
| العنصر | الوصف |
|---|
<div> | حاوية عامة |
<p> | فقرة |
<h1> إلى <h6> | العناوين |
<header> | رأس الصفحة/القسم |
<footer> | تذييل |
<main> | المحتوى الرئيسي |
<section> | قسم |
<article> | مقال |
<aside> | محتوى جانبي |
<nav> | شريط التنقل |
<form> | نموذج |
<ul> | قائمة غير مرتبة |
<ol> | قائمة مرتبة |
<li> | عنصر قائمة |
<table> | جدول |
<thead> | رأس الجدول |
<tbody> | جسم الجدول |
<tfoot> | ذيل الجدول |
<tr> | صف جدول |
<th> | خلية عنوان |
<td> | خلية بيانات |
<blockquote> | اقتباس |
<pre> | نص منسّق |
<figure> | حاوية وسائط |
<figcaption> | وصف الشكل |
<address> | معلومات تواصل |
<hr> | خط فاصل |
✅ عناصر Inline (لا تبدأ سطر جديد وتأخذ حجم محتواها فقط)
| العنصر | الوصف |
|---|
<span> | حاوية نصية |
<a> | رابط |
<img> | صورة |
<strong> | نص قوي |
<b> | غامق |
<em> | مائل |
<i> | مائل |
<u> | تحته خط |
<small> | نص صغير |
<mark> | تمييز |
<code> | كود |
<kbd> | إدخال لوحة مفاتيح |
<sub> | نص سفلي |
<sup> | نص علوي |
<br> | كسر سطر |
<input> | حقل إدخال |
<label> | عنوان حقل |
<textarea> | مربع نص |
<select> | قائمة اختيار |
<option> | خيار |
<button> | زر |
<abbr> | اختصار |
<cite> | مرجع |
<time> | وقت/تاريخ |
