HTML & CSS • المستوى الأول • الدرس 2
العودة لفهرس المستوىالعناوين، الفقرات، وتنسيق النصوص الدلالية
أهداف الدرس العلمية
- فهم واستخدام العناوين الستة التراتبية من
<h1>حتى<h6>. - بناء المقالات والكتل النصية المنظمة باستخدام الوسم
<p>. - تغليظ وتأكيد أجزاء النص الهامة باستخدام الوسم
<strong>. - إمالة النصوص والتشديد اللفظي على الكلمات بـ
<em>.
1. مستويات العناوين التراتبية (Headings)
توفر HTML ستة مستويات قياسية للعناوين تتدرج في الحجم والأهمية:
html
<h1>العنوان الرئيسي (مرة واحدة في الصفحة)</h1>
<h2>عنوان الأقسام الفرعية الرئيسية</h2>
<h3>عنوان فرعي أعمق</h3>
<h4>عنوان تفصيلي</h4>
<h5>عنوان فرعي ثانوي</h5>
<h6>أصغر مستوى عنوان</h6>💡 قاعدة SEO: يجب عدم تجاوز استخدام <h1> لأكثر من مرة واحدة في الصفحة.
2. صياغة الفقرات وتأكيد النصوص
التغليظ <strong>
يجعل النص بوزن عريض ويمنحه أهمية قصوى دلالياً للمتصفحات ومحركات البحث.
html
<p>تطوير الذات <strong>ضروري جداً</strong></p>الإمالة <em>
يجعل النص مائلاً ويعبر عن نبرة حديث أو تركيز لفظي خاص داخل السياق.
html
<p>الممارسة هي <em>سر الإتقان</em></p> التطبيق العملي المباشر
تحدي الدرس الثاني: صياغة المحتوى النصي
- إنشاء عنوان فرعي
<h2>يحتوي على: عالم تطوير الويب. - إنشاء فقرة
<p>تحتوي: بناء الواجهات يتطلب ثم كلمة شغف داخل<strong>ثم وممارسة مستمرة.
محرر الأكواد — HTML
14px
جارٍ تهيئة البيئة...
المخرجات — المخرجات
الكونسول (Console)
13px
nahda@runner — html
0 lines
(لا يوجد إخراج)
HTMLLn 12, Col 1UTF-8Spaces: 2
186 chars