HTML - Text Formatting تنسيقات النص
تنسيقات النص في HTML (HTML Text Formatting)
توفر HTML مجموعة من الوسوم الخاصة بتنسيق النصوص، مثل جعل النص عريض (Bold)، مائل (Italic)، تحته خط، مشطوب، وغيرها.
✅ أشهر وسوم التنسيق:
| الوسم | الوصف |
|---|---|
<b> |
لجعل النص عريض بدون أهمية معنوية |
<strong> |
لجعل النص عريض مع دلالة على الأهمية |
<i> |
لجعل النص مائل بدون أهمية معنوية |
<em> |
لجعل النص مائل مع دلالة على التأكيد |
<mark> |
لتمييز النص بخلفية صفراء مثل التظليل |
<small> |
لجعل النص بحجم أصغر |
<del> |
لنص |
<ins> |
لنص مضاف حديثًا |
<sub> |
لنص سفلي (H2O) |
<sup> |
لنص علوي (x2) |
🧪 أمثلة على تنسيق النصوص:
<p>هذا نص <b>عريض</b> باستخدام وسم <b>.</p>
<p>هذا نص <strong>مهم</strong> باستخدام وسم <strong>.</p>
<p>هذا نص <i>مائل</i> باستخدام وسم <i>.</p>
<p>هذا نص <em>مائل مع تأكيد</em> باستخدام وسم <em>.</p>
<p>هذا نص <mark>مُظلل</mark>.</p>
<p>هذا نص <small>صغير الحجم</small>.</p>
<p>هذا نص <del>محذوف</del> و <ins>مُضاف</ins>.</p>
<p>الماء هو H<sub>2</sub>O.</p>
<p>x<sup>2</sup> + y<sup>2</sup> = r<sup>2</sup></p>
📝 ملاحظات مهمة:
- الوسوم
<strong>و<em>تُستخدم لتوضيح الأهمية وليس فقط الشكل. - استخدام الوسوم بالشكل الصحيح يساعد محركات البحث وتطبيقات الوصول على فهم النص.
- يمكنك تنسيق النصوص باستخدام CSS للحصول على تحكم أكبر بالمظهر.
تعليقات
إرسال تعليق