الدرس 2: هيكلة صفحة HTML

🔗 فهرس دورة HTML:

• 1. مقدمة إلى HTML
• 2. هيكلة صفحة HTML
• 3. أهم وسوم HTML
• 4. إدراج الروابط والصور
• 5. القوائم والجداول
• 6. النماذج (Forms)
• 7. مقدمة إلى CSS

📘 القوائم والجداول في HTML

🔹 1. القوائم

يمكننا إنشاء نوعين رئيسيين من القوائم:

• القائمة غير المرتبة (Unordered List): تستخدم النقاط، وتُكتب بـ <ul> مع عناصر <li>.
• القائمة المرتبة (Ordered List): تستخدم أرقام أو أحرف، وتُكتب بـ <ol> مع عناصر <li>.

<ul>
  <li>العنصر الأول</li>
  <li>العنصر الثاني</li>
</ul>
<ol>
  <li>العنصر الأول</li>
  <li>العنصر الثاني</li>
</ol>

---

🔹 2. الجداول

الجداول تستخدم لعرض البيانات المنظمة في صفوف وأعمدة.

العنصر	الوصف
<table>	تعريف بداية الجدول
<tr>	تعريف صف في الجدول
<th>	خلية عنوان (غالبًا في الصف الأول)
<td>	خلية بيانات

<table border="1">
  <tr>
    <th>اسم</th>
    <th>العمر</th>
  </tr>
  <tr>
    <td>أحمد</td>
    <td>25</td>
  </tr>
</table>

---

---

المقال السابق: إدراج الروابط والصور

المقال التالي: النماذج (Forms) في HTML