HTML <h1> ke <h6> Tag
Contoh
Enam judul HTML yang berbeda:
<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>
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Tag <h1>
to <h6>
digunakan untuk mendefinisikan heading HTML.
<h1>
mendefinisikan judul yang paling penting. <h6>
mendefinisikan heading yang paling tidak penting.
Catatan: Hanya gunakan satu <h1>
per halaman - ini harus mewakili judul/subjek utama untuk seluruh halaman. Juga, jangan lewati level heading - mulai dengan <h1>
, lalu gunakan <h2>
, dan seterusnya.
Dukungan Peramban
Element | |||||
---|---|---|---|---|---|
<h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
Atribut Global
Tag <h1>
to <h6>
juga mendukung Atribut Global dalam HTML .
Atribut Acara
Tag <h1>
to <h6>
juga mendukung Atribut Peristiwa dalam HTML .
Lebih Banyak Contoh
Contoh
Mengatur warna latar belakang dan warna teks heading (dengan CSS):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
Contoh
Atur perataan heading (dengan 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>
Halaman Terkait
Tutorial HTML: Judul HTML
Referensi DOM HTML: Objek Judul
Pengaturan CSS Default
Sebagian besar browser akan menampilkan <h1>
elemen dengan nilai default berikut:
Contoh
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Sebagian besar browser akan menampilkan <h2>
elemen dengan nilai default berikut:
Contoh
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Sebagian besar browser akan menampilkan <h3>
elemen dengan nilai default berikut:
Contoh
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Sebagian besar browser akan menampilkan <h4>
elemen dengan nilai default berikut:
Contoh
h4 {
display: block;
font-size:
1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Sebagian besar browser akan menampilkan <h5>
elemen dengan nilai default berikut:
Contoh
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Sebagian besar browser akan menampilkan <h6>
elemen dengan nilai default berikut:
Contoh
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}