السلام عليكم، سنرى في هذا الدرس ماهية العناوين المعروفة بـ Heading Tags و الفقرات النصية في HTML، و كيفية إقحامها في ملف HTML.
العناوين
تصنف العناوين في لغة البرمجة HTML حسب ست مستويات، و سبب تواجدها في ست مستويات هو إعطاء بنية تفرعية للمحتوى، و يُعبَّر عنها بعنصر 'H' نسبة لكلمة Heading باللغة الإنجليزية، و بالجانب الأيمن للـ H رقم يُعبِّر عن مستوى العنوان، فمثلاً عنصر 'H1' هو عنوان المستوى الأول حيث يعتبر هذا الأخير أقوى مستويات العناوين، و 'H2' هو عنوان المستوى الثاني حيث يعتبر أقل قوة من 'H1' و أكثر قوة من 'H3' و هكذا إلى 'H6' الذي هو أضعف المستويات، مكانها في ملف HTML داخل عنصر'BODY'، و لديها أوسمة الفتح و أوسمة الإغلاق، و تكتب بين أوسمة فتحها و أوسمة إغلاقها جمل نصية تعتبر كعناوين بحيث هذه الجمل النصية هي التي تظهر في متصفحات الإنترنت، و تظهر بتنسيق HTML التلقائي في حال عدم وجود أكواد مخصصة لها في CSS، و هذا التنسيق يمنح للمستوى الأقوى حجماً كبيراً، و للمستوى الأضعف منه حجماً أصغر متصاغراً حسب المستويات، و دائماً يأخذ العنوان سطراً منفرداً في الصفحة و لو كان عنصره مشاركاً مع عنصر آخر أو عناصر أخرى السطر في ملف HTML.
يجب التفريق ما بين عنصر 'TITLE' و عناصر Headings، فعنصر 'TITLE' يكون داخل عنصر 'HEAD' في ملف HTML مشكلِّاً عنوان الموقع الإلكتروني أو التطبيق الهاتفي، أي عنوان الصفحة بأكملها، أما Headings فتكون داخل عنصر 'BODY' في ملف HTML مشكلة العناوين التى تظهر في محتوى الصفحة، بحيث إذا زحفت عناكب محركات البحث إلى الصفحة، ستعطي أهمية للكلمات المفتاحية الموجودة في 'H1'، ثم أهمية أقل من أهمية 'H1' للتي في 'H2'، ثم أهمية أقل من أهمية 'H2' للتي في 'H3'، و هكذا إلى 'H6'.
الفيديو التوضيحي للدرس
الفقرات النصية
يعبر عن الفقرة النصية في ملف HTML بعنصر 'P' المأخوذ من كلمة Paragraph باللغة الإنجليزية، و يوضع داخل عنصر 'BODY'، و له وسم فتح و وسم إغلاق حيث يُكتب داخل الوسمين الفقرة النصية التي تظهر في متصفحات الإنترنت، كذلك هي الأخرى مثلها مثل العناوين تأخذ سطراً منفرداً في الصفحة و لو كان عنصرها مشاركاً مع عنصر آخر أو عناصر أخرى السطر في ملف HTML.
الأكواد المستعملة في هذا الدرس
أتمنى أن تستفيدوا من الدرس