<h1> dan <h6> gacha
Misol
Oltita turli HTML sarlavhasi:
<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>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
<h1> dan <h6> gacha bo‘lgan teglar HTML sarlavhalarini belgilash uchun ishlatiladi.
<h1> eng muhim sarlavhani belgilaydi. <h6> eng kam ahamiyatli sarlavhani belgilaydi.
Eslatma: Har bir sahifada faqat bitta <h1> ishlating — u butun sahifaning asosiy sarlavhasi/mavzusini ifodalashi kerak. Shuningdek, sarlavha darajalarini tashlab ketmang — <h1> dan boshlang, keyin <h2> dan foydalaning va hokazo.
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <h1> - <h6> | Ha | Ha | Ha | Ha | Ha |
Global atributlar
<h1> dan <h6> gacha bo‘lgan teglar HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<h1> dan <h6> gacha bo‘lgan teglar HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Ko‘proq misollar
Misol
Sarlavhalarning fon rangi va matn rangini o‘rnatish (CSS yordamida):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello World</h2>
O‘zingiz sinab ko‘ring »
Misol
Sarlavhalarni tekislash (CSS yordamida):
<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>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML darsligi: HTML sarlavhalar
HTML DOM ma’lumotnomasi: Heading obyekti
Standart CSS sozlamalari
Ko‘pchilik brauzerlar <h1> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
Misol
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
O‘zingiz sinab ko‘ring »
Ko‘pchilik brauzerlar <h2> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
Misol
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
O‘zingiz sinab ko‘ring »
Ko‘pchilik brauzerlar <h3> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
Misol
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
O‘zingiz sinab ko‘ring »
Ko‘pchilik brauzerlar <h4> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
Misol
h4 {
display: block;
font-size: 1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
O‘zingiz sinab ko‘ring »
Ko‘pchilik brauzerlar <h5> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
Misol
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
O‘zingiz sinab ko‘ring »
Ko‘pchilik brauzerlar <h6> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
Misol
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!