Mesaj Sayısı
Konular
Kayıt tarihi
NerdenHTML dilindeki en önemli etiketler
başlıklar paragraflar ve satır
atlama etiketleridir.
HTML'i öğrenmenin en iyi yolu örneklerle çalışmaktır. Sizin için çok
kullanışlı bir HTML deneme editörü hazırladık. Bu editör ile kendi
kaynak kodlarınızı girip anında test edebilirsiniz.
Kendin Dene - Örnekler
Çok basit bir HTML dökümanı
Bu örnek en az HTML etiketleri kullanılarak oluşturulmuş çok basit bir
HTML dökümanıdır.
Basit paragraflar
Bu örnekle paragrafların nasıl oluşturulduğunu görebilirsiniz.
Başlıklar
Başlıklar <h1> ve <h6> dahil olmak üzere aradaki tüm
rakamlar kullanılarak tanımlanabilir. <h1> en büyük puntoyu
belirtirken
<h6> ise en küçük
puntoyu belirtir.
<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>
HTML dili otomatik olarak başlık etiketlerinin öncesinde ve sonrasında
bir satır atlar.
Paragraflar
Paragraflar <p> etiketi ile belirtilir.
<p>Bu bir paragraf</p>
<p>Bu da başka bir paragraf</p>
HTML dili otomatik olarak paragraf etiketlerinin öncesinde ve sonrasında
bir satır atlar.
Etiketleri kapatmayı unutmayın!
Bir önceki örnekte paragrafın </b> etiketi ile bittiğini gördünüz:
<p>Bu bir paragraf
<p>Bu da başka bir paragraf
Çoğu browser büyük ihtimalle yukardaki gibi yazsanız bile
çalıştıracaktır ama buna pek fazla güvenmeyin çünkü gelecek versiyon
HTML dili hiçbir etiketi atlamanıza izin vermeyecektir.
Satır atlama
Satır atlamak için <br> etiketi kullanılır. Ancak bu etiketin yeni
bir paragraf açmadığını da unutmayınız.
<p>Bu <br>bir <br>çok satırlı paragraftır.</p>
Kendin dene!
<br> etiketi boş bir etikettir. </br> gibi bir bitiş etiketi
yoktur.
<br> mi <br /> mi?
Bir çok yerde <br> etiketinin <br /> olarak kullanıldığını
göreceksiniz.
Çünkü <br> etiketi bir bitiş etiketi bulundurmaz ve bu özellik
gelecek nesil HTML (XML ve XHTML) dilinin ilk kuralını bozmaktadır. Bu
yüzden <br /> etiketini kullanmanızı tavsiye ederiz.
HTML içinde açıklama (yorum) satırları yaratmak
Yorum satırları HTML kaynak kodu içerisine programcıların hangi satırın
ne iş gördüğünü anlatmak için kullanılır. Bu satırlar
sayfa browser'da
görüntülenirken dikkate alınmazlar.
<!-- Bu bir açıklama -->
Temel Notlar - Yararlı İpuçları
HTML kodlarınızın başka browser'larda nasıl görüntüneceğini asla
bilemezsiniz. Ayrıca bazı kullanıcılar geniş ekran monitörlere sahipken
bazıları küçük ekranlara sahiptir. Bu sebeple metinler
kullanıcı penceresini her
yeniden boyutlandırmasında değişecektir. Asla metinlerinizi fazladan
boşluk bırakmak gibi tekniklerle biçimlendirmeye çalışmayın.
HTML koyduğunuz boşlukları sürekli teke indirecektir.
Boş bir satır bırakmak için <p> kullanmak kötü bir tekniktir
bunun yerine <br />
etiketini kullanınız. (Ama asla <br /> ile sıralı liste
oluşturmayınız. HTML ile listeleme konusuna kadar bekleyiniz.)
Temel HTML Etiketleri
Etiket (Tag) Açıklama
<html> Bir HTML dökümanını belirtir
<body> Dökümanın görüntülenecek kısmını berlitir.
<h1> to <h6> Başlıkları belirtir.
<p> Bir paragraf belirtir
<br> Boş bir satır bırakır.
<hr> Sayfada yatay bir çizgi çizer
<!--> Yorum satırı olduğunu belirtir.
başlıklar paragraflar ve satır atlama etiketleridir.
HTML'i öğrenmenin en iyi yolu örneklerle çalışmaktır. Sizin için çok
kullanışlı bir HTML deneme editörü hazırladık. Bu editör ile kendi
kaynak kodlarınızı girip anında test edebilirsiniz.
Kendin Dene - Örnekler
Çok basit bir HTML dökümanı
Bu örnek en az HTML etiketleri kullanılarak oluşturulmuş çok basit bir
HTML dökümanıdır.
Basit paragraflar
Bu örnekle paragrafların nasıl oluşturulduğunu görebilirsiniz.
Başlıklar
Başlıklar <h1> ve <h6> dahil olmak üzere aradaki tüm
rakamlar kullanılarak tanımlanabilir. <h1> en büyük puntoyu
belirtirken
<h6> ise en küçük puntoyu belirtir.
<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>
HTML dili otomatik olarak başlık etiketlerinin öncesinde ve sonrasında
bir satır atlar.
Paragraflar
Paragraflar <p> etiketi ile belirtilir.
<p>Bu bir paragraf</p>
<p>Bu da başka bir paragraf</p>
HTML dili otomatik olarak paragraf etiketlerinin öncesinde ve sonrasında
bir satır atlar.
Etiketleri kapatmayı unutmayın!
Bir önceki örnekte paragrafın </b> etiketi ile bittiğini gördünüz:
<p>Bu bir paragraf
<p>Bu da başka bir paragraf
Çoğu browser büyük ihtimalle yukardaki gibi yazsanız bile
çalıştıracaktır ama buna pek fazla güvenmeyin çünkü gelecek versiyon
HTML dili hiçbir etiketi atlamanıza izin vermeyecektir.
Satır atlama
Satır atlamak için <br> etiketi kullanılır. Ancak bu etiketin yeni
bir paragraf açmadığını da unutmayınız.
<p>Bu <br>bir <br>çok satırlı paragraftır.</p>
Kendin dene!
<br> etiketi boş bir etikettir. </br> gibi bir bitiş etiketi
yoktur.
<br> mi <br /> mi?
Bir çok yerde <br> etiketinin <br /> olarak kullanıldığını
göreceksiniz.
Çünkü <br> etiketi bir bitiş etiketi bulundurmaz ve bu özellik
gelecek nesil HTML (XML ve XHTML) dilinin ilk kuralını bozmaktadır. Bu
yüzden <br /> etiketini kullanmanızı tavsiye ederiz.
HTML içinde açıklama (yorum) satırları yaratmak
Yorum satırları HTML kaynak kodu içerisine programcıların hangi satırın
ne iş gördüğünü anlatmak için kullanılır. Bu satırlar
sayfa browser'da görüntülenirken dikkate alınmazlar.
<!-- Bu bir açıklama -->
Temel Notlar - Yararlı İpuçları
HTML kodlarınızın başka browser'larda nasıl görüntüneceğini asla
bilemezsiniz. Ayrıca bazı kullanıcılar geniş ekran monitörlere sahipken
bazıları küçük ekranlara sahiptir. Bu sebeple metinler
kullanıcı penceresini heryeniden boyutlandırmasında değişecektir. Asla metinlerinizi fazladan
boşluk bırakmak gibi tekniklerle biçimlendirmeye çalışmayın.
HTML koyduğunuz boşlukları sürekli teke indirecektir.
Boş bir satır bırakmak için <p> kullanmak kötü bir tekniktir
bunun yerine <br />etiketini kullanınız. (Ama asla <br /> ile sıralı liste
oluşturmayınız. HTML ile listeleme konusuna kadar bekleyiniz.)
Temel HTML Etiketleri
Etiket (Tag) Açıklama
<html> Bir HTML dökümanını belirtir
<body> Dökümanın görüntülenecek kısmını berlitir.
<h1> to <h6> Başlıkları belirtir.
<p> Bir paragraf belirtir
<br> Boş bir satır bırakır.
<hr> Sayfada yatay bir çizgi çizer
<!--> Yorum satırı olduğunu belirtir.