تنسيق النص HTML Text Formatting

الدرس السابق الدرس التالي
 تنسيق نص HTML
يحتوي HTML على عدة عناصر لتعريف النص بمعنى خاص.
مثال
هذا النص بالخط العريض
هذا النص مائل

هذا منخفض و مرتفع

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