Temel HTML Yapısı

29 Aralık 2020 1563 kez okundu

HTML, Bir web sitesinin iskelet tasarımını oluştururken kullanılan temel bir web programlama dilidir. HTML, bir Web sayfasının yapısını tanımlamaktadır. Yazılacak olan kodlar ile HTML öğeleri, tarayıcıya içeriği ne biçimde görüntüleyeceğini belirtir. HTML Kodlarıyla web sitesinin ana hatları belirlenir, belirlenen bu ana hatlar; CSS kodları sayesinde görünüm kazanır.
Web sitesi kodlama işlerine girmek isteyen herkes, HTML mantığını kolayca kavrayabilir. Öğrenmeye yeni başlayanlar için, öğrenmesi en kolay dillerinden birisidir. Web sitemizde paylaşacağımız bilgilerle de kendinizi geliştirerek, HTML bilginizi geliştirebilirsiniz.
< > işaretleri kullanılarak HTML kodları yazılmaktadır. Kodlar yazıldıktan sonra son kısımda / işaretiyle kapatılır.
Örnek HTML Kodu:

 <p>Bu bir paragraftır</p>

1	<p>Bu bir paragraftır</p>

Html kodu yazarken kodlarımızı etiketleri arasında yazmaktayız. Etiketleri arasında head, body kısımları bulunmaktadır. Bu bölümleri insan vücudu şeklinde düşünebiliriz. Head kısmında sitenin en üst kısmında yer alacak içerikler eklenir, buna üst menü en iyi örnektir. Body kısmında vücut kısmı yani orta kısmında yer alacak içerikler eklenecektir. En alt kısım olarak ise footer şeklinde geçmektedir. Footer kısmında genellikle hakkında bölümü yer alır.

Örnek bir HTML iskeleti:

<!DOCTYPE html>
<html>

  <head>
  </head>

  <body>
  </body>

  <footer>
  </footer>

</html>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</footer>

</html>

İskelet yapısını ayrıntılı inceleyecek olursak:

<!DOCTYPE html>

1	<!DOCTYPE html>

Bütün HTML kodları bu kodla başlamak zorundadır.
Bu türün bir HTML yapısında olduğunu tanımlamaktadır.

<html>
   ...
</html>

<html>

...

</html>

HTML Etiketleri arasında bütün kodlar bulunmaktadır.

<head>
   ...
</head>

<head>

...

</head>

İçeriğin üst kısmıdır, genellikle sayfanın başlığı bu kısıma yazılır. Üst menü, logo gibi veriler bulunur. Aynı zamanda css kodlarının yazıldığı bölümdür.