HTML kodlamaya mı başladınız. Bu Temel HTML Kodları bir HTML kodlayıcısının bilmesi gereken ilk etiketlerdendir. Hazırladığınız web sayfalarında bu etiketleri bir yada bir kaç sefer sayfanızda kullanırsınız. Bir HTML sayfasında olmazsa olmazlarından olup web sitenizin google ve diğer tarayıcılar tarafından güzel derlenmesini sağlar.
Site Yapısının Temel HTML Kodları
- <!DOCTYPE html> Bu etiket sayfada kullanacağınız dili belirtir . Bu durumda, dil HTML 5’tir.
- <html> Bu etiket, bu noktadan sonra HTML kodunda kod yazacağınızı beyan eder.
- <head> Bu, sayfanızın bütün meta verilerinin gittiği yerdir – genellikle arama motorları ve diğer bilgisayar programları içindir.
- <body> Sayfanın içeriğinin yazıldığı yer burasıdır. Görünürde sadece bu kısma yazılan kodlar ekranda görünür.
- <title> Web sitenizin başlığını tanımak için kullanılır. <head> etiketleri arasında kullanılır.
- <meta charset=”utf-8″> Türkçe karakter seti dahil bir çok dil setini içerdiğini belirtmek için kullanılır.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> LEGAL YAZILIM </title>
</head>
<body>
</body>
</html>
Başlık Etiketleri (Hx)
Başlık Etiketleri, sayfa içeriğinizi daha rahat okunabilmesi için parçalara ayırmanıza olanak verir. HTML kodlamada 6 başlık öğesini destekler: h1, h2, h3, h4, h5 ve h6. h1 en önemli başlık içindir genellikle bir tane bulunur, h2 daha az önemli alt başlıklar içindir. Genellikle, sayfanız çok uzun ve karmaşık olmadıkça h1, h2 ve h3’ten daha fazlasını kullanmanız gerekmez.
- <h1> Web sitedeki en büyük başlıktır. Genelde sadece bir tane bulunur.
- <h2> Web site içerisinde birden fazla bulunup sitenin önemli kelimelerinden oluşmaktadır h1 den sonra en önemlisidir. Genelde gönderi ve Sayfaların başlığı ve aynı zamanda bölümlerin de başlığı olur.
- <h3> …
- <h4> …
- <h5> …
- <h6> …
<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>
Paragraf Etiketi (<p>)
Paragraf Etiketi, metin paragrafları oluşturmanızı sağlar. Bir çok tarayıcı, her paragraf arasında dikey olacak şekilde bir miktar boşluk bırakır ve metni güzelce ayırır. Metin yazıları arasına boşluk eklemek için
etiketlerini kullanarak istediğiniz miktarda boşluk bırakabilirsiniz.
<p> Hello World! </p>
<p> Hello World! </p>
Bağlantı Etiketi (<a>)
Bağlantı Etiketi, Bir web sayfasındaki en önemli etiketlerden biridir. Başka bir içeriğe bağlantılar oluşturmanıza sağlar. İçerik, kendi sitenizde veya başka bir sitede olabilir.
<a href="http://legalyazilim.com/"> LEGAL YAZILIM </a>
Resim Etiketi (<img>)
Resim Etiketi, Bir görseli web sitenizde göstermenize olanak sağlar. Sunucuda bulunan görselin bağlantı adresi ile istediğiniz yerde gösterilmesini sağlayabilirsiniz.
<img src="legalyazilim.jpg" alt="Legal Yazılım">
Yatay Çizgi Etiketi (<hr>)
Yatay Çizgi Etiketi, belgenin bölümlerini görsel olarak ayırmak için kullanılır. Sitenizdeki istediğiniz konumdan sağ kenar boşluğuna bir çizgi oluşturur ve çizgiyi buna göre keser.
<p> Hello World! </p>
<hr>
<p> Hello World! </p>
<hr>
<p> Hello World! </p>
Bu etiketleri Temel HTML Kodları olarak belirledik ancak bu etiketler ve daha fazlası için sitemizde HTML kategorisini ziyaret edebilirsiniz.