Basit Kodlar (3. ders)

[me3met]

Bu bölümde H1-H2-H3-H4-H5H6 olarak tabir ettiğimiz başlık yapısı (heading), paragraf açma ve kapama satır atlamayı öğreneceğiz.

Başlık Kullanma

Başlıklar <H1>'den <H6>'ya kadar en büyükten en küçüğe doğru sıralanan ve sayfadaki yerine göre kullanacağımız, W3C standartlarında başlıklarımızdır. Bu başlıklardan sonra ayrıca bir satır atlanmaktadır...

Kod:

<h1>H1 Başlık</h1>
<h2>H2 Başlık</h2>
<h3>H3 Başlık</h3>
<h4>H4 Başlık</h4>
<h5>H5 Başlık</h5>
<h6>H6 Başlık</h6>

Bu kodları kullandığımızda yazı büyüklükleri bu şekilde olacaktır.


Yukarıdaki örnekte H1'in değiştirildiğini görüyorsunuz. Daha sonra anlatacağımız CSS stil dosyalarını ya da dosya içi stillemeler kullanarak başlık etiketlerinde (renk, boyut, vs) değişiklik yapmanın mümkün olduğunu göreceksiniz.

Paragraflar

Paragraf yeni bir satıra başlangıcı ifade eder. Bunu HTML dilinde <p> ile başlatır ve </p> ile bitiririz. Aynı başlık yapısında olduğu gibi paragraflardan sonra da kendiliğinden satır atlar.

Kod:

<p>Bu bir paragraf örneği...</p>
<p>Bu da başka bir paragraf örneği..</p>

Görünüm:

NOT: açılan bir odu kapatmayı unutmayınız: Satır atlama (<br/>) ve meta dışında <b>...</b> gibi kullanılmalı. Aksi taktirde sayfa düzeninde bozulmalar oluşabilir.

Satır Atlamak

Bir paragrafta ya da paragraf kullanılmadan başlanılan bir yazıda, HTML dilinde satır atlamak için <br/> tagını kullanırız.

Kod:

<p>Bu bir<br/>paragraf ve satır atlama<br/> örneği..</p>

Temelde <br> ile <br/> arasında fark yoktur. Fakat (/) eklenmesinin nedeni, satır atlama kodunun bir kapanış tagı olmamasıdır. (yani </br> şeklinde bir kullanım olamaz.) W3C Standartlarına göre <br/> daha doğru bir kullanımdır. (XHTML gereği)

Sonraki ders: Özellikler>>