HTML Text Formatting
-
بنعرف في هذا الدرس على امكانيات HTML بالتحكم بالنصوص، وشو هي الاوامر الموجوده الي من خلالها بنقدر نتحكم بالنصوص. مثل خط مائل، غامق،... الخ
الجدول التالي يوضح هذه الخصائص مع وصف لكل خاصية
| الخاصية | الوصف |
| <b> | نص غامق Bold text |
| <strong> | نص مهم Important text |
| <i> | نص مائل Italic text |
| <em> | نص بارز Emphasized text |
| <mark> | نص مميز Marked text |
| <small> | نص صغير Smaller text |
| <del> | نص محذوف Deleted text |
| <ins> | نص مدرج Inserted text |
| <sub> | نص منخفض الى الأسفل Subscript text |
| <sup> | نص مرتفع Superscript text |
تمام نطبق مثال ونشوف النتيجة على جميع هذه الأنواع
<!DOCTYPE html>
<html lang="en">
<head>
<title>My First HTML Page</title>
</head>
<body>
<!DOCTYPE html>
<html>
<body>
<p>
<b>Bold text</b></p>
<p><strong>important text</strong></p>
<p><i>Italic text </i></p>
<p><em>Emphasized text </em></p>
<p><small>Smaller smaller text.</small></p>
<p>please call me at <mark>12 PM</mark> today.</p>
<p>My favorite car is <del>BMW</del> </p>
<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>
<p>This is <sub>subscripted</sub> text.</p>
<p>This is <sup>superscripted</sup> text.</p>
</body>
</html>
</body>
</html>
شغل الصفحة ونشوف النتيجة:
تمام نوخذ فكره عن الكود:
في <b> يتم عرض النص بشكل غامق دون إضافة أي أهمية إضافية .
في <strong> يحدد العنصر الي الو أهمية كبيرة، ويتم عرض المحتوي عادتا بخط عريض
في <i> يستخدم عند عرض جزء من النص بشكل مختلف (غالبا ما يتم عرضه بشكل مائل).
في <em> يستخدم لعرض الجزي المميز من النص (غالبا ما يعرض بشكل مائل)
في <small> يستخدم لعرض النص بحجم صغير.
في <mark> يستخدم عند عرض النص على شكل marked or highlighted
في <del> يستخدم عند تحديد جزء من النص كنص محذوف (ويتم تعليمه بإضافة خط بالمنتصف)
في <ins> يستخدم عد تحديد النص المضافة الى المستند (غالبا ما يتم إضافة سطر اسفل له underline)
في <sub> يستخدم عند الحاجة الى اظهار النص بشكل منخفض عن باقي النص ويكون بمقدار نص حرف من الأمثلة H2O
في <sup> يستخدم عند الحاجة الى عرض النص بشكل مرتفع عن باقي النصوص ويكون بمقدار نص حرف من الأمثلة : WWW[1]
اترك تعليقك