ile

İlk HTML sayfamızı yapmaya başlayalım

İnternette bilgileri barındıran sayfalar HTML ile yapılır demiş ve etiketlerin yapılarıyla ilgil bilgi vermiştik. Şimdi en basit HTML sayfası nelerden oluşur bir göz atalım.

<!DOCTYPE html>
<html>
  <head>
    <title>İlk İnternet Sayfam</title>
  </head>
  <body>
    <p>Haydi güzel birşeyler yapalım</p>
  </body>
</html>

Bu gördüğümüz kodu 1-temiz.html olarak htdocs altına kaydedelim ve tarayıcımızdan http://127.0.0.1/1-temiz.html linkini çağıralım. Korkmayın birazdan hepsini teker teker açıklayacağız. Karşımıza şöyle bir görüntü gelecek.

Tebrikler. İlk internet sayfanızı yaptınız. Şimdi gelelim yazdığımız HTML etiketlerini basitçe açıklamaya. İlk satırda yazdığımız <!DOCTYPE html> dosyanın HTML türünde olduğunu belirtiyor. Her HTML dosyasında bundan bulunacak. Bu ifadeden sonra gelen, <html></html> etiketleri, içinde yer alan bilginin HTML kodu olduğunu söylüyor. Peki <head> ne demek? Kafa anlamına gelen <head> etiketi belgemizle ilgili sayfa içeriğiyle alakası olmayan, sayfa başlığı, kullanılacak stil veya javascript dosyaları, sayfamızla ilgili bilgi veren meta etiketleri gibi bilgileri yazdığımız alan. Buradaki <title> etiketi ise belgemizin başlığını tanımlamamıza yarayan etiket. Gördüğümüz gibi tarayıcımızın tam tepesinde <title></title> arasına yazdığımız başlık şak diye belirdi.

Peki <body> nedir? <body> de gövde anlamına geliyor, belgemizin içeriğiyle ilgili herşeyi burada tutmamız gerekiyor. Peki <p> nedir? <p> de paragraf’ın p’si. Yani tarayıcıya paragrafın başladığını söylüyor. Dikkat ettiysek cümlemiz sağa sola yapışmadı ve düzgün bir şekilde ekrana geldi. Peki paragrafın bittiğini kim söylüyor? </p> kapatma etiketi bu işi yapıyor. </body> ile sayfa gövdesini, </html> ile sayfanın tamamını kapatıyoruz.

İşte en basit HTML sayfasının yapısı böyle. Siz de isterseniz şimdi internet tarayıcınızdan sayfa kaynağını görüntüle diyerek ya da herhangi bir html sayfasını bilgisayarınıza kaydedip, bir metin editöründe açarak kurcalamaya başlayabilirsiniz.

Dayanışmayla,
Meraklı Bilişimci

Yorumla

Yorum