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

 

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.
… görünür içeriği olan işaretlemeleri içerir.
[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…

 

« 4. bölüm: Açık Web Standartları

6. bölüm: Süreci hızlandırmak için yorum yazın. »