random
أخبار ساخنة

شرح جميع وسوم تنسيق النصوص في HTML واستخدام كل وسم بالأمثلة

الصفحة الرئيسية
شرح جميع وسوم تنسيق النصوص في HTML واستخدام كل وسم بالأمثلة

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

تنسيق النصوص هو عنصر أساسي في تصميم صفحات الويب باستخدام HTML. من خلال الوسوم المختلفة اللي بتوفرها اللغة، نقدر نتحكم في شكل النص ونوصّل المعلومة بشكل منظم وواضح. في المقال ده، هنتكلم عن أشهر وسوم التنسيق واستخدام كل واحد منها.

<b> - Bold

وسم <b> بيخلي النص يظهر غامق أو عريض. بيُستخدم لإبراز الكلمات أو الجمل.

<b>نص غامق</b>

<strong> - Strong Importance

بيستخدم لتأكيد أهمية النص، وبيظهر بشكل غامق زيه زي <b>، لكن له دلالة لمحركات البحث.

<strong>نص مهم</strong>

<i> - Italic

بيخلي النص مائل، وبيُستخدم عادةً للكلمات الأجنبية أو المميزة.

<i>نص مائل</i>

<em> - Emphasis

يُستخدم لتأكيد معنى النص، وبيظهر أيضًا بشكل مائل، لكن له معنى تأكيدي لمحركات البحث.

<em>نص مؤكد</em>

<mark> - Marked Text

بيظلل النص بخلفية صفراء، كأنه متحدد. مفيد لتوضيح الأجزاء المهمة في المقال.

<mark>نص متحدد</mark>

<small> - Small Text

بيُستخدم لتصغير حجم الخط، وبيفيد في الملاحظات الجانبية أو التواريخ.

<small>نص صغير</small>

<del> - Deleted Text

بيظهر النص عليه خط شطب، وبيوضح إنه تم حذفه.

<del>نص محذوف</del>

<ins> - Inserted Text

بيظهر النص بتحته خط، للدلالة على إنه جديد.

<ins>نص مضاف</ins>

<sub> - Subscript

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

H<sub>2</sub>O

<sup> - Superscript

بيُستخدم لرفع النص فوق السطر، زي الأسس.

x<sup>2</sup>

<u> - Underline

بيحط خط تحت النص، وكان بيستخدم كتير زمان قبل ظهور CSS.

<u>نص مسطر</u>

<s> - Strikethrough

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

<s>نص مشطوب</s>

دي كانت أهم وسوم تنسيق النصوص في HTML، واللي بتساعد على تحسين شكل المحتوى وتوصيل المعنى بشكل أوضح للقارئ.



google-playkhamsatmostaqltradent