HTML Nedir?

HTML, internet sayfaları oluşturmak için kullanılan işaretleme dilidir.

• HTML’in açılımı Hyper Text Markup Language’dir.
• HTML, biçimlendirme kullanarak web sayfalarının yapılarını oluşturur.
• Tarayıcılarda HTML etiketleri görüntülenmez, yalnızca içerik (tablo, paragraf vb.) görüntülenir.

HTML’de neler yapabiliriz?

• Web sayfalarının iskeletini oluşturabiliriz.
• Metinleri düzenleyebiliriz (renk, şekil vs.).
• Listeler oluşturarak düzen sağlayabiliriz.

İşte size basit bir HTML belgesi örneği:

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<title>Sayfa Başlığı</title>
</head>
<body>

<h1>İlk Başlık</h1>
<p>Paragraf buraya yazılır</p>

</body>
</html>

Bu örneği şu şekilde açıklayabiliriz:

<!DOCTYPE html> Bu belgenin HTML5 olduğunu tarayıcıya bildirir.
<html lang="tr"> Sayfanın HTML kök öğesidir; lang="tr" sayfanın dilinin Türkçe olduğunu belirtir.
<head> Sayfa ile ilgili bilgileri (başlık, karakter kodlaması gibi) barındırır.
<meta charset="utf-8"> Türkçe karakterlerin doğru görüntülenmesi için karakter kodlamasını belirtir.
<title> Sayfaya başlık atar.
<body> Sayfanın görüntülenen içeriklerini barındıran bölümdür.
<h1> Sayfanın en büyük (birinci düzey) başlığını yazmaya yarar.
<p> Paragraf yazıları bu etiket içerisine yazılır.

HTML Etiketleri

Web tasarımında HTML etiketlerinin kullanımı şu şekildedir:

<etiketadı> İçerik buraya … </etiketadı>

• Birinci etiket başlangıç etiketidir, ikinci etiket ise bitiş etiketidir.
• Bitiş etiketi başlangıç etiketi gibi yazılır; tek fark, bitiş etiketinde eğik çizgi (/) bulunmasıdır.

<!DOCTYPE> ne için kullanılır?

Bu etiket sayfanın türünü ve içindeki kodların ne anlama geleceğini tarayıcıya açıklar. Bu komut tarayıcıya belgenin bir HTML5 belgesi olduğunu belirtir.
Sadece bir kere kullanılır ve yeri her zaman sayfanın en üstü olmak zorundadır.
Ayrıca bu etiket büyük-küçük harfe duyarlı değildir.

Günümüze kadarki HTML sürümleri

İnternetin ilk zamanlarından beri HTML’in birçok versiyonu olmuştur: