تنسيق النص في HTML شاهد كيف تتم العملية من خلال المتصفح , لغة الـ HTML تحدد العديد من العناصر لعرض تنسيقات مختلفة للنص مثل نص عريض أو نص مائل إلي أخر الأشكال المعروفة و من خلال الأمثلة التالية يمكنك التعرف على تلك العناصر.
هل شاهدت صفحة ويب وأعجبتك و تساءلت ” كيف فعلوا ذلك ؟ “.
هل تريد أن تعرف كيف تم تصميم تلك الصفحة الأمر بغاية البساطة إختر القائمة ” VIEW ” من شريط الأدوات في متصفحك ثم إختار الأمر “SOURCE ” أو ” PAGE SOURCE ” ، سوف يتم فتح نافذة تعرض لك أكواد الـ HTML لهذه الصفحة .
وسوم تنسيق النص
|
Tag |
Description |
|
<b> |
لتحديد نص عريض |
|
<big> |
لتحديد نص كبير |
|
<em> |
Defines emphasized text |
|
<i> |
اتحديد نص مائل |
|
<small> |
لتحديد نص صغير |
|
<strong> |
تحديد نص قوى ” بارز “ |
|
<sub> |
تحديد نص منخفض. |
|
<sup> |
تحديد نص مرتفع. |
|
<ins> |
لتحديد نص مضاف |
|
<del> |
لتحديد نص مشطوب |
|
<s> |
تم استبعاده، استخدم <del> بدلاً منه. |
|
<strike> |
تم استبعاده، استخدم <del> بدلاً منه. |
|
<u> |
تم استبعاده، استخدم <del> بدلاً منه. |
وسوم الإخراج في الحاسب الآلي
|
Tag |
Description |
|
<code> |
تحديد نص كود الحاسب الآلي. |
|
<kbd> |
تحديد نص لوحة المفاتيح. |
|
<samp> |
تحديد كود للحاسب الآلي عينة. |
|
<tt> |
تحديد نص الآلة الكاتبة. |
|
<var> |
تحديد متغير. |
|
<pre> |
Defines preformatted text |
|
<listing> |
تم استبعاده، استخدم <pre> بدلاً منه. |
|
<plaintext> |
تم استبعاده، استخدم <pre> بدلاً منه. |
|
<xmp> |
تم استبعاده، استخدم <pre> بدلاً منه. |
وسوم الإقتباس والتوضيح والتنويه
|
Tag |
Description |
|
<abbr> |
تحديد اختصار. |
|
<acronym> |
Defines an acronym |
|
<address> |
تحديد عنصر عنوان. |
|
<bdo> |
تحديد اتجاه النص. |
|
<blockquote> |
تحديد اقتباس طويل. |
|
<q> |
تحديد اقتباس قصير. |
|
<cite> |
تحديد تنويه. |
|
<dfn> |
تحديد مصطلح تعريف. |