7- تنسيق النص في HTML
HTML يحتوي على العديد من العناصر لتعريف النص بمعنى خاص.
مثال:
<!DOCTYPE html>
<html>
<body>
<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>
</body>
</html>
عناصر تنسيق النص في HTML:
عنصر | وصف |
---|---|
<b> | يحدد النص الغامق |
<em> | يحدد النص المؤكد عليه |
<i> | يحدد جزء من النص بصوت أو مزاج مختلف |
<small> | يحدد نصًا أصغر |
<strong> | يحدد النص المهم |
<sub> | يحدد نصًا سفليًا |
<sup> | يحدد نصًا علويًا |
<ins> | يحدد نصًا تمت إضافته |
<del> | يحدد نصًا تمت إزالته |
<mark> | يحدد نصًا مميزًا/مُظَللًا |
عناصر <HTML <b و <strong>
يستخدم عنصر HTML <b>
لتعريف النص الغامق، دون أي أهمية إضافية.
مثال:
<b>This text is bold</b>
يحدد عنصر HTML <strong>
نصًا ذا أهمية كبيرة. عادةً ما يتم عرض المحتوى الموجود بالداخل بالخط العريض.
مثال :
<strong>This text is important!</strong>
عناصر <HTML <i و <em>
يُستخدم عنصر HTML <i>
لتحديد جزء من النص بصوت أو مزاج مختلف. عادةً ما يُعرض المحتوى الموجود بالداخل بخط مائل.
نصيحة: غالبًا ما يستخدم عنصر <i>
للإشارة إلى مصطلح تقني، أو عبارة من لغة أخرى، أو فكرة، أو اسم سفينة، إلخ.
<i>This text is italic</i>
يحدد عنصر HTML <em>
نصًا مؤكدًا.
يتم عادةً عرض المحتوى الداخلي بخط مائل.
نصيحة: سيقوم قارئ الشاشة بنطق الكلمات في <em>
مع التشديد، باستخدام الضغط اللفظي.
مثال:
<em>This text is emphasized</em>
عنصر <HTML <small
يُستخدم عنصر HTML <small>
لتحديد نص أصغر.
<small>This is some smaller text.</small>
عنصر <HTML <mark
يحدد عنصر HTML <mark>
نصًا يجب تمييزه أو تظليله. عادةً ما يتم عرض المحتوى الداخلي بخلفية ملونة مختلفة، مما يجعله يبرز من النص المحيط.
مثال:
<p>Do not forget to buy <mark>milk</mark> today.</p>
عنصر <HTML <del
يُستخدم عنصر HTML <del>
لتعريف النص الذي تمت إزالته من مستند. عادةً ما تضع المتصفحات خطًا على النص المحذوف.
مثال:
<p>My favorite color is <del>blue</del> red.</p>
عنصر <HTML <ins
يُستخدم عنصر HTML <ins>
لتعريف نص تمت إضافته إلى مستند. عادةً ما تضع المتصفحات خطًا تحت النص المضاف.
مثال:
<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>
عنصر <HTML <sub
يُستخدم عنصر HTML <sub>
لتعريف نص سفلي. يظهر النص السفلي نصف حرف أسفل السطر العادي، وغالبًا ما يتم عرضه بخط أصغر. يُمكن استخدام النص السفلي للصيغ الكيميائية، مثل H2O:
مثال:
<p>This is <sub>subscripted</sub> text.</p>
عنصر <HTML <sup
يُستخدم عنصر HTML <sup>
لتعريف نص علوي. يظهر النص العلوي نصف حرف أعلى السطر العادي، وغالبًا ما يتم عرضه بخط أصغر. يُمكن استخدام النص العلوي للملاحظات التوضيحية والمراجع، مثل WWW[1]:
مثال:
<p>This is <sup>superscripted</sup> text.</p>