13 – التنسيقات البسيطة – النصوص – المستوى الاول

بواسطةahmed

📌 التنسيقات البسيطة في 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> = نص مائل + له معنى (تأكيد أو إبراز).

★ ★ ★ ★ ★
التقييم: 0 من 0 تصويت

موضوعات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *