HTML Elemanları

Kurs Önerisi:

HTML Elemanları

HTML belgesi, HTML öğeleri tarafından tanımlanır.

HTML öğesi grameri HTML öğesi, başlangıç etiketinden (start tag) bitiş etiketine (end tag) kadar olan tüm kodları ifade eder. HTML öğeleri
Öğe içeriği <p> Bu, bir paragraftır
</p> <a href="default.htm" > Bu, bir bağlantıdır
</a>

Açıklama:<br />

Başlangıç etiketi genellikle açılı etiket (opening tag) olarak adlandırılır, bitiş etiketi genellikle kapanış etiketi (closing tag) olarak adlandırılır.

  • BaşlangıçHTML öğesi grameriBaşlangıç etiketi
  • BaşlangıçHTML öğeleriBitiş etiketi
  • TerminasyonÖğenin içeriği
  • Başlangıç etiketi ile bitiş etiketi arasındaki içerikBazı HTML öğeleri
  • Boş içerik (empty content)Boş öğeBaşlangıç etiketinde kapatma
  • (başlangıç etiketinin sonunda sona erer)Çoğu HTML öğesi sahip olabilir

ÖzelliklerÖneri:

İç içe geçmiş HTML öğeleri

Çoğu HTML öğesi iç içe geçebilir (diğer HTML öğelerini içerebilir).

HTML belgesi, iç içe geçmiş HTML öğelerinden oluşur.

HTML Belgesi Örneği

<html>
<body>
<p>Bu, benim ilk paragrafım.</p>
</body>
</html>

Yukarıdaki örnek, üç HTML öğesi içerir.

HTML Örneği Açıklaması

<p> öğesi:

<p>Bu, benim ilk paragrafım.</p>

Bu <p> öğesi, HTML belgesinde bir paragraf tanımlar.

Bu öğe, bir başlangıç etiketi <p> ve bir bitiş etiketi </p>ye sahiptir.

Bu öğenin içeriği: Bu, benim ilk paragrafım.

<body> öğesi:

<body>
<p>Bu, benim ilk paragrafım.</p>
</body>

<body> öğesi, HTML belgesinin ana kısmını tanımlar.

Bu öğe, bir başlangıç etiketi <body> ve bir bitiş etiketi </body>ye sahiptir.

Bu öğenin içeriği, bir diğer HTML öğesi (p öğesi) içerir.

<html> öğesi:

<html>
<body>
<p>Bu, benim ilk paragrafım.</p>
</body>
</html>

<html> elemanı tüm HTML belgesini tanımlar.

Bu eleman bir başlangıç etiketi <html> ve bir bitiş etiketi </html> içerir.

Element içeriği başka bir HTML elemanıdır (body elemanı).

Son etiketleri unutmayın

Even though you forget to use the closing tag, most browsers will display HTML correctly:

<p>This is a paragraph
<p>This is a paragraph

Yukarıdaki örnek çoğu tarayıcıda sorunsuz çalışır, ancak bu uygulamaya güvenmeyin. Son etiketleri unutmak beklenmedik sonuçlar veya hatalara neden olabilir.

Açıklama:Gelecekteki HTML sürümleri son etiketleri atlamayı izin vermeyecektir.

Boş HTML Elemanları

İçeriği olmayan HTML elemanları boş eleman olarak adlandırılır. Boş elemanlar başlangıç etiketinde kapatılır.

<br> boş bir etikettir (br etiketi satır değiştirmeyi tanımlar).

XHTML, XML ve gelecekteki HTML sürümlerinde tüm elemanlar kapatılmalıdır.

Başlangıç etiketine eğik çizgi eklemek, örneğin <br />, boş elemanları kapatmanın doğru yolu, HTML, XHTML ve XML tümü bu tarzı kabul eder.

Even though <br> all browsers are valid, using <br /> is actually a longer-term guarantee.

HTML İpucu: Küçük harflerle etiket kullanın

HTML etiketleri büyük/küçük harfe duyarlı değildir: <P> <p> ile eşdeğerdir. Birçok web sitesi büyük harflerle HTML etiketlerini kullanır.

CodeW3C.com küçük harflerle etiket kullanır çünkü World Wide Web Konsorsiyumu (W3C) HTML 4'teÖneriKüçük harflerle kullanın, ancak gelecekteki (X)HTML sürümlerindeGüçlendirmeKüçük harflerle kullanın.