________________________________________
1 مفهوم مهم
HTML لا تستخدم فقط لتنسيق الشكل
ولكن لتحديد معنى النص
________________________________________
2 الفرق بين الشكل والمعنى
هناك نوعان من الوسوم:
• وسوم شكل فقط
• وسوم ذات معنى (Semantic)
يفضل استخدام الوسوم التي تحمل معنى
________________________________________
3 أهم الوسوم
strong
strong.html
<strong>نص مهم</strong>يستخدم لتوضيح أن النص مهم
b
b.html
<b>نص</b>يستخدم لتكبير الخط فقط بدون معنى
em
em.html
<em>نص</em>يستخدم لتأكيد النص
i
i.html
<i>نص</i>لإظهار النص بشكل مائل فقط
mark
mark.html
<mark>نص</mark>لتمييز النص
small
small.html
<small>نص صغير</small>للنصوص الصغيرة
del و ins
del-ins.html
<del>نص محذوف</del>
<ins>نص جديد</ins>sup و sub
sup-sub.html
x<sup>2</sup>
H<sub>2</sub>O________________________________________
4 مثال
example.html
<p>أنا <strong>بحب البرمجة</strong> جدًا</p>
<p>دي كلمة <em>مهمة</em></p>
<p>السعر كان <del>100</del> وبقى <ins>80</ins></p>
<p>x<sup>2</sup></p>________________________________________
5 ملاحظات مهمة
- يفضل استخدام strong بدل b
- يفضل استخدام em بدل i
- استخدم الوسوم حسب المعنى
________________________________________
6 أخطاء شائعة
- استخدام الوسوم بدون فهم
- التركيز على الشكل فقط
- استخدام وسوم غير مناسبة
________________________________________
7 ملخص
HTML تستخدم لتحديد معنى النص
يفضل استخدام الوسوم الدلالية
تنظيم النص مهم جدًا
________________________________________
8 أسئلة
- ما الفرق بين strong و b؟
- ما الفرق بين em و i؟
- ما وظيفة mark؟
- متى نستخدم del و ins؟
________________________________________
9 الواجب
أنشئ صفحة تحتوي على فقرة عن هدفك
واستخدم داخلها:
• strong
• em
• mark
• del و ins