الدرس الخامس : تنسيق النصوص (Text Formatting) في HTML.

  تنسيق النصوص (Text Formatting) في HTML.

و سنتعرف اليوم على وسوم جديدة تفضي تنسيقا على النصوص و هي من وسوم الخطوط

فمثلا لو أردت أن تكتب كلمة تحتها سطر فأنت تحتاج إلى وسم مثلا و كذلك إذا أردت أن تظهر كلمة أو جملة حجم أكبر من حجم النص التي هي به فأنت تحتاج إلى وسم و هكذا . وفي هذا الدرس ستتعرف عليها و أكثر .

1-      الوسم </B> text<B> اختصار لكلمة BOLD و تعني غامق (الأسود العريض).

2-      الوسم</strong> text<strong> تعمل عمل الوسم <B> أي غامق كذلك.

3-      الوسم </i> text<i> اختصار لكلمة ITALIC تجعل النص مائلا.

4-      الوسم</EM> text<EM> تعمل عمل الوسم <I> أي تجعل  النص مائلا كذلك . وهو اختصار لكلمة EMPHASED

5-      الوسم </U> text<U> اختصار لكلمة UNDERLINE و تجعل خطا تحت النص أو الكلمة المحددة.

6-      الوسم </SUP> text<SUP> تجعل الكلمة المحددة أعلى من النص و هي اختصار لكلمة SUPERSCRIPT

7-      الوسم </SUB> text<SUB> عكس عمل SUP أي تجعل الكلمة المحددة منخفضة عن باقي النص و هي اختصار لكلمة SUBSCRIPT .

8-      الوسم </BIG> text<BIG> تجعل النص كبيرا و هو معنى كلمة BIG.

9-      الوسم </SMALL> text <SMALL> تجعل النص صغيرا عكس BIG.

10-  الوسم </STRIKE> text<STRIKE> تجعل النص يتوسطه خط و كأنه شيء ملغي أو محذوف يعني مشطوب. مثلها مثل الوسم </DEL> text<DEL>.

نأتي الآن إلى التطبيق و نكتب الكود التالي :

و يكون الناتج كالتالي :

ملاحظات سريعة :

1-   الوسم strike لا تدعمه html 5 أي الاصدار الأخير من HTML و تم تعويضه بالوسم DEL اختصار لكلمة deleted أو الوسم S.

2- الوسم BIG كذلك من الوسوم التي لا تدعمها HTML 5.

3- لاستعمال النص المدرج نستعمل الوسم  <INS> text</INS>. اختصار لكلمة inserted.

مشاهدة الفيديو اضغط هنا

في الأخير... فضلا و ليس أمرا إذا أعجبك المقال. فشاركه مع غيرك.

روزوا صفحتنا على الفيسبوك : MADI TECH ONE