الموضوع: دورة تصميم وتطوير مواقع الإنترنت للمبتدئين [html] (وسوم تنسيق الكلمات)م#6

وسوم تنسيق الكلمات Formatting Tags

تعرضنا في الدروس السابقة لبعض وسوم التنسيق مثل
<b>
ووظيفته جعل الخط سميك (Bold)
مثال:

كود:

This font is <b>BOLD</b>

النتيجة


<i>
لجعل الخط مائل (Italic)
مثال:

كود:

This font is <i>Italic</i>

النتيجة


<u>
لوضع خط (Underline) تحت الكلام
مثال:

كود:

This font is <u>Underlined</u>

النتيجة


والآن هيا بنا لنكمل باقي خطوط التنسيق الهامة

<sub>
لجعل الخط منخفضًا عن باقي السطر
مثال:

كود:

This font is <sub>Subscripted</sub>

النتيجة


<sup>
لجعل الخط مرتفعًا عن باقي السطر
مثال:

كود:

This font is <sup>Superscripted</sup>

النتيجة


<del>
لجعل الخط مشطوبًا عليه بوضع خط في منتصفه
مثال:

كود:

This font is <del>Deleted</del>

النتيجة


<mark>
لتظليل الخط باللون الأصفر
مثال:

كود:

This font is <mark>Marked</mark>

النتيجة


<pre>
تطرقنا سابقًا إلى نقطة هامة وهي أن لغة HTML لا تعترف إلا بالأكواد ولا تُظهر أي مسافات إضافية أو تنسيقات يتم كتابتها داخل صفحة الكود ؛ ولكن لأن لكل قاعدة استثناء فهذا الوسم وظيفته إظهار تنسيق الكلمات داخل صفحة الأكواد كما هي بالضبط ، فإذا جعلنا أكثر من مسافة بين كلمتين وكسرنا السطر وكتبنا في سطر جديد بدون استخدام الوسم المخصص لذلك فإن هذا الكود يظهر التنسيق كما هو بالضبط داخل صفحة الكود.
مثال:

كود:

This font is <pre>
	Preformatted
   This font is    preformatted
</pre>

النتيجة

الدرس السابق
http://www.nilemotors.net/Nile/416380-html-5-a.html