Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

عناوين HTML
يتم تعريف عناوين HTML بعلامات <h1> إلى <h6>.
يحدد <h1> العنوان الأكثر أهمية. يحدد <h6> العنوان الأقل أهمية.

<!DOCTYPE html>
<html>
<body>
    <h1>Heading 1</h1>
    <h2>Heading 2</h2>
    <h3>Heading 3</h3>
    <h4>Heading 4</h4>
    <h5>Heading 5</h5>
    <h6>Heading 6</h6>
</body>
</html>

ملاحظة: تضيف المتصفحات تلقائيًا بعض المسافات البيضاء (هامش) قبل العنوان وبعده.

العناوين مهمة

تستخدم محركات البحث العناوين لفهرسة بنية ومحتوى صفحات الويب الخاصة بك.

غالبًا ما يتصفح المستخدمون الصفحة حسب عناوينها. من المهم استخدام العناوين لإظهار بنية المستند.

يجب استخدام عناوين <h1> للعناوين الرئيسية ، متبوعة بالعناوين <h2> ، ثم الأقل أهمية <h3> ، وهكذا.

ملاحظة: استخدم عناوين HTML للعناوين فقط. لا تستخدم العناوين لجعل النص كبير أو عريض.

عناوين أكبر

كل عنوان HTML له حجم افتراضي. ومع ذلك ، يمكنك تحديد حجم أي عنوان باستخدام سمة النمط ، باستخدام خاصية حجم الخط في CSS:

مثال

<!DOCTYPE html>
<html>
<body>
    <h1 style="font-size:60px;">Heading 1</h1>   
</body>
</html>

الدرس السابق الدرس التالي