HTML Dersleri 3 - Etiketler

Bu dersimiz ile etiketler konusunun temellerini açıklayacağız.

HTML Dersleri 3 - Etiketler

Temel HTML Etiketleri

HTML için en önemli etiketler şunlardır: başlık etiketleri, paragraf etiketleri ve satır atlama etiketleri. HTML öğrenmek için örnek ve pratik yaparak çalışmak en etkili yoldur.

Başlık Etiketleri

Başlık etiketleri <h1>'den başlayıp <h6>'ya kadar gitmektedir. <h1> en büyük boyutlu başlıktır. <h6> en küçük boyutlu başlıktır.

<h1>Başlık Etiketleri</h1>
<h2>Başlık Etiketleri</h2>
<h3>Başlık Etiketleri</h3>
<h4>Başlık Etiketleri</h4>
<h5>Başlık Etiketleri</h5>
<h6>Başlık Etiketleri</h6>

Başlık etiketleri bir başka başlık etiketine geçildiğinde satır atlar.

Paragraf Etiketleri 

Paragraf etiketleri günlük hayatta kullandığımız görevi görür ve <p> ile belirtilir. 

<p>Paragraf İçeriği</p>
<p>Paragraf etiketleri diğer etikete geçildiğinde satır atlar.</p>

Satır Atlama Etiketi

Satır atlama etiketi <br/>'dir. Aşağıda örnek ile açıklayalım.

<h1>Türkiye'de Kaç İl Vardır ?</h1>
<p>Türkiye'de 81 il vardır. <br/> Buradan sonra çıktı yeni bir satırda gözükmekte.</p>

HTML Yorum Satırları

HTML dosyamızın içerisinde kod editörümüz ile kodlarımızı yazarken bazı kodlarımıza hatırlatmalar yada o kodun ne olduğunu not almak için yorum satırları açabiliriz. Bu yorum satırları kod çıktısında gözükmez sadece kod editörlerinde gözükür.

<h1>Bu bir başlık</h1>
<h2>Bu bir başlık</h2>
<h3>Bu bir başlık</h3>
<h4>Bu bir başlık</h4>
<h5>Bu bir başlık</h5>
<h6>Bu bir başlık</h6>
<!-- Yukarıda başlık etiketleri yazdım ve bu bir yorum satırı-->

Temel HTML Etiketleri

Etiket (Tag) Açıklama
<html> Dosyanın HTML dokümanı olduğunu belirtir.
<body> Dosyanın içerik kısmını belirtir.
<h1> - <h6> Başlık etiketleri
<p> Paragraf etiketi
<br/> Bir alt satıra geçişi sağlar
<hr> Sayfaya yatay bir çizgi çeker.
<!-- --> Yorum satırı açmayı sağlar