Ders_4 HTML Sayfa Yapısı

HTML Sayfa Yapısı

Bir HTML sayfasının şablonunu yani ana hatlarını bilmek doğru kod yazmak için gereklidir.

Bir HTML dökümanı kabaca aşağıdaki şablona göre hazırlanır: 


<!DOCTYPE html> tarayıcıya, bu bir html sayfasıdır demiş olduk

<html> tarayıcıya sayfamızın burada başladığını ilan ettik


<head> sayfamızı, tarayıcıya tanıtacağımızı ilan ettik


<title> tarayıcının adres çubuğunun üzerinde görünecek sayfa başlığını ilan ettik</title>

</head> sayfamızın tanıtımının bittiğini ilan etik

<body> sayfa içeriğimizin başladığını ilan ettik


<h1> burada bir başlık yazdığımızı ilan ettik</h1>

<p> burada bir paragraf yazdığımızı ilan ettik</p>

<p> burası da yine başka bir paragraftır</p>

</body> sayfa içeriğimizin bittiğini ilan etik

</html> sayfamızın burada bittiğini ilan ettik

Bütün html dökümanları <!DOCTYPE html> ifadesi ile başlamalıdır.  Bu ifade büyük/küçük harfe duyarlı değildir. Aşağıdaki ifadelerin hepsi uygundur:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>


HTML5'den öndeki vesiyonlarda DOCTYPE ilanı çok daha uzun bir takım kodlar ile yazılıyordu ama artık buna gerek kalmamıştır.

Sayfamızın içeriği, yalnızca <body> ve </body> tagları arsındaki kısımdır! Yani, bir web tarayıcısıyla açtığımızda, html dökümanımızın sadece bu kısmındaki içerik sayfamıza yansır ve görünür.




Hiç yorum yok:

Yorum Gönder