0

HTML 4 – Site Başlıklarında Boyutlandırma – Style Atama

Merhaba güzel insanlar,

Bir önceki yazımda Html temel etiketlerine giriş yapmıştık. Hatta sitemize bir başlık bile eklemiştik.

Bu yazımda ise <body> </body> etiketleri arasında kullanabileceğimiz diğer etiketlerden bahsedeceğiz.

  • <h?> </h?>

h etiketi, genelde başlıklar için kullanılır. Genel kalıbı hx şeklinde ifade edebiliriz. X bizim başlığımızın boyutunu belirler. 1 den 6 ya kadar başlıklarımızı boyutlandırabiliriz. Burada en büyük başlık için <h1></h1> etiketini en küçük başlık için ise <h6> </h6> etiketini kullanabiliriz.

hx değerindeki x etiketin başında da sonunda da aynı olmalıdır. Yani <h1> ile açtıysak </h2> veya başka bir rakam ile kapatmamalıyız. Peki, etiketlerimiz sitemizde nasıl gözükecek bir bakalım.

1

Peki, etiketlerimiz sitemizde nasıl bir görüntü oluşturuyor. Bir de ona bakalım.

2

Hx etiketini kullanarak dilediğimizce başlıkları boyutlandırabildik ama durun daha bitmedi.

  • Başlıklarımızı Nasıl Ortalarız?

Bunun için her bir etiketimin içerisine  style=”text-align: center” yazmam yeterli olacaktır.

3

Bu kodlar başlık stilimin ortalanmış olmasını istediğimde kullanılabilir. Çıktısı ise aşağıdaki gibidir.

4

Şimdi gelelim yazımın başında bahsettiğim sitemize renk katacağız kısmına.

Girdiğimiz metinlerin renklenmesi için “color: …… “ kalıbını style’a değer olarak atamalıyız.

Fakat dikkat etmemiz gereken bir şey var. Style özelliği içine birden fazla değer girilecekse her olay ;(noktalı virgül) ile birbirinden ayrılır.

Rengi, color yazdıktan sonra HTML in sunduğu seçeneklerden kodlarla belirleyebiliriz.

5

Ya da ingilizcesini elimizle yazabiliriz. Ben örneklendirme açısından iki seçeneği de değerlendireceğim. Sizler de dilediğiniz gibi renklendirebilirsiniz.

6Çıktısına bakıp eserimizle gurur duyabiliriz artık.

7

Bu yazımızın da sonuna geldik. Bir sonrakinde görüşmek üzere. Hayatın tüm güzellikleri sizlerle olsun.

 


Like it? Share with your friends!

0

0 Comments

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir