HTML Başlıkları

HTML için kullanılan belli başlı etiketler var. Burada onlardan kısaca bahsedeceğim. Öğrenmemiz gereken ilk etiket grubu H1, H2, H3, H4, H5, H6 etiketleri. Heading anlamına gelen bu etiketler boyut olarak H1 en büyük, H6 en küçük olacak şekilde içeriklerin başlıklarında kullanılan etiketler.

Konuyu biraz daha açacak olursak ve Google SEO açısından düşünürsek, hazırladığınız sayfalardaki en önemli başlık H1’deki yazılardır. H6’ya doğru ilerledikçe başlık önem sıralamasında aşağı doğru düşer. Bir ana başlğa h1 verdiğinizde, onun bir alt başlığına h2 etiketi uygulamanız mantıklıdır.

<h1><span id="Heading_1">Heading 1</span></h1>
<h2><span id="Heading_2">Heading 2</span></h2>
<h3><span id="Heading_3">Heading 3</span></h3>
<h4><span id="Heading_4">Heading 4</span></h4>
<h5><span id="Heading_5">Heading 5</span></h5>
<h6><span id="Heading_6">Heading 6</span></h6>

Yukarıdaki kodları metin editörüne yazıp kaydettiğinizde alacağınız sonuç aşağıdaki gibidir.

Html Heading Etiketleri

Arama motorları sayfanızı indexlerken sayfa sisteminizi bu etiketlere göre algılar. Bu nedenle sayfa iskeletini oluştururken bu başlıkları kullanmak çok önemli.

Başlıkların Font Boyutunu Ayarlama

HTML kodları öğrenmeye yeni başlayan bazı bilgisayar kullanıcıları fontların büyüklüğünü de heading etiketleri ile ayarlamaya çalışarak büyük hata ediyorlar. Normal paragrafların büyüklüğü bu başlık etiketleriyle ayarlanmaz, ancak başlık etiketlerinin büyüklüğünü ayarlayamak için inline css kullanabilirsiniz.

<h1 style="font-size:60px;"><span id="Heading_11">Heading 1</span></h1>

Burada h1 etiketine style atayarak 60px büyüklüğünde bir font boyutu ayarlamış oluyoruz. Temel konu olarak CSS’e girse de, font büyüklüğünü ayarlamak için bunu kullanıyoruz.

Popular Eğitimler

HTML Alıntıları
HTML Alıntıları

Bize ait olmayan sözleri sitemizde yayınlarken alıntı şeklinde yayınlarız ki sözün ya…

HTML Paragrafları
HTML Paragrafları

Web sitesi hazırlarken yazdığınız herhangi bir paragrafı, paragraph etiketi anlamına gelen p…

HTML Resimleri
HTML Resimleri

Sayfa içerisinde resim veya fotoğraf görüntülemek için de image anlamına gelen img…

HTML’de RGB, HEX ve HSL Renk Kodları Kullanımı
HTML’de RGB, HEX ve HSL Renk Kodları Kullanımı

Web siteleri hazırlarken kullandığınız renkleri farklı şekillerde gösterebilirsiniz. HTML’de renk değerleri renk…

HTML Nedir ve HTML Etiketleri Nasıl Kullanılır?
HTML Nedir ve HTML Etiketleri Nasıl Kullanılır?

Bir web sitesinin ne şekilde göründüğü ile ilgili kodların bulunduğu yapıdır HTML….

HTML Listeleri
HTML Listeleri

Madde Etiketleri: Bir listeleme veya sıralama yapmak için madde etiketleri kullanılır. Sırasız…