Neler Yeni

Temel HTML Etiketleri - 3 Bölüm

ELFDaily 

#code
Yönetici
HTML 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.
[HR][/HR][h=2]Kendin Dene - Örnekler[/h]
Değerli ziyaretçimiz, içeriği görebilmeniz için lütfen Giriş Yap veya ücretsiz Kayıt Ol teşekkürler.

Bu örnek en az HTML etiketleri kullanılarak oluşturulmuş çok basit bir HTML dökümanıdır.

Değerli ziyaretçimiz, içeriği görebilmeniz için lütfen Giriş Yap veya ücretsiz Kayıt Ol teşekkürler.

Bu örnekle paragrafların nasıl oluşturulduğunu görebilirsiniz.

[HR][/HR][h=2]Başlıklar[/h]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.

Kod:
Değerli ziyaretçimiz, içeriği görebilmeniz için lütfen Giriş Yap veya ücretsiz Kayıt Ol anlayışınız için teşekkürler.

HTML dili otomatik olarak başlık etiketlerinin öncesinde ve sonrasında bir satır atlar.
[HR][/HR][h=2]Paragraflar[/h]Paragraflar <p> etiketi ile belirtilir.


Kod:
Değerli ziyaretçimiz, içeriği görebilmeniz için lütfen Giriş Yap veya ücretsiz Kayıt Ol anlayışınız için teşekkürler.
HTML dili otomatik olarak paragraf etiketlerinin öncesinde ve sonrasında bir satır atlar.

[h=2]Etiketleri kapatmayı unutmayın![/h]Bir önceki örnekte paragrafın </b> etiketi ile bittiğini gördünüz:

Kod:
Değerli ziyaretçimiz, içeriği görebilmeniz için lütfen Giriş Yap veya ücretsiz Kayıt Ol anlayışınız için teşekkürler.


Ç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.
[HR][/HR][h=2]Satır atlama[/h]Satır atlamak için <br> etiketi kullanılır. Ancak bu etiketin yeni bir paragraf açmadığını da unutmayınız.

Kod:
Değerli ziyaretçimiz, içeriği görebilmeniz için lütfen Giriş Yap veya ücretsiz Kayıt Ol anlayışınız için teşekkürler.




Değerli ziyaretçimiz, içeriği görebilmeniz için lütfen Giriş Yap veya ücretsiz Kayıt Ol teşekkürler.

<br> etiketi boş bir etikettir. </br> gibi bir bitiş etiketi yoktur.
[HR][/HR][h=2]<br> mi <br /> mi?[/h]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.
[HR][/HR][h=2]HTML içinde açıklama (yorum) satırları yaratmak[/h]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 -->
[h=2]Temel Notlar - Yararlı İpuçları[/h]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.)
[HR][/HR][h=2]Temel HTML Etiketleri[/h]
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.

 

Üst Alt