HTML Text Formatting
يحتوي HTML على عدة عناصر لتعريف النص بمعنى خاص.
تم تصميم عناصر التنسيق لعرض أنواع خاصة من النص:
- <b> - نص عريض
- <strong> -نص مهم
- <i> - نص مائل
- <em> - كتابة بارزة
- <mark> - نص مميز
- <small> - نص أصغر
- <del> - نص محذوف
- <ins> - نص مدرج
- <sub> - نص منخفض
- <sup> - نص مرتفع
عناصر اتش تي ام ال <b> و <strong>
مثال :
-----------------------
<b> هذا النص عريض </ b>
---------------------------------------
يظهر هذا المثال في المتصفح بالشكل :
هذا النص عريض
يحدد عنصر اتش تي ام ال <strong> نصًا ذا أهمية كبيرة. عادة ما يتم عرض المحتوى الداخلي بخط عريض.
مثال :
-----------------
<strong> هذا النص مهم! </ strong>
---------------------------------------------
يظهر المثال في المتصفح بالشكل :
هذا النص مهم !
عناصر اتش تي ام ال <i> و <em>
بإستخدام العنصر <i> يتم عرض المحتوى الدخلي بخط مائل
نصيحة: غالبًا ما تُستخدم العلامة <i> للإشارة إلى مصطلح تقني ، أو عبارة من لغة أخرى ، أو فكرة ، أو اسم ، إلخ.
مثال :
--------------------
<i> هذا النص مائل </ i>
----------------------------------------
يظهر المثال في المتصفح بالشكل :
هذا النص مائل
يحدد العنصر <em> النص المميز. عادةً ما يتم عرض المحتوى الداخلي بخط مائل.
مثال :
---------------------
<em> تم التأكيد على هذا النص </ em>
--------------------------------------------
يظهر هذا المثال في المتصفح بالشكل :
تم التأكيد على هذا النص </ em>
العنصر <small>
يحدد العنصر <small> نصًا أصغر:
مثال :
هذا نص أصغر. </ small>
العنصر <mark>
يحدد عنصر <mark> النص الذي يجب تمييزه أوالمراد تمييزه:
مثال:
--------------------
<p> لا تنس شراء <mark>حليب </mark> اليوم </ p>
-----------------------------------
يظهر المثال في المتصفح بالشكل التالي :
لاتنسى شراء حليب اليوم.
العنصر <del>
يحدد عنصر <del> النص الذي تم حذفه من المستند. عادة ما تضع المتصفحات خطًا بين النص المحذوف :
مثال :
--------------------
<p> لوني المفضل هو <del> الأحمر</ del> الأزرق</ p>
--------------------------------------
يظهر المثال في المتصفح بالشكل :
لوني المفضل هو الأحمر الأخضر
العنصر <ins>
يحدد العنصر <ins> النص الذي تم إدراجه في المستند. عادة ما تقوم المستعرضات بتسطير النص المدرج:
مثال :
--------------------
<P>لوني المفضل هو <del>الأحمر <ins> الأخضر</ins></del></p>
-----------------------------------
يظهر المثال في المتصفح بالشكل :
لوني المفضل هو الأحمر الأخضر
العنصر <sub>
يحدد العنصر <sub> النص المنخفض. يظهر النص المنخفض بنصف حرف أسفل السطر العادي ، ويتم تقديمه أحيانًا بخط أصغر. يمكن استخدام النص المنخفض للصيغ الكيميائية ، مثل H2O:
مثال :
---------------------
<p>هذا نص <sub>منخفض</sub></p>
---------------------------------------
يظهر المثال السابق في المتصفح بالشكل :
هذا نص منخفض
العنصر <sup>
يحدد العنصر <sup> النص المرتفع. يظهر النص المرتفع بنصف حرف فوق السطر العادي ، ويتم تقديمه أحيانًا بخط أصغر. يمكن استخدام النص المرتفع للحواشي السفلية ، مثل WWW1:
مثال :
---------------------
<p> هذا نص <sup> مرتفع </ sup>. </p>
-------------------------------------------
يظهر هذا المثال في المتصفح بالشكل :
هذا نص مرتفع </ sup>.
أنتهى الدرس.
ليست هناك تعليقات:
إرسال تعليق