HTMLالموسوعةدرس تعليمي

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>

مقالات ذات صلة

اترك تعليقاً

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

زر الذهاب إلى الأعلى