بعض الوظائف لا تعمل على هذا المتصفح، حاول استخدام متصفح آخر
About Privacy Terms
بسم الله الرحمن الرحيم
شاركـ أصدقائك

كورس HTML | شرح تنسيق النص html | موقع فولدرات

الرئيسية / الحاسب الآلي / لغات البرمجة / HTML / كورس HTML | شرح تنسيق النص html

القرآن الكريم كامل المصحف الذكي (جديد) , المصحف النصي

 

شرح html للمبتدئين

 

تنسيق نص HTML

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

مثال:

<!DOCTYPE html>
<html>
<body>
 
<p><b>خط عريض</b></p>
<p><i>خط مائل</i></p>
<p>هنا <sub> منخفض </sub> و <sup> مرتفع </sup></p>
 
</body>
</html>
 

 النتيجة كالآتي:

تنسق النص الخطوط HTML للمبتدئين اكواد

 

عناصر تنسيق HTML

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

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

 

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

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

مثال:

<!DOCTYPE html>
<html>
<body>
<p>.نص عادي</p>
<p><b>.نص عريض</b></p>
</body>
</html>

النتيجة كالآتي:

خطوط نص html للميندئين

 

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

 مثال:

 
<p><strong>!نص مهم</strong></p>
 

 

عناصر <i> و <em> :

يعرّف عنصر <i> جزءًا من النص في حالة مزاجية أو صوت بديل. يتم عرض المحتوى الموجود في الداخل بشكل نموذجي بمائل.

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

مثال:

<i>خط مائل</i>

 

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

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

مثال:

<em>This text is emphasized</em>

 

عنصر <small>:

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

مثال:

<small>هذا نص أصغر</small>

 

عنصر <mark>:

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

مثال:

<p>لا تنسى أن تشتري <mark> الحليب </mark>اليوم.</p>
 
 

 النتيجة كالآتي:

 تنسيق الخط شرح كورس اكواد html

 

عنصر <del>:

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

مثال:

<p>لوني المفضل هو <del>أزرق</del> أحمر</p>
 
 
 

 النتيجة كالآتي:

 شرح كورس اكواد html دليت del

 

عنصر <ins>:

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

مثال:

<p>لوني المفضل هو  <del> أزرق </del> <ins> أحمر </ins> . </p>
 
 
 

  النتيجة كالآتي:

شرح كورس اكواد للمبتدئين بالعربي html

لا تنسى مشاركة الصفحة ومن صالح دعائكم

صورة
CSS
كورس CSS | مقدمة css

ما هي CSS؟ تُعد Cascading Style Sheets ، التي يشار إليها باعتزاز باسم CSS ، لغة تصميم بسيطة تهدف إلى تبسيط عملية جعل صفحات الويب قابلة للتقديم. يتعامل CSS مع الشكل وا ...

صورة
CSS
كورس CSS | شرح Selectors

تُستخدم محددات CSS "للبحث" (أو تحديد) عناصر HTML التي تريد تصميمها. يمكننا تقسيم محددات CSS إلى خمس فئات: محددات بسيطة (حدد العناصر بناءً على الاسم والمعرف والفئة) ...

صورة
CSS
كورس CSS | كيفية إضافة CSS

هناك ثلاث طرق لإضافة CSS إلى HTML. يمكنك إضافة CSS مضمن لتصميم عنصر HTML واحد على الصفحة. يمكنك تضمين ورقة أنماط داخلية عن طريق إضافة CSS إلى قسم الرأس في مستند HTML ا ...

صورة
CSS
كورس CSS | شرح Syntax

بناء جملة CSS تتكون مجموعة قواعد CSS من محدد وكتلة إعلان: يشير المحدد إلى عنصر HTML الذي تريد تنسيقه. تحتوي كتلة التصريح على تعريف واحد أو أكثر مفصولة بفواصل منقوطة. ...

صورة
CSS
كورس CSS | شرح Colors

يعد استخدام الألوان في CSS (اختصارًا لأوراق الأنماط المتتالية) أمرًا سهلاً للغاية. سنوضح لك في هذا البرنامج التعليمي كيفية استخدام جميع تنسيقات الألوان المختلفة في CSS ...

صورة
SQL
كورس SQL | مقدمة SQL

ما هي SQL؟ SQL هي اللغة القياسية للتعامل مع قواعد البيانات العلائقية. يمكن استخدام SQL لإدراج سجلات قاعدة البيانات والبحث عنها وتحديثها وحذفها. يمكن لـ SQL إجراء الكث ...