دروس HTML

صفحة HTML الرئيسية مقدمة HTML محرري HTML أساسيات HTML عناصر HTML سمات HTML عناوين HTML فقرات HTML أنماط HTML تنسيق HTML اقتباسات HTML تعليقات HTML ألوان HTML HTML CSS روابط HTML صور HTML رمز HTML المفضل جداول HTML قوائم HTML كتلة HTML ومضمنة فئات HTML معرف HTML إطارات HTML IFrame HTML جافا سكريبت مسارات ملفات HTML رئيس HTML تنسيق HTML مستجيب لـ HTML HTML Computercode دلالات HTML دليل نمط HTML كيانات HTML رموز HTML HTML Emojis أحرف HTML تشفير عنوان URL لـ HTML HTML مقابل XHTML

نماذج HTML

نماذج HTML سمات نموذج HTML عناصر نموذج HTML أنواع إدخال HTML سمات إدخال HTML سمات نموذج إدخال HTML

رسومات HTML

قماش HTML HTML SVG

وسائط HTML

وسائط HTML فيديو HTML صوت HTML المكونات الإضافية لـ HTML HTML يوتيوب

واجهات برمجة تطبيقات HTML

HTML تحديد الموقع الجغرافي سحب / إسقاط HTML تخزين الويب HTML عمال ويب HTML HTML SSE

أمثلة HTML

أمثلة HTML مسابقة HTML تمارين HTML شهادة HTML ملخص HTML ولوجية HTML

مراجع HTML

قائمة علامات HTML سمات HTML سمات HTML العامة دعم متصفح HTML أحداث HTML ألوان HTML قماش HTML صوت / فيديو HTML أنماط HTML مجموعات أحرف HTML تشفير عنوان URL لـ HTML أكواد HTML لانج رسائل HTTP طرق HTTP PX to EM Converter اختصارات لوحة المفاتيح

تنسيق نص HTML


يحتوي HTML على عدة عناصر لتعريف النص بمعنى خاص.


مثال

This text is bold

This text is italic

This is subscript and superscript


عناصر تنسيق HTML

تم تصميم عناصر التنسيق لعرض أنواع خاصة من النص:

  • <b>- نص عريض
  • <strong>- نص هام
  • <i>- نص مائل
  • <em>- كتابة بارزة
  • <mark>- نص ملحوظ
  • <small>- نص أصغر
  • <del>- نص محذوف
  • <ins>- نص مدرج
  • <sub>- نص منخفض
  • <sup>- نص مرتفع

HTML <b> و <strong> العناصر

<b>يحدد عنصر HTML النص الغامق ، دون أي أهمية إضافية.

مثال

<b>This text is bold</b>

يحدد عنصر HTML <strong>نصًا ذا أهمية كبيرة. عادة ما يتم عرض المحتوى الداخلي بخط عريض.

مثال

<strong>This text is important!</strong>


HTML <i> و <em> العناصر

<i>يحدد عنصر HTML جزءًا من النص بصوت أو حالة مزاجية بديلة. عادةً ما يتم عرض المحتوى الداخلي بخط مائل.

نصيحة: تُستخدم <i>العلامة غالبًا للإشارة إلى مصطلح تقني ، أو عبارة من لغة أخرى ، أو فكرة ، أو اسم سفينة ، وما إلى ذلك.

مثال

<i>This text is italic</i>

<em>يحدد عنصر HTML النص المحدد. عادةً ما يتم عرض المحتوى الداخلي بخط مائل.

نصيحة: سينطق قارئ الشاشة الكلمات <em> مع التركيز باستخدام الضغط اللفظي.

مثال

<em>This text is emphasized</em>

عنصر <صغير> في HTML

يحدد عنصر HTML <small>نصًا أصغر:

مثال

<small>This is some smaller text.</small>

عنصر <mark> HTML

يحدد عنصر HTML <mark>النص الذي يجب تمييزه أو تمييزه:

مثال

<p>Do not forget to buy <mark>milk</mark> today.</p>

عنصر <del> HTML

يحدد عنصر HTML <del>النص الذي تم حذفه من المستند. عادة ما تضع المتصفحات خطًا خلال النص المحذوف:

مثال

<p>My favorite color is <del>blue</del> red.</p>

عنصر <ins> HTML

<ins>يحدد عنصر HTML النص الذي تم إدراجه في المستند. عادة ما تقوم المستعرضات بتسطير النص المدرج:

مثال

<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>

عنصر <sub> HTML

<sub>يحدد عنصر HTML نصًا منخفضًا. يظهر النص المنخفض بنصف حرف أسفل السطر العادي ، ويتم تقديمه أحيانًا بخط أصغر. يمكن استخدام النص المنخفض للصيغ الكيميائية ، مثل H 2 O:

مثال

<p>This is <sub>subscripted</sub> text.</p>

عنصر <sup> HTML

<sup>يحدد عنصر HTML نصًا مرتفعًا. يظهر النص المرتفع بنصف حرف فوق السطر العادي ، ويتم تقديمه أحيانًا بخط أصغر. يمكن استخدام النص المرتفع للحواشي السفلية ، مثل WWW [1] :

مثال

<p>This is <sup>superscripted</sup> text.</p>

تمارين HTML

اختبر نفسك مع التمارين

ممارسه الرياضه:

أضف أهمية إضافية إلى كلمة "تدهور" في الفقرة أدناه.

<p>
مهمة WWF هي إيقاف انحلالالبيئة الطبيعية لكوكبنا.
</p>


عناصر تنسيق نص HTML

Tag Description
<b> Defines bold text
<em> Defines emphasized text 
<i> Defines a part of text in an alternate voice or mood
<small> Defines smaller text
<strong> Defines important text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
<mark> Defines marked/highlighted text

للحصول على قائمة كاملة بجميع علامات HTML المتاحة ، تفضل بزيارة مرجع علامات HTML الخاص بنا .