HTML Etiketleri

Bir HTML öğesi bir başlangıç etiketi, etiket içinde biraz içerik ve bir bitiş etiketiyle tanımlanır.

HTML Etiketleri

HTML ögeleri başlangıç etiketinden bitiş etiketine kadar olan bir bütündür.

<etiketAdı>İçerik Buraya Geliyor</etiketAdı>

Bazı HTML Ögeleri;

<h1>İlk Başlık</h1>
<p>İlk Paragraf</p>
Başlangıç EtiketiÖge İçeriğiBitiş Etiketi
<h1>İlk Başlık</h1>
<p>İlk Paragraf</p>
<br>İçerik YokBitiş Etiketi Yok

Not: Bazı HTML öğelerinin içeriği yoktur (<br> öğesi gibi). Bu elemanlara boş elemanlar denir. Boş elemanların bitiş etiketi yoktur!

İç İçe HTML Etiketleri

HTML öğeleri iç içe yerleştirilebilir (bu, öğelerin başka öğeler içerebileceği anlamına gelir).

Tüm HTML belgeleri iç içe geçmiş HTML öğelerinden oluşur.

Aşağıdaki örnek dört HTML ögesini içerir. (<html>,<body>,<h1> ve <p>)

<!DOCTYPE html>
<html>
<body>

<h1>İlk Başlık</h1>
<p>İlk Paragraf.</p>

</body>
</html>

Örnek Açıklaması

<html> ögesi kök ögedir ve tüm html belgesini tanımlar. Başlangıç etiketi <html> ve bitiş etiketi </html>’dir. Daha sonra <html> ögesi içinde <body> ögesi bulunur.

<body>

<h1>İlk Başlık</h1>
<p>İlk Paragraf.</p>

</body>

<body> ögesi belgenin gövdesini tanımlar. Bu gövde internet tarayıcısında bizim gördüğümüz kısımdır. Başlangıç etiketi <body> ve bitiş etiketi </body> vardır. Bu etiket içinde <h1> ve <p> etiketleri vardır.

<h1>İlk Başlık</h1>
<p>İlk Paragraf.</p>

<h1> elemanı başlık tanımlamak için kullanılır. Başlangıç etiketi <h1> ve bitiş etiketi </h1> ‘dir.

<h1>İlk Başlık</h1>

<p> elemanı paragraf tanımlamak için kullanılır. Başlangıç etiketi <p> ve bitiş etiketi </p> ‘dir.

<p>İlk Paragraf.</p>

Bitiş Etiketlerini Asla Unutmayın !

Bitiş etiketini unutsanız bile bazı HTML öğeleri doğru şekilde görüntülenecektir. Bu her etiket için geçerli değildir.

<!DOCTYPE html>
<html>
<body>

<p>İlk Paragraf.
<p>İkinci Paragraf.

</body>
</html>

Bitiş etiketini unutursanız beklenmedik hatalar meydana gelebilir! Sayfa kayabilir, yazılar iç içe geçebilir veya sayfa tamamen açılmayabilir.

Boş HTML Etiketleri

İçeriği olmayan HTML öğelerine boş öğeler denir. <br> etiketi bir satır sonunu tanımlar, alt satıra geçmeye yarar. Kapanış etiketi olmayan boş bir ögedir.

<p>Bu, satır sonu içeren bir <br> paragrafıdır.</p>

Siz de yukarıdaki kodu bir html şablonunu sıfırdan oluşturarak deneyiniz.

HTML Büyük/Küçük Harfe Duyarlı Değildir

HTML etiketleri büyük/küçük harfe duyarlı değildir. <p> ile <P> aynı anlama gelir. HTML standardı küçük harf etiketlerini gerektirmez. Ancak w3c, html’de küçük harf kullanılmasını önerir ve XHTML gibi daha katı belge türleri için küçük harf kullanımını gerektirir.

Biz de TurkYazilimci olarak sizlere HTML dili için küçük harf kullanımını öneriyoruz.

2 Ekim 2023
Was this article helpful?

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir