HTML <h1> - <h6> Etiketleri
Örnek
Altı farklı HTML başlığı:
<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>
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
To etiketleri HTML başlıklarını tanımlamak için kullanılır <h1>
.<h6>
<h1>
en önemli başlığı tanımlar. <h6>
en az önemli başlığı tanımlar.
Not: Her sayfada yalnızca bir tane kullanın <h1>
- bu, tüm sayfa için ana başlığı/konuyu temsil etmelidir. Ayrıca, başlık düzeylerini atlamayın - ile başlayın <h1>
, ardından kullanın <h2>
ve bu şekilde devam edin.
Tarayıcı Desteği
Element | |||||
---|---|---|---|---|---|
<h1> - <h6> | Yes | Yes | Yes | Yes | Yes |
Genel Özellikler
<h1>
to etiketleri , HTML'deki Global Nitelikleri<h6>
de destekler .
Etkinlik Özellikleri
<h1>
to etiketleri , HTML'deki Etkinlik Niteliklerini<h6>
de destekler .
Daha fazla örnek
Örnek
Başlıkların arka plan rengini ve metin rengini ayarlayın (CSS ile):
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello
World</h2>
Örnek
Başlıkların hizalamasını ayarlayın (CSS ile):
<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>
İlgili Sayfalar
HTML eğitimi: HTML Başlıkları
HTML DOM referansı: Başlık Nesnesi
Varsayılan CSS Ayarları
Çoğu tarayıcı, <h1>
öğeyi aşağıdaki varsayılan değerlerle görüntüler:
Örnek
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Çoğu tarayıcı, <h2>
öğeyi aşağıdaki varsayılan değerlerle görüntüler:
Örnek
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ğu tarayıcı, <h3>
öğeyi aşağıdaki varsayılan değerlerle görüntüler:
Örnek
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Çoğu tarayıcı, <h4>
öğeyi aşağıdaki varsayılan değerlerle görüntüler:
Örnek
h4 {
display: block;
font-size:
1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Çoğu tarayıcı, <h5>
öğeyi aşağıdaki varsayılan değerlerle görüntüler:
Örnek
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
Çoğu tarayıcı, <h6>
öğeyi aşağıdaki varsayılan değerlerle görüntüler:
Örnek
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}