Bir HTML Belgesinin Yapısı

Bir HTML Belgesinin Yapısı


Bir HTML belgesi etiket dediğimiz bileşenlerden oluşur. HTML yapısındaki temel bileşen bir elemandır. Elemanları anlatmak için her gün gördüğünüz başlıklar, paragraflar, listeler birer elemandır. Etiketler kullanılarak bu elemanlar birbirinden ayrılarak mantıklı hale gelirler. HTML etiketleri yapısı ise çok basittir. < (küçüktür işareti) etiket ve > (büyüktür işareti) işaretiyle belirtilir. Örneğin, paragraf belirtmek için <p> etiketini kullanırız. Paragraf etiketini kapatmak istediğimizdeyse < işareti sonrasında / işareti koymak yeterlidir.

HTML dili büyük küçük ayrımı yapan bir dil değildir. Bir etiketi girerken büyük, küçük ya da bir kısmı büyük bir kısmı küçük girebilirsiniz (XHTML için durum farklıdır. Tüm etiketlerin küçük harflerle yazılması gerekir) ve bu herhangi bir değişime sebep olmaz. Ancak; HTML sayfası içindeki tüm kodların küçük harfle yazılması, geliştiriciler arasında kabul görmüş bir kuraldır. Dolayısıyla etiketleri küçük harfle yazmanız tavsiye edilir.

Bir HTML belgesi başlıca iki kısımdan oluşur:

  1. Baş (HEAD) metni (sayfaya ait başlıkla ilişkili ifadeleri içerir)
  2. Gövde (BODY) metni (HTML koduna ait asıl metni içerir.Paragraflar, Listeler vb.)
Genel olarak buraya kadar anlatılanları bir çatı altında toplayacak olursak:
  • Tüm HTML belgeleri tip deklerasyonu ile başlamak zorundadır: <! DOCTYPE html>
  • HTML belgeleri, <html> etiketi ile başlar ve </html> etiketi ile biter.
  • HTML belgesi içindeki görüntülenen kısım ise <body> ve </body> etiketleri arasında yer alır.
Basit bir örnekle anlatmak gerekirse;

<html> <head> <title>Basit bir HTML metni başlığı</title> <meta charset="utf-8"> </head> <body> <h1>HTML, Web'in dilidir.</h1> <P>Bu metnin ilk paragrafıdır.</p> <p>Bu da ikinci paragraftır.</p> </body> </html>

EKRAN ÇIKTISI

Yorumlar

Bu blogdaki popüler yayınlar

İç İçe Döngüler

CSS Bir Elemanın Genişliği ve Yüksekliği

JavaScript Dilinde Fonksiyon Çağırma Teknikleri