Merhaba.

HTML Eğitimlerimize etiketlerimizi tanıyarak devam ediyoruz.

Bu yazımda başlık etiketlerini tanıyacağız.

HTML’de body içine yazdığımız yazıların başlıkları olabilir. Ana başlık ve daha küçük boyutta alt başlıklar olabileceğini düşünerek 6 seviye başlık etiketi oluşturmuşlar HTML kodlamayı yaratanlar.

Ek Bilgi Köşesi

“HTML dilinin standartları W3C (W 3 consortium, w3 konsorsiyumu, w3birliği) tarafından belirlenmektedir. Kısaca her web sitesinin başında olan 3 tane w yani WWW (world wide web, dünya çapında ağ) harfleri w3 olarak kısaltılmıştır. Bu birlik internet üzerinde güncel olan pekçok teknolojinin standartlarının belirlendiği ve üzerinde araştırmaların yapıldığı bir birlikteliktir ve bütün dünyadan çok sayıda şirket ve organizasyon tarafından desteklenmektedir. Birliğe www.w3c.org web adresinden erişilebilir.”

Kaynak : Bilgisayar Kavramları

Başlık Etiketleri

Hx şeklinde ifade edilebilen etikette x değeri 1 ile 6 dahil arasındaki değerleri alır.

En büyük başlık boyutu <h1></h1> ile yazılabilirken en küçük başlık <h6> </h6> etiketleri ile yazılabilir.

WebMatrix i açalım ve sayfamız için bir kaç başlık oluşturalım.

Bu şekilde yazıp bir de çıktımıza bakalım.

Gördüğünüz gibi 6 seviye başlık ekleme olayını gerçekleştirmiş olduk.

Burada dikkatimizi çeken bir konuda bir önceki yazımda bir alt satıra geçmek için HTML’de <br> etiketi kullanmamız gerekir demiştim ama burada bunu kullanmadığımız halde bir alt satırdan yazdığını gördük. Nedeni Hx etiketi kendisi aynı zamanda bir alt satıra geçme komutunu barındırıyor olmasıdır.

Böylece bırakmayalım bu yazımda farklı bir şeye daha bakalım.

Yazıyı Ortalama (style=”text-align: center”)

Yazdığım başlıkları yada herhangi bir bir metni bulunduğu ögenin tam ortasında yer almasını istediğimde yapmam gereken işlem şu olacaktır.

HTML 5 ile gelen yeniliklerden biride yazı ortalama kodlamasıdır. Daha önce sadece align=”center” yazarak gerçekleştirdiğimiz kodlama HTML 5 ile style özelliğine yerini bıraktı.

Yukarıda örneğini gösterdiğimi gibi etiket içine style=”text-align: center” kodlaması etiketler içindeki metnin ortalı bir şekilde yazılmasını sağlar.

Çıktımıza Bakalım.

Metin Renklendirme (style=”color: Renk Değeri” )

Buraya kadar gelmişken birde başlıklarımızın her birine başka bir renk verelim.

HTML metin renklendirme yapabilmek için color: Renk Değeri kodlaması yapılır.

Aşağıdaki kodlamayı dikkatli incelediğimizde farketmemiz gereken 2 olay var.

1.si style özelliği içine birden fazla değer girilecekse her olay ;(noktalı virgül) ile bir birinden ayrılır.

2. color a değer verirken ister bildiğimiz renklerin İngilizce isimlerini, isterseniz Hexedecimal kodlarını verebilirsiniz.

Renklendirme yaparken color ifadesi yazıldıktan sonra WebMatrix kod tamamlama özelliği sayesinde size bir renk skalası çıkarır. İstediğiniz rengi buradan direk seçebilirsiniz. Bunu yaptığınızda o rengin Hexedecimal kodunu yazacaktır.

Çıktımıza Bakalım.

Bir sonraki yazımda görüşmek üzere.

Yorumlarınızı eksik etmeyiniz.