في الفصل السابق، تعرفت على سمة الشكل في HTML .

يعرف HTML أيضا عناصر خاصة لتعريف النص مع معنى خاص.

يستخدم HTML عناصر مثل وإخراج التنسيق، مثل النص الخطي أو المائل.<b><i>

تم تصميم عناصر التنسيق لعرض أنواع خاصة من النص:

  • <b> – نص غامق
  • <strong> – نص مهم
  • <i> – النص المائل
  • <em> – نص مؤكد
  • <mark> – النص ملحوظ
  • <small> – نص صغير
  • <del> – النص المحذوف
  • <ins> – النص المدرج
  • <sub> – نص فرعي او نص للاسفل
  • <sup> – نص فرعي او للاعلي

العلامة <b>

يمكن ان يعرف <b> عنصر النص الغامق، دون أي شئ اضافي

قد يستخدم في اظهار كلمة جعلها بارزه او مهمه عن باقي النص

و يبدو بهذا الشكل “هذا نص كثيف

و يمكن ان يكونو داخل الفقرات او العنواين او مستقلين ويمكن ان يكونو داخل فقره
كبيره لاضافة ميزات معينه الي كلمة او جمله معينة كما تري في التالي

مثال

<!-- هذا نص غامق او كثيف -->
<p><b>هذا نص غامق او كثيف</b></p>
<!-- هذا فقرة عادية لاحظ الفرق -->
<p>هذه فقرة</p>
<!-- "هذه داخل قطعة لاحظ تغير حجم "بعمل رائع -->
<p> انت تقوم <b>بعمل رائع</b> مع عرب سكول </p>

العلامة <strong>

يعرف <strong> عنصر HTML النص القوي كما في المثال التالي “نص قوي.

ويكون اكثر بروز عن النص الباقي في الفقرة او العنوان

مثل

<p>نص عادي <strong>هذا نص قوي</strong> نص عادي</p>
<!-- هذا فقرة عادية لاحظ الفرق -->
<p>هذه فقرة</p>

العلامة <i>

يعرف <i> نص مائل .

<p> نص عادي<i>هذا نص مائل</i> نص عادي</p>
<!-- هذا فقرة عادية لاحظ الفرق -->
<p>هذه فقرة</p>

العلامة <small>

يعرف عنصر HTML نص أصغر من باقي النص .

مثال

<p>نص عادي <small>هذا نص صغير</small> نص عادي</p>
<!-- هذا فقرة عادية لاحظ الفرق -->
<p>هذه فقرة</p>

العلامة <mark>

و يعرف <mark>  نصا مميزا 

مثل

<h3>هذا نص <mark>مميز</mark> للغاية</h3>

العلامة <del>

يعرف <del> عنصر من النص وتم حذفة او ازالتة ” المحذوف ”

ولكن يعلم المستخدمين انه لم يعد صحيح او يمكن اعلان من خلاله عن عرض او تخفيض اسعار

مثل

<p>انا احب <del> الاخضر </del>الاحمر </p>
<!-- يمكن استعماله في تخفيض الاسعار مثلا -->
<p>عرض بسعر <del> 80$ </del><br> 40$ </p>

العلامة <ins>

يعرف <ins> عنصر من النص المدرج (المضاف) أو تحته خط

مثل

<p>يوجد <ins>الكثير من الحب</ins> في العالم</p>

العلامة <sub>

يعرف العنصر SUB نص مكتوب في الاسفل قليلا

مثال

<p>مع <sub>عرب سكول</sub> يمكنك التعلم في اي وقت.</p>

العلامة <sup>

يعرف عنصر <sup> نص مكتوب ف الاعلي قليلا

مثال

<p>مع <sup>عرب سكول</sup> يمكنك التعلم في اي وقت.</p>

ويمكنك رؤيه الفرق بينهم بوضوح

<p>مع <sup>عرب سكول</sup> يمكنك التعلم في اي وقت.</p>
<!-- لاحظ الفرق بين العلامتين -->
<p>مع <sub>عرب سكول</sub> يمكنك التعلم في اي وقت.</p>

عناصر الاقتباس


العلامة <q>

يمكنك ببساطة عمل علامات اقتباس قصيرة “” في الكود أو دون الحاجه لكتابة علامة النصيص “” من خلال العلامة <q></q>
أو قد يفيد هذا في الأمام عند استعمال لغات أخري تقوم بطباعة html

<p><q>في اليوم الذي تطغى فيه قوة الحب على حب القوة ، سيعرف العالم السلام</q></p>

العلامة <blockquote>

يُشير العنصر <blockquote> إلى أنَّ النص الموجود داخله هو نص اقتباس طويل.

 اسم هذا العنصر اختصارٌ للعبارة HTML Block Quotation Element

يُعرَض هذا العنصر عادة مع إضافة محاذاة قبله يمكن توفير رابط لمصدر الاقتباس عبر الخاصية cite

<blockquote cite="https://www.arschools.com">
يمكنك من خلال عرب ويب سكول تعلم الكثير والكثير في عالم البرمجة 
  تقدم عرب سكول والمجتمع الخاص بها دروس جيدة 
  للتدريب في لغات عدة وتأهيل الشباب للمزيد من الفرص بلسان عربي
</blockquote>

العلامة <abbr>

يعرف عنصر <abbr> اختصار أو اختصار.

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

سيظهر شرح الاختصار عند التأشير بالماوس علي “ع. و. ب”

<p>ال <abbr title="عرب ويب سكول">ع.و.ب</abbr> تاسست منذ عدة اعوام. </p>

العلامة <address>

يمكنك استخدام العلامة في العنوان أو حقوق مؤلف المقال أو أي شيء مما شابة

<address>
    تم كتابتها بواسطة احمد القاضي<br>
    رابط موقعة:<br>
    arschools.com<br>
    العنوان: <br>
    في مكان ما .
</address>

العلامة <cite>

يمكنك استخدام العلامة في عناوين الأعمال أو ما ما شابة

يمكنك النظر للمثال التالي الذي يعرض اسم لوحة الفنان فان جوخ سيكون اسم العمل مميز عن باقي الكلمات

<img src="https://vlive.xyz/AanoN" hight="80" width="280">
<p><cite>The Starry Night</cite><br> تم رسمها بواسطة فينسنت ويليم فان خوخ سنة 1889</p>

العلامة <bdo>

يمكنك استخدام العلامة في قلب النصوص أو تغيير البداية عوضا عن تغيير المكان

<!-- لاحظ تم كتابة الحروف من اليسار لليمين -->
<bdo>مرحبا بك في عرب سكول</bdo><br>
<!-- لاحظ تم كتابة الحروف من اليمين لليسار -->
<bdo dir="rtl">مرحبا بك في عرب سكول</bdo><br>
<!-- لاحظ تم كتابة الحروف من اليسار لليمين ولكن هذا لن يسبب تغيير لان الانجليزية تكتب من اليسار لليمين -->
<bdo>ar web school</bdo><br>
<!-- لاحظ تم كتابة الحروف من اليمين لليسار -->
<bdo dir="rtl">ar web school</bdo>