HTML Belgesi – HTML5 Eğitimi
Bu yazımızda html kodundaki temel bölümlerden ve temel etiketlerden bahsedeceğiz. Bunlardan bahsederken her elementin kullanabileceği öznitelikleri de belirteceğiz.
HTML Belgesi
Aşağıdaki örnek, basit bir HTML belgesidir.
[codesyntax lang=”html4strict”]
Dosya bilgileri Belge içeriği
[/codesyntax]
Bir html belgesi bir elementi içinde iki alt elementten meydana gelir. Bunlardan ilki elementi, diğeri elementidir. Ama hepsinden önce doctype vardır.
Açıklama
doctype
DOCTYPE HTML belgesinin en üstünde mutlaka belirtilmelidir. Örnekte başlangıç etiketinden önce yeralmıştır.
HTML sözdiziminde DOCTYPE bildirimi büyük-küçük harf duyarsızdır.
ya da
HTML sürekli gelişen bir dildir. HTML’in eski sürümleriyle hazırlanan bir web sayfası yeni bir tarayıcıda istenildiği gibi çalışmayabilir. Web tarayıcıları bunu engellemek için birden fazla yorumlama algoritmasına sahiptir: eski sayfalar için eski algoritma, yeni sayfalar için yeni bir algoritma. Yani eğer doğru doctype kullanmazsanız; HTML belgesi istediğinizden farklı sonuç üretebilir. Eski HTML belgeleri, diğer bir deyişle eski doctype kullanan veya hiç doctype kullanmayan web sayfaları, quirk mode(garip mod) olarak adlandırılan moda göre üretilir. Eski algoritma kullanılır ve bazı yeni teknolojiler çalışmaz. Eğer yeni bir doctype kullanırsanız web sayfası tarayıcının desteklediği en yeni standartlara göre anlamlandırılır.
Doctype ile ilgili daha fazla bilgi ilerideki yazılarda verilecektir.
html elementi
html elementi, html belgesinin merkezini ,en kök noktasını, temsil eder.
- html elementinin mutlaka “lang” isminde bir özniteliği bulunmalıdır. Lang özniteliğinin değeri, belgede kullanılan dili belirtir. Örneğin “en” İngilizce’yi, “fr” Fransızca’yı, “tr” ise Türkçe’yi belirtir. Richard Ishida’s Language Subtag Lookup aracı gibi dil etiketi ararken ek yardım alacağınız araçlar da vardır.
- … bir head elementi ve onu takip eden bir body elementine sahiptir.
[codesyntax lang=”html4strict”]
[/codesyntax]
head elementi
head elementi belge ile ilgili bilgilerin yer aldığı bölümdür.
- … bir belge başlığı etiketine ve belgeye eklenen stil dosyalarını ve ek kodlar hakkında bilgi veren diğer etiketlere sahiptir.
- head içinde yer alan bilgiler bir web tarayıcısı tarafından gösterilmez.
body elementi
body elementi belgenin içeriğini temsil eder.
[codesyntax lang=”html4strict”]
Buraki içerik görünür.
[/codesyntax]
html belgesininin içindeki elementleri bir ağaca benzetebilirsiniz. Bir alt düzeydeki elementler gövdeden çıkan dallar gibi. Yukarıdaki örnek’te body elementini gövde olarak kabul ederseniz p elementi ise ondan çıkan bir dal oluyor. Bu ağaca DOM(Document Object Model) ağacı deniyor…
-
Hasan Şahinkaya
-
http://www.operaturkiye.net zahek
-
-
Baytassaruf
-
Sahin Aykut
-
Dracula Mihawk
-
mehmet
-
Berkin
-
fatih
-
asım muratyılm
-
pinhan
-
Tolga
-
aaaa
-
test
-
Yavuz
-
Jamaladdin Ramazanly
-
Talha
-
Yazılımcı