HTMLالموسوعةدرس تعليمي
5- عناوين HTML
عناوين 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>
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
عناوين HTML :
يتم تعريف عناوين HTML باستخدام العلامات من <h1> إلى <h6>.
- <h1> يحدد العنوان الأهم.
- <h6> يحدد العنوان الأقل أهمية.
مثال:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
ملاحظة: يضيف المتصفح تلقائيًا بعض المساحات البيضاء (الهامش) قبل وبعد العنوان.
أهمية العناوين
يستخدم محركات البحث العناوين لفهرسة هيكل ومحتوى صفحات الويب الخاصة بك.
غالبًا ما يفحص المستخدمون الصفحة من خلال عناوينها. من المهم استخدام العناوين لإظهار بنية المستند.
يجب استخدام العناوين <h1> للعناوين الرئيسية، متبوعة بالعناوين <h2>، ثم <h3> الأقل أهمية، وهكذا.
ملاحظة: استخدم عناوين HTML للعناوين فقط. لا تستخدم العناوين لعمل نص كبير أو عريض.
عناوين أكبر
كل عنوان HTML له حجم افتراضي. ومع ذلك، يمكنك تحديد الحجم لأي عنوان باستخدام سمة style
، باستخدام خاصية font-size
في CSS:
<h1 style="font-size:60px;">Heading 1</h1>