HTML Giriş
HTML Nedir?
HTML internet sayfalarını tanımlamaya yarayan bir işaretleme dilidir.
- HTML'nin açılımı Hyper Text Markup Language, yani Hiper Metin İşaretleme Dili'dir.
- İşaretleme dilleri bir dizi işaretleme etiketinden oluşur.
- HTML belgeleri, HTML Etiketleri kullanılarak tanımlanırlar.
- Her bir HTML etiketi farklı bir belge içeriğini tanımlar.
- HTML etiketleri açılı parantezler arasında yer alır.
HTML Örneği
Basit bir HTML belgesi:
<html>
<head>
<title>Belge Başlığı</title>
</head>
<body>
<h1>İçerik Başlığım</h1>
<p>İlk paragrafım.....</p>
</body>
</html>
 |
"Kendiniz deneyin" butonunu kullanarak nasıl çalıştığını görün. |
|---|
Yukarıda örneğini verdiğimiz HTML belgesinin öğelerini inceleyelim
- DOCTYPE Bildirimi belgenin HTML olması için belge türünü tanımlar.
- <html> ve </html> etiketleri arasındaki metin HTML belgesidir.
- <head> ve </head> etiketleri arasındaki metin belge hakkında bilgi verir.
- <title> ve </title> etiketleri arasındaki metin belge başlığını tanımlar.
- <body> ve </body> etiketleri arasındaki metin görünür sayfa içeriğini tanımlar.
- <h1> ve </h1> etiketleri arasındaki metin içerik başlığını tanımlar.
- <p> ve </p> etiketleri arasındaki metin bir paragrafı tanımlar.
Örneğimizdeki etiketleri kullanan bir internet tarayıcısı belgeyi sadece bir başlık ve bir paragraf olarak gösterir. Chrome, Firefox, Safari ve Internet Explorer gibi internet tarayıcılarının işlevi HTML belgelerini okumak ve onları göstermektir.
Tarayıcı HTML etiketlerini göstermez. Etiketleri okur, kullanır ve belgeyi nasıl göstereceğine karar verir. Yukarıda verdiğimiz örnek HTML belgesi tarayıcıda şu şekilde görüntülenir:
HTML Etiketleri
HTML etiketleri açılı parantezler ile çevrelenen etiket isimleri, anahtar kelimelerdir.
- HTML etiketleri çiftlerden oluşur: <h1> ve </h1> gibi.
- Her bir çiftin ilk etiketi başlangıç etiketi, ikinci etiketi ise bitiş etiketidir. li
- Bitiş etiketi de başlangıç etiketi gibi yazılır fakat etiket adının önüne "/" taksim işareti konulur.
Başlangıç etiketi "açılış etiketi", bitiş etiketi ise "kapanış etiketi" olarak da bilinir.
HTML Sayfa Yapısı
Aşağıdaki görsel bir HTML sayfasının yapısıdır. Sadece <body> alanı (arkaplanı beyaz alan) tarayıcılar tarafından gösterilir:
<!DOCTYPE> Bildirimi
<!DOCTYPE> bildirimi tarayıcının sayfayı düzgün bir şekilde görüntülemesini sağlar.
Belgeyi doğru bir şekilde gösterebilmesi için tarayıcının belge türü ve sürümünü bilmesi gerekir.
İnternette farklı belge türleri vardır
Belge türü "<!DOCTYPE>" bildirimleri büyük-küçük harfe duyarlı değildir. Her ikisi de kabul edilir.
<!doctype html>
<!Doctype Html>
<!DoCtYPe hTmL>
Yaygın Kullanılan DOCTYPE Bildirimleri
HTML5
HTML 4.01
XHTML 1.0
HTML Versiyonları
| HTML Versiyonu | Yılı |
|---|---|
| HTML | 1991 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML | 2000 |
| HTML5 | 2014 |
|
Sitemizdeki tüm derslerde ve örneklerde HTML5 kullanılmaktadır. |
|---|
Yorumlar
Yorum Gönder