HTML <h1> إلى <h6> العلامات
مثال
عناوين HTML الستة المختلفة:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تُستخدم علامات <h1>to <h6>لتعريف عناوين HTML.
<h1>يحدد العنوان الأكثر أهمية. <h6>يحدد العنوان الأقل أهمية.
ملاحظة: استخدم واحدًا فقط <h1>
لكل صفحة - يجب أن يمثل هذا العنوان / الموضوع الرئيسي للصفحة بأكملها. أيضًا ، لا تتخطى مستويات العناوين - ابدأ بـ <h1>، ثم استخدم <h2>، وهكذا.
دعم المتصفح
| Element | |||||
|---|---|---|---|---|---|
| <h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
السمات العالمية
تدعم العلامات <h1>إلى <h6>السمات العامة في HTML .
سمات الحدث
تدعم العلامات إلى <h1>سمات الحدث في HTML .<h6>
مزيد من الأمثلة
مثال
اضبط لون الخلفية ولون نص العناوين (باستخدام CSS):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
مثال
اضبط محاذاة العناوين (باستخدام CSS):
<h1 style="text-align:center">This is heading 1</h1>
<h2 style="text-align:left">This
is heading 2</h2>
<h3 style="text-align:right">This is heading 3</h3>
<h4 style="text-align:justify">This is heading 4</h4>
الصفحات ذات الصلة
دروس HTML: عناوين HTML
مرجع DOM HTML: عنوان الكائن
إعدادات CSS الافتراضية
ستعرض معظم المتصفحات <h1>العنصر بالقيم الافتراضية التالية:
مثال
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ستعرض معظم المتصفحات <h2>العنصر بالقيم الافتراضية التالية:
مثال
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ستعرض معظم المتصفحات <h3>العنصر بالقيم الافتراضية التالية:
مثال
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ستعرض معظم المتصفحات <h4>العنصر بالقيم الافتراضية التالية:
مثال
h4 {
display: block;
font-size:
1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ستعرض معظم المتصفحات <h5>العنصر بالقيم الافتراضية التالية:
مثال
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
ستعرض معظم المتصفحات <h6>العنصر بالقيم الافتراضية التالية:
مثال
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}