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

🔗 فهرس دورة HTML:

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

📘 أهم وسوم HTML لكتابة المحتوى

في HTML، نستخدم وسومًا (Tags) لوصف محتوى الصفحة. كل وسم محاط بعلامات <> ويجب أن يُغلق بوسم نهاية.

---

🔹 1. العناوين – Headings

HTML توفر 6 مستويات للعناوين من <h1> (الأكبر) إلى <h6> (الأصغر):

<h1>عنوان رئيسي</h1>
<h2>عنوان فرعي</h2>
<h3>عنوان فرعي أصغر</h3>

---

🔹 2. الفقرات – Paragraphs

نستخدم <p> لكتابة فقرة نصية:

<p>هذه فقرة تحتوي على نص تجريبي.</p>

---

🔹 3. السطر الجديد والفاصل

• <br> يكسر السطر.
• <hr> يرسم خطًا أفقيًا يفصل بين الأقسام.

<p>سطر أول.<br>سطر ثاني.</p>
<hr>

---

🔹 4. تنسيق النص

وسوم تضيف تأثيرًا بصريًا على النص:

• <strong> يجعل النص عريضًا (غامقًا)
• <em> يجعل النص مائلاً
• <mark> يبرز النص باللون الأصفر

<p>هذا نص <strong>مهم</strong> للغاية.</p>
<p>كلمة <em>مائلة</em> في الجملة.</p>
<p><mark>نص مميز</mark></p>

---

🔹 5. عنصر السطر الواحد <span>

يُستخدم لتنسيق جزء صغير من النص:

<p>هذا نص <span style="color:red;">ملون</span> بالأحمر.</p>

---

📌 ملاحظات:

• HTML لا تهتم بالمظهر (الألوان، الحجم...)، بل بالهيكل فقط.
• يتم التحكم في التنسيقات بشكل أفضل لاحقًا باستخدام CSS.

---

المقال السابق: هيكلة صفحة HTML

المقال التالي: إدراج الروابط والصور في صفحات HTML