HTML Başlıklar
HTML Başlık Etiketleri
HTML belgelerinde başlıklar önemlidir. Belge başlıkları <h1> den <h6> ya kadar olan başlık etiketleriyle tanımlanır.
<h1> en önemli başlığı, <h6> ise en az önemli olan başlığı ifade eder.
Not:Tarayıcılar başlıklardan önce ve sonra otomatik olarak biraz boşluk bırakırlar.
Örnek
<h2>HTML Başlık Etiketleri</h2>
<h3>HTML Başlık Etiketleri</h3>
<h4>HTML Başlık Etiketleri</h4>
<h5>HTML Başlık Etiketleri</h5>
<h6>HTML Başlık Etiketleri</h6>
HTML başlıklarını sadece başlık olarak kullanın. Metni büyük veya kalın yazmak için başlık etiketlerini kullanmayın.
Arama motorları web sayfalarınızın yapısını ve içeriğini indekslemek için içerik başlıklarınızı kullanır. Kullanıcılar ise sayfalarınızı başlıklarınıza bakarak gözden geçirirler. Bu yüzden belge yapısını göstermek için başlıkları kullanmak önemlidir.
h1 başlıkları içeriklerinizin ana başlığı olmalıdır, ana başlıktan sonra bir başka başlık kullanılacak ise bu h2 başlığı olmalıdır, varsa diğer başlıklar da sırasıyla h3, h4, h5 veya h6 başlıkları olabilir.
HTML <hr> Etiketi
<hr> etiketi HTML sayfasında yatay bir çizgi oluşturur.
hr elementi içeriği bölmek, genel konu içerisinde birbirinden farklı bölümleri ayırmak için kullanılır.
Örnek
<hr />
<p>Bu bir paragraf......</p>
<hr />
<p>Bu bir paragraf......</p>
<hr />
<p>Bu bir paragraf......</p>
Not: HTML'de <hr> etiketinin kapanmadan kullanılabilir. XHTML'de ise <hr> etiketi düzgün bir şekilde kapatılmalıdır: <hr />
HTML <head> Etiketi
HTML <head> etiketi meta-veri içerir ve kullanıcı tarafından görüntülenmez.
Meta-veri içerik hakkındaki bilgi veren veridir. Bir içerik veya kaynağın, nasıl, ne zaman, kim tarafından oluşturulduğu, dili veya hangi karakter kodunu desteklediği vb. gibi tanımlayıcı bilgiler içerir.
<head> etiketi <html> ve <body> etiketleri arasına girilir.
Örnek
<html>
<head>
<title>HTML Belgem</title>
<meta charset="UTF-8">
</head>
<body>
.
.
.
.
</body>
</html>
HTML <title> Etiketi
HTML <title> elementi bir meta-veridir. HTML belgesinin başlığıdır. İçeriğin ya da makalenin başlığı değildir, dolayısıyla içeriğin içerisinde görüntülenmez, tarayıcı sekmesinde görüntülenirler.
HTML <meta> Etiketi
HTML <meta> elementi de meta-veridir. HTML belgesinin hangi karakter kümesini desteklediği gibi bilgileri tanımlamak için kullanılır.
Diğer Meta Elementleri
HTML Stiller konusunda diğer meta elementler hakkında da bilgi sahibi olacaksınız:
HTML <style> elementi belge içi CSS stilleri tanımlamak için kullanılır.
HTML <link> elementi ise harici kaynaktan CSS stillerini çekmek için kullanılır
HTML Etiket Referansları
Yukarıdaki başlıklarda ve örneklerde kullandığımız etiketler ve özellikleri ile ilgili daha fazla bilgiye aşağıdaki etiket adlarına verilen linklerden ulaşabilirsiniz.
Diğer HTML etiketleri ve özellikleri hakkında daha fazlasını ilerleyen derslerde göreceksiniz.
| Etiket | Tanım |
|---|---|
| <html> | HTML belgesini tanımlar |
| <body> | Belge gövdesini tanımlar |
| <head> | Belgenin head öğesini tanımlar |
| <h1> - <h6> | HTML içerik başlıklarını tanımlar |
| <hr> | Yatay çizgiyi tanımlar |
| <link> | Harici CSS stil sayfalarını tanımlar |
| <style> | Belgeiçi CSS stil sayfalarını tanımlar |
| <meta> | HTML belgesinin meta-verisini tanımlar |
| <title> | HTML belgesi için başlık tanımlar |
Yorumlar
Yorum Gönder