13 – التنسيقات البسيطة – النصوص – المستوى الاول
📌 التنسيقات البسيطة في HTML
🔹 1. وسم <b> → Bold
-
يغيّر شكل النص إلى غامق (Bold).
-
له تأثير بصري فقط، من غير معنى إضافي.
✅ مثال:
🔎 النتيجة:
هذا نص غامق باستخدام الوسم b.
🔹 2. وسم <i> → Italic
-
يجعل النص مائل (Italic).
-
له تأثير بصري فقط، من غير معنى إضافي.
✅ مثال:
🔎 النتيجة:
هذا نص مائل باستخدام الوسم i.
🔹 3. وسم <u> → ⎯ Underline
-
يضيف خط تحت النص (Underline).
-
يستخدم عادةً للتأكيد أو للتمييز.
✅ مثال:
🔎 النتيجة:
هذا نص <u>مسطر</u> باستخدام الوسم u.
🔹 4. وسم <strong> → نص مهم
-
يشبه <b> (يظهر النص غامق)، لكن الفرق أنه يعطي معنى دلالي (Semantic):
-
المتصفح أو قارئ الشاشة يفهم أن النص مهم.
-
يفيد في SEO.
-
✅ مثال:
🔎 النتيجة:
هذا نص مهم جدًا باستخدام الوسم strong.
🔹 5. وسم <em> → نص مُبرز
-
يشبه <i> (مائل)، لكن مع معنى دلالي (Semantic):
-
يشير إلى أن النص يحتاج تأكيد أو إبراز.
-
محركات البحث وقارئات الشاشة تفهم أنه مهم.
-
✅ مثال:
🔎 النتيجة:
يجب الانتباه لهذا الجزء من النص.
🔹 الفرق بين الوسوم “التنسيقية” و”الدلالية”
-
<b> و <i> = مجرد تنسيق بصري.
-
<strong> و <em> = تنسيق + معنى دلالي (مهم لمحركات البحث ولقارئات الشاشة).
🔹 مثال عملي كامل
🔹 ملخص
-
<b> = نص غامق (بصري فقط).
-
<i> = نص مائل (بصري فقط).
-
<u> = نص تحته خط.
-
<strong> = نص غامق + له معنى (مهم دلاليًا).
-
<em> = نص مائل + له معنى (تأكيد أو إبراز).
Call now
Contact WhatsApp
