Tweet
وسوم تنسيق الكلمات Formatting Tags
تعرضنا في الدروس السابقة لبعض وسوم التنسيق مثل
<b>
ووظيفته جعل الخط سميك (Bold)
مثال:
كود:
[COLOR="blue"]This font is <b>BOLD</b>[/COLOR]
<i>
لجعل الخط مائل (Italic)
مثال:
كود:
[COLOR="blue"]This font is <i>Italic</i>[/COLOR]
<u>
لوضع خط (Underline) تحت الكلام
مثال:
كود:
[COLOR="blue"]This font is <u>Underlined</u>[/COLOR]
والآن هيا بنا لنكمل باقي خطوط التنسيق الهامة
<sub>
لجعل الخط منخفضًا عن باقي السطر
مثال:
كود:
[COLOR="blue"]This font is <sub>Subscripted</sub>[/COLOR]
<sup>
لجعل الخط مرتفعًا عن باقي السطر
مثال:
كود:
[COLOR="blue"]This font is <sup>Superscripted</sup>[/COLOR]
<del>
لجعل الخط مشطوبًا عليه بوضع خط في منتصفه
مثال:
كود:
[COLOR="blue"]This font is <del>Deleted</del>[/COLOR]
<mark>
لتظليل الخط باللون الأصفر
مثال:
كود:
[COLOR="blue"]This font is <mark>Marked</mark>[/COLOR]
<pre>
تطرقنا سابقًا إلى نقطة هامة وهي أن لغة HTML لا تعترف إلا بالأكواد ولا تُظهر أي مسافات إضافية أو تنسيقات يتم كتابتها داخل صفحة الكود ؛ ولكن لأن لكل قاعدة استثناء فهذا الوسم وظيفته إظهار تنسيق الكلمات داخل صفحة الأكواد كما هي بالضبط ، فإذا جعلنا أكثر من مسافة بين كلمتين وكسرنا السطر وكتبنا في سطر جديد بدون استخدام الوسم المخصص لذلك فإن هذا الكود يظهر التنسيق كما هو بالضبط داخل صفحة الكود.
مثال:
كود:
[COLOR="blue"]This font is <pre> Preformatted This font is preformatted </pre>[/COLOR]
الدرس السابق
Comment