HTML Öğeleri
Önceki sayfadaki örneğimizi hatırlayalım:<html> <head> <title>Sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>Bu metin koyu</b> </body> </html> |
Bu bir HTML öğesidir:
<b>Bu metin koyu</b> |
HTML öğesi başlangıç etiketi olan <b> ile başladı.
HTML öğesinin içeriği: Bu metin koyu
HTML öğesi bitiş etiketi olan </b> ile sonlandırıldı.
<b> etiketinin amacı, görüntülenecek olan metinin koyu gösterilmesi gerektiğini bildirmektir.
Etiketleri neden küçük harflerle belirtiriz?
HTML etiketlerinin büyük/küçük harfe duyarlı olmadığını söylemiştik: <B> ve <b> aynıdır. Eğer Web'de gezintiye çıkarsanız bir çok sitenin kaynak kodunun bütük harflerle yapılmış olduğunu göreceksiniz..Fakat biz her zaman küçük harf kullanırız. Neden?Eğer Web standartlarını kontrol etmek istiyorsanız küçük harf kullanmalısınız. World Wide Web Consortium (W3C) HTML 4 versiyonu ile beraber küçük harf kullanımını önerir. Ayrıca XHTML (yeni nesil HTML) dili de bunu kullanmanızı şiddetle önerir.
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> |
<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.)
http://www.tugbakulekci.com.tr/web-tasarim.html
Web Design
Hiç yorum yok:
Yorum Gönder