تنسيق النص في HTML | دروس HTML5


تنسيق النص في HTML


في الفصل السابق، وصفنا سمة النمط ، ولكن هناك أيضًا عناصر في HTML خاصة بتنسيق نصوص مختلفة. في هذا الفصل سوف نعلم هذه العناصر.


تنسيق النص

 يستخدم HTML عناصر مثل <b> و <i> و <sub> و <sup> لتنسيق النصوص.

تُستخدم العناصر <b> لجعل النص غامقًا و <i> لجعل النص مائلاً.

يتم استخدام <sub> و <sup> لأجزاء النص التي يجب أن تكون أعلى وأقل من بقية الكلمات في السطر.

<p><b>This text is bold</b></p>
<p><i>This text is italic</i></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>

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

يمكن استخدام العناصر التالية في HTML لعرض أشكال مختلفة من النص:

<b> - نص عريض
<strong> -  نص قوى " بارز "
<i> - نص مائل (ملتوي)
<em> - نص مؤكد
<mark> - نص محدد (مميز)
<small> - نص صغير
<del> - نص محذوف
<ins> - نص مضاف
<sub> - نص الترجمة
<sup> - نص التسمية التوضيحية

العناصر <b> و <strong> بتنسيق HTML 

عنصر <b> نص غامق  

<b>This text is bold</b>

<strong>  يجعل النص يضهر بشكل ضخم. لا يختلف مظهر النص الذي نطبق فيه عنصر <b> عليه.

ولكن من الناحية المعنوية ، تعطي هذه العلامة أهمية أكبر لنصنا ويتم استخدامها عندما نريد أن نجعل المستخدم يفهم أن النص الذي نريده مهم.

<strong>This text is strong</strong>

العناصر <i> و <em> في HTML

العنصر <i> يحدد النصوص المائلة ( المنحرفة ).

<i>This text is italic</i>

يستخدم العنصر <em> للنصوص التي يتم التأكيد عليها وتعطي أهمية أكبر لنصنا من الناحية الدلالية. 

لا يختلف العنصر <em> بصريًا عما استخدمناه عند استخدام العلامة <i> للنصوص.

<em>This text is emphasized</em>

 عنصر <small> في HTML

يجعل العنصر <small> النص أصغر:

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

عنصر <mark> في HTML

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

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

عنصر <del> في HTML

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

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

عنصر <ins> في HTML

يحدد العنصر <ins> النص المضاف:

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

عنصر <sub> في HTML

يحدد العنصر <sub> نص الترجمة:

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

عنصر <sup> في HTML

يحدد العنصر <sup> نص التسمية التوضيحية:

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

كلمات مفتاحية: