Temel Seviye
İleri Seviye
Sayfamıza başlık eklemek için " <h1> " etiketini kullanacağız. Başlık etiketleri " <h1> " ile " <h6> " arasındadır. " <h1> " boyut olarak en büyük başlık etiketidir, " <h6> " ise boyut olarak en küçük başlık etiketidir. Bu kodu sadece başlık yapmak için kullanmak gerekiyor. Arama motorları, başlık etiketlerinin içeriklerini kullanmaktadır o yüzden başlık etiketi kullanmak önemlidir.
Örnek olarak görelim...
Bu kodu tarayıcıda görmek için tıklayınız.
" <hr /> " etiketi sayfada boylu boyunca yatay bir çizgi yapmamızı sağlar. Gördüğünüz üzere " <hr /> " etiketi açıldığı gibi kapanıyor. Açıldığı gibi kapanan bir kaç etiket daha var bunları ilerledikçe göreceğiz. Dikkat edilmesi gereken diğer bir konu ise " hr " yazıldıktan sonra bir boşluk olduğudur. Boşluk olmasada kod çalışır ancak kurallara uygun bir kodun olması için " hr " boşluk " / " kullanmalıyız.
Örnek olarak görelim...
Bu kodu tarayıcıda görmek için tıklayınız.
Yorumlar, yazılan kodun daha kolay okunmasını sağlamaktadır. Yorumlar tarayıcılar tarafından yoksayılır, yani yorumu dikkate almaz. Bir kodda ne kadar çok yorum varsa kod o kadar iyidir. Yazdığınız bir kodu birkaç sene sonra açtığınızda yorumun ne kadar önemli olduğunu göreceksiniz. Yorum etiketi " <!-- " karakterleri ile açılır ve " --> " karakterleri ile kapatılır ve yorumumuz bu etiket içine yazılır.
Örnek olarak görelim...
Bu kodu tarayıcıda görmek için tıklayınız.
Hoşunuza giden bir web sayfası gördünüz ve nasıl yapıldığını merak ettiniz; Sayfaların kodlarını / kaynağını görebilmek için sayfa üzerindeyken sağ tıklayıp "Kaynağı Göster" diyebilirsiniz.