تنسيق النص في الـ HTML

elmasrySoftWareمنذ 7 سنوات

تنسيق النص في الـ 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
إعجاب
2925
مشاهدات
0
مشاركة
0
متابع

التعليقات (0)

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !