تنسيق النص في الـ HTML
تنسيق النص في الـ 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> |
تحديد مصطلح تعريف. |
أمثلة
1- هذا المثال يوضح كيفية تنسيق النص في ملفات HTML
2- هذا المثال يوضح كيف يمكنك التحكم في بدايات الأسطر و المسافات من خلال الوسم pre.
3- هذا المثال يوضح كيفية عرض الوسوم المختلفة على شاشة حاسبك.
4- هذا المثال يوضح كيفية كتابة العناوين في صفحة HTML.
5- يوضح هذا المثال كيفية معالجة الاختصار.
6- هذا المثال يوضح كيفية تغيير اتجاه الكتابة للنص.
7- هذا المثال يوضح كيفية التعامل مع الاقتباسات الطويلة و القصيرة.
8- هذا المثال يوضح كيفية الإشارة إلى النص المحذوف أو المضاف إلى صفحة HTML.
التعليقات (0)
لايوجد لديك حساب في عالم البرمجة؟
تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !