HTML Başlık Yapısı (Adım Adım Açıklama)

See the Pen başlıklar by ArmyYazılım (@armyyazilim) on CodePen.
HTML Başlıkları
Başlıklar <h1>
to <h6>
etiketleriyle tanımlanmıştır .
<h1>
En önemli başlığı tanımlar. <h6>
En az önemli başlığı tanımlar.
<h1>Başlık 1</h1>
<h2>Başlık 2</h2>
<h3>Başlık 3</h3>
<h4>Başlık 4</h4>
<h5>Başlık 5</h5>
<h6>Başlık 6</h6>
Not: Tarayıcılar, başlıktan önce ve sonra otomatik olarak beyaz bir boşluk (kenar boşluğu) ekler.
Başlıklar Önemlidir
Arama motorları, web sayfalarınızın yapısını ve içeriğini indekslemek için başlıkları kullanır.
Kullanıcılar genellikle başlıkları ile bir sayfayı gözden kaçırırlar. Belge yapısını göstermek için başlıkları kullanmak önemlidir.
<h1>
Başlıklar ana başlıklar için kullanılmalı, ardından başlıklar takip edilmeli <h2>
, biraz daha az önemli <h3>
vb.
Not: Yalnızca başlıklar için HTML başlıkları kullanın. Metni BÜYÜK veya koyu yapmak için başlıklar kullanmayın .
Daha Büyük Başlıklar
Her HTML başlığının varsayılan bir boyutu vardır. Ancak, style
CSS font-size
özelliğini kullanarak, nitelik içeren herhangi bir başlık için boyutu belirleyebilirsiniz :
<h1 style="font-size:60px;">Heading 1</h1>
Bu örnekte fontun büyüklüğü 60 pixel olarak ayarlandı. Çıktısı;
See the Pen başlık boyut by ArmyYazılım (@armyyazilim) on CodePen.
HTML Yatay Kuralları
<hr>
Etiketi, bir HTML sayfası için bir tematik mola olarak tanımlanır ve en sık yatay kural olarak kullanılır.
<hr>
Eleman içeriği ayrı (veya bir değişiklik oluşturan) bir HTML sayfası için kullanılır ve yatay düzlemde bir düz çizgi çizer:
Örnek;
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
Çıktısı;
See the Pen başlık paragraf by ArmyYazılım (@armyyazilim) on CodePen.
HTML <head> Elemanı
HTML <head>
öğesi meta veriler için bir kapsayıcıdır. HTML meta verileri, HTML belgesine ilişkin verilerdir. Meta veriler görüntülenmez.
<head>
etiketi; <html>
etiket ve <body>
etiketi arasına yerleştirilir:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>
<body>
.
.
.
Not: Meta veriler genellikle belge başlığını, karakter kümesini, stilleri, komut dosyalarını ve diğer meta bilgilerini tanımlar.
HTML Kaynağı Nasıl Görüntülenir?
Bir Web sayfasını gördünüz ve “Hey! Bunu nasıl yaptılar?” Diye merak ettiniz mi?
HTML Kaynak Kodunu Göster:
Bir HTML sayfasına sağ tıklayın ve “Sayfa Kaynağını Göster” (Chrome’da) veya “Kaynağı Görüntüle” yi (Kenarda) veya diğer tarayıcılarda benzerini seçin. Bu, sayfanın HTML kaynak kodunu içeren bir pencere açacaktır.
HTML Öğesini İnceleme:
Bir öğeye (veya boş bir alana) sağ tıklayın ve hangi öğelerin oluştuğunu görmek için “İnceleyin” veya “Öğeyi İncele” yi seçin (hem HTML hem de CSS’yi göreceksiniz). Açılan Öğeler veya Stiller panelinde, hareket halindeyken HTML veya CSS’yi de düzenleyebilirsiniz.
HTML Etiketi Referansı
ArmyYazılım’ın etiket referansı bu etiketler ve öznitelikleri hakkında ek bilgiler içerir.
Bu kılavuzun sonraki bölümlerinde HTML etiketleri ve özellikleri hakkında daha fazla bilgi edineceksiniz.
Etiket | Açıklama |
---|---|
<html> | HTML belgesinin kökünü tanımlar |
<body> | Belgenin gövdesini tanımlar |
<head> | Tüm öğeler için bir baş etiket. (başlık, komut dosyaları, stiller, meta bilgileri ve daha fazlası) |
<h1> den <h6> ya kadar | HTML başlıklarını tanımlar |
<hr> | İçerikteki tematik değişimi tanımlar |
İlginizi çekebilir…
WordPress Kişisel Blog Temaları! (Ücretli – Ücretsiz)
Bu makaleyi beğendiyseniz, lütfen WordPress video eğiticileri için YouTube Kanalımıza abone olun . Bizi Twitter ve İnstagram‘da da bulabilirsiniz …