Mr. A7meD KaMeL

8- بعض تنسيقات النص Some Text Formatting – HTML Formatting

محتوى الموضوع

بسم الله الرحمن الرحيم

المحاضرة الثامنة: بعض تنسيقات النص Some Text Formatting – HTML Formatting

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

من تنسيقات النصوص العادية التي يتم كتابتها بلغة HTML مايلي:

تنسيق النص العريض:

ويتم كتابة النص عريض كما في الكود التالي:

<b>هنا نص عريض</b>
<strong>هنا نص آخر عريض</strong>

حيث انه يتم كتابة النص عريض باستخدام الوسم <b> او <strong>.


تنسيق النص المائل:

ويتم كتابة النص مائل كما في الكود التالي:

<i>هنانص مائل</i>
<em>هنا نص آخر مائل</em>

حيث انه يتم كتابة النص المائل باستخدام الوسم <i> او <em>.


تنسيق النص الصغير:

حيث انه يمكن كتابة نص بتنسيق كبير ويتضمن نص صغير كما بالشكل التالي:

توضيح وسم النص الصغير

حيث ان العنصر الذي يحتوي على النص الصغير يكون دائما اصغر نسبيا من العنصر الأب له، لاحظ الكود التالي:

<h1>نص عنوان كبير - <small>هنا النص الأصغر حجما </small>نص عنوان كبير</h1>

حيث ان العنصر h1 النص فيه دائما يكون كبيرا ، والعنصر small النص فيه يكون اصغر من نص العنصر الأب له والذي هو h1.

لاحظ ايضا الكود التالي:

<p style="font-size:32px">نص الفقرة <small> هنا النص الصغير </small> نص الفقرة </p>

في هذا الكود تم عمل عنصر فقرة <p> بتنسيق الخط فيه بحجم 32 بكسل – وتم وضع عنصر نص صغير <small> بداخله، لاحظ ان نص الفقرة بحجم كبير وهو 32 بكسل ونص عنصر <small> اصغر من نص الفقرة.


تنسيق النص المميز:

يعتبر النص المميز هو النص الذي يتم تمييزه بحيث يكون مُظلل باللون الأصفر، كما بالشكل التالي:

توضيح وسم النص المميز

ويتم كتابة وسم النص المميز كما في الكود التالي:

<mark>هنا النص المميز</mark>

تنسيق النص المشطوب:

ويعتبر النص المشطوب هو النص الذي يتوسطه خط افقي كما بالشكل التالي:

توضيح وسم النص المشطوب

ويتم كتابو وسم النص المشطوب كما بالكود التالي:

<del>هنا النص المشطوب</del>

تنسيق النص المحدد بخط أسفله:

وهو النص الذي يتم رسم خط اسفله، ويتم كتابة وسم النص المحدد بخط أسفله كما بالكود التالي:

<ins>هنا نص اسفله خط</ins>
<u>هنا نص اخر اسفله خط</u>

حيث انه يمكن كتابة النص المحدد بخط اسفله باستخدام الوسم <ins> او <u>، وتمثل الحروف ins كلمة inserted والتي تعني بان هذا النص تم اضافته، حيث لاتمثل فقط النص المحدد بخط اسفله ولكن تمثل النص المُضاف حديثا (مثلاً).


تنسيق نص الأُس والأساس:

ويعتبر نص الأس والأساس هو ماسيتخدم في الرياضيات والرموز الكيمياء، كما بالشكل التالي:

توضيح وسمي نص الأس والاساس

ويتم كتابة وسم نص الأُس كما بالكود التالي:

<sup>هنا نص الأس</sup>

ويتم كتابة نص الأساس كما بالكود التالي:

<sub>هنا نص الأساس</sub>

وتعتبر الحروف sup تمثل كلمة superscripted والتي تعني النص الذي يعلو عن السطر.

وتمثل الحروف sub كلمة subscripted والتي تعني النص الذي ينزل عن السطر.

ويمكن بالطبع استخدام هذين الوسمين في اي نص وليس فقط نصوص الرياضيات او الكيمياء.


نهاية المحاضرة

 

تاريخ الموضوع: أبريل 20, 2017 9:38 م
اسم الكاتب A7meD KaMeL - NiGh10GaLe
نبذة عن الكاتب

مهندس كمبيوتر - مصمم مواقع - مدرب كمبيوتر - مدرب ICDL بمركز التدريب الاداري والاستشارات بكلية التجارة بجامعة المنصورة - مدرب تصميم مواقع - مدرب لكورس الربح من الانترنت.

اترك تعليقاً