HTML تنسيق النص

تنسيق النص

في الفصل السابق ، تعرفت على سمة النمط اما الان لنتعرف على تنسيق النص .
يحدد HTML أيضًا العناصر الخاصة لتعريف النص بمعنى خاص.
يستخدم HTML عناصر مثل <b> و <i> لتنسيق الإخراج ، مثل النص الغامق أو المائل.

تم تصميم عناصر التنسيق لعرض أنواع خاصة من النص:

• <b> – نص غامق
• <strong> – نص مهم
• <i> – النص المائل
• <em> – نص مشدد
• <mark> – نص محدد
• <small> – نص صغير
• <del> – نص محذوف
• <ins> – النص المدرج
• <sub> – نص منخفض
• <sup> – نص مرتفع

HTML <b> و <strong> العناصر

يحدد عنصر HTML <b> نصًا غامقًا ، دون أي أهمية إضافية.

<b>This text is bold</b>

يعرّف عنصر HTML <strong> النص القوي ، مع إضافة أهمية “قوية” الدلالية.

<strong>This text is strong</strong>

عناصر HTML <i> و <em>

يحدد عنصر HTML <i> النص المائل ، دون أي أهمية إضافية.

<i>This text is italic</i>

يعرّف عنصر HTML <em> النص المظلل ، مع إضافة أهمية دلالية.

<em>This text is emphasized</em>

ملاحظة: تعرض المتصفحات <strong> كـ <b> ، و <em> كـ <i>. ومع ذلك ، هناك اختلاف في معنى هذه العلامات: <b> و <i> يحددان النص الغامق والمائل ، ولكن <strong> و <em> يعنيان أن النص “مهم”.

HTML <small> عنصر

يحدد عنصر HTML <small> نصًا أصغر:

<h2>HTML <small>Small</small> Formatting</h2>

HTML <mark> العنصر

يحدد عنصر HTML <mark> النص المحدد / المميز:

<h2>HTML <mark>Marked</mark> Formatting</h2>

HTML <del> العنصر

يحدد عنصر HTML <del> النص المحذوف.

<p>My favorite color is <del>blue</del> red.</p>

HTML <ins> العنصر

يعرّف عنصر HTML <ins> النص المدرج / المضافة.

<p>My favorite <ins>color</ins> is red.</p>

HTML <sub> عنصر

يعرّف عنصر HTML <sub> النص المنخفض.

<p>This is <sub>subscripted</sub> text.</p>

HTML <sup> العنصر

يحدد عنصر HTML <sup> نصًا مرتفعًا.

<p>This is <sup>superscripted</sup> text.</p>

عناصر تنسيق نص HTML

للحصول على قائمة كاملة بجميع علامات HTML المتاحة ، تفضل بزيارة هنا.