كيفية إنشاء عناوين بالخط العريض والمائل في HTML

click fraud protection

قم بتضمين علامات تمييز النمط للخط المائل والجريء في ملف لغة البرمجة رمز العنوان لإضافة التركيز على قائمة الموضوعات الخاصة بك.

العناوين

علامات العنوان هي أبسط طريقة لتقسيم المستند. إذا كنت تفكر في موقعك على أنه صحيفة ، فإن العناوين هي العناوين الرئيسية في الصحيفة. العنوان الرئيسي هو H1 والعناوين اللاحقة هي H2 إلى H6.

استخدم الرموز التالية لإنشاء HTML.

هذا هو العنوان 1


هذا هو العنوان 2


هذا هو العنوان 3


هذا هو العنوان 4


هذا هو العنوان 5

هذا هو العنوان 6

احتفظ بالعناوين بترتيب منطقي — H1 تأتي قبل H2 ، والتي تأتي قبل H3 ، وهكذا.

لا تقلق كثيرًا بشأن شكل العناوين - يجب عليك استخدام CSS للقيام بذلك عناوين الأنماط بدلاً من استخدام عنوان خارج الترتيب. علامات العنوان هي عناصر على مستوى الكتلة، لذلك يضعون فواصل الأسطر لك. لا تضع علامات الفقرة داخل علامات العناوين.

غامق ومائل

هناك أربع علامات يمكنك استخدامها للخط الغامق والمائل:

  • و للجرأة
  • و لمائل

لا يهم ما تستخدمه. بينما يفضل البعض و ، يجدها كثير من الناس ل "جريئة" و من أجل "مائل" أسهل في التذكر.

ما عليك سوى إحاطة النص بعلامات الفتح والختام ، لعمل النص بالخط العريض أو مائل:

instagram viewer
بالخط العريض
مائل

يمكنك دمج هذه العلامات (مما يعني أنه يمكنك جعل النص غامقًا ومائلًا) ولا يهم العلامة الخارجية أو الداخلية.

على سبيل المثال:

هذا النص عريض

هذا النص عريض

هذا النص مكتوب بخط مائل

هذا النص مائل

هذا النص بالخط العريض والمائل

هذا النص بالخط العريض والمائل

لماذا توجد مجموعتان من العلامات بالخط العريض والمائل

في HTML4 ، فإن ملف و كانت العلامات تعتبر علامات نمط أثرت على مظهر النص فقط ولم تذكر شيئًا عن محتويات العلامة ، واعتبر استخدامها شكلًا سيئًا. ثم ، مع HTML5 ، تم إعطاؤهم معنى دلاليًا خارج مظهر النص.

في HTML5 تستخدم هذه العلامات معاني محددة:

  • يشير إلى النص الذي ليس أكثر أهمية من النص المحيط ، ولكن العرض التقديمي المطبعي النموذجي هو نص عريض ، مثل الكلمات الرئيسية في ملخص المستند أو أسماء المنتجات في المراجعة.
  • يشير إلى نص ليس أكثر أهمية من النص المحيط ، لكن العرض التقديمي المطبعي النموذجي هو نص مائل ، مثل عنوان كتاب أو مصطلح تقني أو عبارة بلغة أخرى.
  • يشير إلى نص له أهمية كبيرة مقارنة بالنص المحيط.
  • يشير إلى النص الذي يحتوي على ضغط مؤكد مقارنة بالنص المحيط.

مائل في رؤوس

لا شيء يمنعك من استخدام العلامات المائلة في علامة الرأس ، على الرغم من أن بعض المتصفحات قد تجرد هذا السياق. من الأفضل عادةً استخدام CSS لضمان حصولك على النتيجة المرئية التي تهدف إليها.

instagram story viewer