HTML Tag'leri
Daha öncede
bahsettiğim gibi HTML tag browserınıza yazınızın yani text'iniz biçimlendiren
bir dizi kod dur. HTML tag'ler < (küçüktür) ve > (büyüktür) işaretlerinin arasına konur. <html>, <title>, yada <body> bunlara örnek olarak verebiliriz.
HTML tag'leri geneldeingilizce kelimeler olduğu için bazı kelimelerin
kısaltılması tag olarak kullanılmıştır. Mesela paragraf açmak için
kullanılan <p> tag'i aslında ingilizce 'paragraph' kelimesinden
gelir. Her dilin bir gramer yapısı olduğuna göre, HTML tag'lerininde
bir anlamda gramer'i de tag'leri nasıl kullandığınızdır. Bunun içinde
dikkat edeceğiniz ilk nokta html tag'lerinin doğru bir şekilde kapatılmasıdır.
Her tag'i mesela <html> kullandıktan sonra </html> şeklinde bölü işaretini tag'den önce
kullanarak kapatmak gerekiyor. Yani diğer bir örnek verecek olursak;
eğer <title> tag'ini kullandıysak
aynı tag'i bitirince de </title>
ile kapatılmış olması gerekiyor. Yoksa web tarayıcınız web sayfasına
yerleştireceğiniz yazınız ile ne yapacağını şaşırır. Tabi bazı istisna
tag'ler var, mesela <br> gibi, bu
tagler için kapatma tag'i kullanmanıza gerek yok.
Her web sayfasında mutlak olması gereken HTML tag'leri:
Her web
sayfasında mutlaka bazı HTML tag'lerini kullanmanız gerekiyor ve aşağıda
sıraladığım bu tag'ler html dosyanızın omurgasını oluşturuyor.
<html>: bu tag browser'a HTML dosyasısnın
başladığını haber verir.
<head>: Web sayfasının
içeriğinin dışında sayfa ile bilgilerin verildiği yerdir. Sitenizin
ilerde arama motorlarında bulunmasına yardımcı olan meta tags olarak
adlandırılan tag'lerde yine head'in dahili içindedir.
<title>: Sştemizin adını bu tag'le belirtiyoruz
ve tarayıcınızın sol üst köşesinde bunu görebiliriz.
<body>: web tarayacısına web sayfamızdaki metnin
başladığını haber verir. Browserınızda gördüğünüz herşey bu taglerin
arasında yer alır.
tabi bu
tagleri kullandıktan sonra taglerin kapatılması gerekiyor, daha önce
söylediğim gibi. Diğer tag'lerle ilgili
açıklamaları HTML Kılavuzu'nda
bulabilirsiniz.
Şimdi heralde
biraz olsun HTML ile yakınlaşmışsınızdır. Klasik bilgi yerine anlatımın
kolay olması için uygulamalı bir web sayfası yapmaya karar verdim.
İstersenin fazla zaman harcamadan sayfamızı dizayn etmeye başlayalım.
Sitemizn adı: '12 Dev Adam'.
