عناصر small – Mark – Del – Sub – Sup في الـ HTML

أكوادي - Akwade - تصميم مواقع

تكلمة للدرس السابق المشروح فيه العناصر الخاصة بالتنسيق ، سنقوم ايضاََ في هذا الدرس بتكملة العناصر الخاصة بتنسيق النصوص .

 

عنصر الـ Small في الـ HTML

لو كان لدينا نص أو جملة معينة داخل عنصر الـ وتريد كلمة معينة من هذه الكلمات بحجم اصغر من النص العادي ، من هنا يأتي وظيفة عنصر Small فلو قمنا بكتابة هذا الكود :

<p>
	Are You <small> Okey </small> !
</p>

ستكون النتيجة بهذا الشكل:

Small Tag

لاحظ ان كلمة Okey تأتي بحجم أصغر بقليل من باقي النص .

 

عنصر الـ Mark في الـ HTML

يستخدم هذا العنصر لتعليم جزء من النص ( highlight ) لوضع علامة عليه أو تمييزه .

<p>
	Are You <mark>  Okey </mark> !
</p>

النتيجة :

أكوادي - Akwade - تصميم مواقع

 

عنصر الـ del في الـ HTML

يستخدم هذا العنصر لحذف جزء من النص الموجود

<p>
	Are You <del>  Okey </del> !
</p>

النتيجة:

أكوادي - Akwade - تصميم مواقع

 

 

عنصر الـ sub في الـ HTML

لتوضيح بما يقوم به هذا العنصر ، في بعض العناصر الكيميائية هناك بعض الأرقام أو الحروف تكون أسفل من الحرف العادي كما هو بالصورة

أكوادي - Akwade - تصميم مواقع

 

كما نلاحظ ان رقم 2 أسفل من حرف الـ H و حرف الـ O هذا ما يقوم به عنصر الـ sub وهو جعل الكلمة او الحرف او الرقم اسفل النص العادي

<p>
	H<sub>2</sub>O  
</p>

 

عنصر الـ sup في الـ HTML

وهذا العنصر هو عكس عنصر الـ Sub بحيث يقوم بوضع الكلمة أعلى النص الموجود فيه ..

<p>
	25<sup>2</sup>  
</p>

sup tag

 

اترك تعليقاً

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

Scroll to Top