تعليمية HTML الأساسية

وسائل الاعلام في HTML

دليل مرجعي لـ HTML

دليل تعليمي أساسي لـ HTML5

API في HTML5

وسائل الاعلام في HTML5

روابط HTML فقرة HTML

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

في هذا الفصل سنتعلم كيفية تنسيق النصوص في HTML، أي إضافة تنسيقات إلى النصوص العادية

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

مثال

<strong>نص مائج (oldtoolbag.com)</strong>
<br/><i>نص مائل، تعليمات w3codebox الأساسية</i>
<br/><code>يتم إخراج الكود تلقائيًا</code>
<br/>هذا هو العنصر X<sub>سفلي</sub> و X<sup>عليا</sup>
<br/>مركب كيميائي: <b>C<sub>7</sub>H<sub>7</sub>F<sub>2</sub>N</b>

اختبار لرؤية ‹/›

علامات تنسيق HTML

HTML يستخدم العلامات <b>(Bold) و <i>(Italic) لتشكيل النصوص المخرجة، مثل:سميك أو مائل

تُعرف هذه العلامات بـ علامات التنسيق (يرجى الرجوع إلى دليل العلامات الكامل في الأسفل).

عادة ما تستخدم علامة <strong> بدلاً من علامة <b> لتحديد النص سميك، لذا يُنصح بتجنب استخدامها. <strong> , يمكن استبدال علامة <i> بعلامة <em>. والمعاني لهذه العلامات مختلفة: <b> و <i> تعريف نص سميك أو مائل. علامة <b> و <strong> هما نوعان من العلامات، وعلامة <b> تعني سمك الخط، ويتم تمثيلها بحرف B، ويمكن استخدام علامة <b> لتبريجة مظهر الخط. مثل：<b> أنا سميك</b>. لكن، علامة <strong> هي النقطة التي نريد التأكيد عليها، وتبدو هذه العلامتان مختلفتان في المعنى. مثل：<strong> خط واضح</strong>. <strong> أو <em> يعني أن النص الذي تريد عرضه مهم، لذا يجب تبريجه. يمكن لجميع المتصفحات الرئيسية الآن عرض أنواع مختلفة من تأثيرات الخطوط. ومع ذلك، قد يدعم المستعرضون المستقبليون تأثيرات ترميز أفضل.

مثال على الإنترنت

تنسيق النص العادي
هذا المثال يوضح كيفية تنسيق النص العادي في ملفات HTML.

النص المسبق
هذا المثال يوضح كيفية التحكم في السطور الفارغة والفضاءات باستخدام علامة <pre>.

علامات "مخرجات الحاسوب"
هذا المثال يوضح تأثير مختلف علامات "مخرجات الحاسوب".

العنوان
هذا المثال يوضح كيفية كتابة العناوين في ملفات HTML.

الاختصارات والاختصارات الأحرف الأولى
هذا المثال يوضح كيفية تحقيق اختصارات أو اختصارات الأحرف الأولى في HTML.

اتجاه النص
هذا المثال يوضح كيفية تغيير اتجاه النص في HTML.

الإقتباسات الكاملة
هذا المثال يوضح كيفية تحقيق الإقتباسات المختلفة الطول في HTML.

أثر النص المزال وأثر النص المضاف
هذا المثال يوضح كيفية استخدام HTML لتحديد النص المزال والنص المضاف.

علامات تنسيق النص في HTML

العلامة	الوصف
<b>	تعريف النص سميك
<em>	تعريف النص المبرز
<i>	تعريف النص المائل
<small>	تعريف النص الصغير
<strong>	تعريف النص المشدد
<sub>	تعريف النص الموجود تحت الأسفل
<sup>	تعريف النص المرفوع
<ins>	تعريف النص المضاف
<del>	تعريف النص المزال

علامة "مخرجات الحاسوب" في HTML

العلامة	الوصف
<code>	تعريف برمجيات الحاسوب
<kbd>	تعريف رمز لوحة المفاتيح
<samp>	تعريف نموذج برمجي
<var>	تعريف المتغير
<pre>	تعريف النص المسبق

مصطلحات HTML للإقتباس، الإشارة، وتعريف العلامات

العلامة	الوصف
<abbr>	تعريف اختصار
<address>	تعريف عنوان
<bdo>	تعريف اتجاه النص
<blockquote>	تحديد الاستشهاد الطويل
<q>	تحديد الاستشهاد القصير
<cite>	تحديد الاستشهاد،الإشارة
<dfn>	تحديد مشروع التعريف.

روابط HTML فقرة HTML