☰ Dersleri Göster

Bir html dosyasının yapısı

Bu derste bir html dosyasının temel yapısını öğreneceksiniz.

  • DOCTYPE, hazırladığınız sayfaların hangi tipte bir belge olduğunu tarayıcıya (browser) bildirmek için kullanılır.
  • html etiketi bütün bir hmtl dosyasının tamamını kapsar. En geniş etikettir. Html kodlarını biz html etiketi içerisinde yazarız.
  • head etiketi içerisine siteyle ilgili bilgileri yerleştiririz. Ve ayrıca dosya içerisinde başka bir dosyada bulunan css veya javascript kullanacaksak bu etiket içerisinde dosyaya dahil ederiz. Bunun nasıl yapılacağını daha sonra defalarca göreceğiz.
  • body içerisine bir web sayfasının ön yüzünde gördüğümüz her bir tasarımın en geniş aralığıdır. 

Kısaca gerçek dünyadan özetleyecek olursak;

html etiketi bir insanı temsil eder.

head etiketi bir insanın başını temsil eder. Yani insana ait bilgiler kafasının içerisindedir ve bunlar görülmezler.

body etiketi insanın vücudu gibidir zaten body ismini buradan almıştır. Web sitesinde görünen her bir alan bu body içerisinde yazılmıştır.

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>İlk Sayfa</title>
</head>
<body>
    KAAN
    <br>
    ACADEMY
</body>
</html>

 

Bir html dosyasının en temel etiketleri  html,head ve body'dir. Biz isteğimiz doğrultusunda kullandığımız bütün html kodlarını head ve body içerisinde yazarız. Head ve body etiketinin de kendine göre amacı vardır. Bunları da zaten yukarıda anlattım. Yani kısaca tekrar özetlemek gerekirse head etiketi içerisinde siteyle ilgili bilgiler yazılır body etiketi içerisinde ise sitenin siteye giren kişilere nasıl görünmesi ile ilgili tüm işlemler yapılır.