Bir HTML öğesi genellikle içeriğin arasına eklenmiş bir başlangıç etiketi ve bitiş etiketinden oluşur:
<etiket>İçerik buraya…</etiket>
HTML öğesi, başlangıç etiketinden bitiş etiketine kadar olan her şeydir.
|
1 2 3 |
<p>İlk paragrafım.</p> |
| Başlangıç Etiketi | Öğe İçeriği | Bitiş Etiketi |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> |
Not: <br> gibi içeriği olmayan HTML öğelerine boş öğeler denir. Boş öğelerin, bir bitiş etiketi yoktur.
İç içe HTML Öğeleri
HTML elemanları iç içe öğeler elementler içerebilir.
Tüm HTML belgeleri, iç içe HTML öğelerinden oluşur.
Bu örnekte dört HTML öğesi bulunur.
|
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <body> <h1>Başlık</h1> <p>Paragraf.</p> </body> </html> |
Örneği açıklayalım:
<html> öğesi tüm belgeyi tanımlar.
Bir başlangıç etiketi <body> ve bir son etiketi </body> vardır.
body içerisinde iki html öğesi <h1> ve <p> bulunmaktadır.
<h1>Başlık</h1> öğesi bir başlığı tanımlar.
<h1> başlangıç etiketi, </h1> bitiş etiketi şeklinde yazılır.
Başlangıç ve bitiş etiketleri arasına başlık olarak görüntülenecek içerik yazılmalıdır.
<p>Paragraf.</p> etiketi paragraf oluşturmak için kullanılır.
<p> başlangıç etiketi, </p> bitiş etiketi şeklinde yazılır.
Başlangıç ve bitiş etiketleri arasına başlık olarak görüntülenecek içerik yazılmalıdır.
Not: Bitiş etiketlerini unutsanız bile bazı öğeler düzgün görüntülenecektir. Fakat asla buna güvenmeyin. Bitiş etiketini unutursanız beklenmedik sonuçlar ve / veya hatalar meydana gelebilir.
Boş HTML Öğeleri
İçeriği olmayan HTML öğelerine boş öğeler denir.
Örneğin <br> kapanış etiketi olmayan boş bir öğedir. (alt satıra geçiş için kullanılır).
Boş öğeler açılış etiketinde şu şekilde ‘kapalı’ olabilir: (<br />.)
HTML5, kapatılacak boş öğeler gerektirmez. Ancak daha sıkı bir doğrulama istiyorsanız veya belgenizi XML ayrıştırıcıları tarafından okunabilir hale getirmeniz gerekiyorsa, tüm HTML öğelerini doğru bir şekilde kapatmanız gerekir.
HTML Küçük/Büyük Harf Yazımı
Html etiketleri küçük büyük harfe duyarlı değildir. Yani <P> etiketi ile <p> etiketi aynı şekilde çalışacaktır.
Fakat önerilen küçük harflerin kullanımıdır. (<br> , <h3> ,<p>..)
algoritmaornekleri.com sitesinde bulunan Html kodlarında daima küçük harf kullanacaktır.
Add Comment