http://www.traidnt.net/vb/images/img...14/04/3045.jpg

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

تعرضنا في الدروس السابقة لبعض وسوم التنسيق مثل
<b>
ووظيفته جعل الخط سميك (Bold)
مثال:
رمز Code:
This font is BOLD
النتيجة
http://www.traidnt.net/vb/images/img...2014/05/33.jpg
http://www.boraqsoft.com/html-course/images/divider.png
<i>
لجعل الخط مائل (Italic)
مثال:
رمز Code:
This font is Italic
النتيجة
http://www.traidnt.net/vb/images/img...2014/05/34.jpg
http://www.boraqsoft.com/html-course/images/divider.png
<u>
لوضع خط (Underline) تحت الكلام
مثال:
رمز Code:
This font is Underlined
النتيجة
http://www.traidnt.net/vb/images/img...2014/05/35.jpg

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


لجعل الخط منخفضًا عن باقي السطر
مثال:
رمز Code:
This font is Subscripted
النتيجة
http://www.traidnt.net/vb/images/img...2014/05/36.jpg
http://www.boraqsoft.com/html-course/images/divider.png

لجعل الخط مرتفعًا عن باقي السطر
مثال:
رمز Code:
This font is Superscripted
النتيجة
http://www.traidnt.net/vb/images/img...2014/05/37.jpg
http://www.boraqsoft.com/html-course/images/divider.png

لجعل الخط مشطوبًا عليه بوضع خط في منتصفه
مثال:
رمز Code:
This font is Deleted
النتيجة
http://www.traidnt.net/vb/images/img...2014/05/38.jpg
http://www.boraqsoft.com/html-course/images/divider.png

لتظليل الخط باللون الأصفر
مثال:
رمز Code:
This font is Marked
النتيجة
http://www.traidnt.net/vb/images/img...2014/05/39.jpg
http://www.boraqsoft.com/html-course/images/divider.png

تطرقنا سابقًا إلى نقطة هامة وهي أن لغة HTML لا تعترف إلا بالأكواد ولا تُظهر أي مسافات إضافية أو تنسيقات يتم كتابتها داخل صفحة الكود ؛ ولكن لأن لكل قاعدة استثناء فهذا الوسم وظيفته إظهار تنسيق الكلمات داخل صفحة الأكواد كما هي بالضبط ، فإذا جعلنا أكثر من مسافة بين كلمتين وكسرنا السطر وكتبنا في سطر جديد بدون استخدام الوسم المخصص لذلك فإن هذا الكود يظهر التنسيق كما هو بالضبط داخل صفحة الكود.
مثال:
رمز Code:
This font is
Preformatted
This font is preformatted

النتيجة
http://www.traidnt.net/vb/images/img...2014/05/40.jpg