Yeniden merhaba bu dersimde html sayfamıza sayba başlığı nasıl vereceğimizi ve metinlerde başlık nasıl yapacağımızı anlatacağım. Öncelikle sayfa başlığı sayfayı tanımlayan tarayıcının başlık çubuğunda (sekmesinde) yazan metinlerdir. Aşağıdaki resmi incelerseniz daha iyi şekillenecektir.
Html’de Sayfa Başlığı: Kaynak: www.mustafakarsli.com
Sayfa başlığı title etiketi ile yazılır. Title etiketi html kod yapısının head bölümüne yazılmalıdır. Head etiketleri arasına yazılır. Head ve Html Kod yapısı hakkında bilgi için buraya tıklayarak önceki derslerimize bakabilirsiniz. Title etiketi aşağıdaki gibi kullanılır.
‘ <title> Sayfamızın Başlığı </title> ’
‘ <title> Mustafa KARSLI – Bilişim Teknolojileri Öğretmeni </title> ‘
Sayfa başlığını eklemek için title açılır ve başlık yazıldıktan sonra title kapatılır. Yukarıdaki başta ve sondaki tek tırnakları kullanmayınız. Ben yazıda belirtmek için koydum.
Metin Başlığı Etiketleri: Kaynak: www.mustafakarsli.com
Web sayfamızda yazı yayınlamak istiyoruz ve bu yazınında haliyle başlığı var bu başlıkları kalın ve büyük yazmak istiyoruz. Bunun için bir sürü koda gerek yok. Yazılan bir metni başlık biçimine çevirmek için Hx etiketleri kullanılır. Hx etiketleri body etiketleri arasına yazılırlar.
Hx etiketi açılır başlık yazılır ve kapatılır. Burada dikkat etmemiz gereken nokta x yerine 1-6 arasında rakam yazacağımızdır. Yani Hx diye bir etiket yoktur. H1, H2, H3, H4, H5 ve H6 etiketleri vardır.
H1 etiketi yazı puntosu en büyük olan etikettir. H6 ise en küçük puntolu başlık etiketidir. Yani h1 den H6 ya doğru başlık yazımız küçülmektedir. Aşağıda kullanımını ve örnek görüntülerini görebilirsiniz.
|
Kod |
Ekran Görüntüsü Kaynak: www.mustafakarsli.com |
|
<H1>Mustafa KARSLI</H1> |
Mustafa KARSLI |
|
<H2>Mustafa KARSLI</H2> |
Mustafa KARSLI |
|
<H3>Mustafa KARSLI</H3> |
Mustafa KARSLI |
|
<H4>Mustafa KARSLI</H4> |
Mustafa KARSLI |
|
<H5>Mustafa KARSLI</H5> |
Mustafa KARSLI |
|
<H6>Mustafa KARSLI</H6> |
Mustafa KARSLI |
Yukarıdaki başlık etiketlerini inceleyip uygulayabilirsiniz. Başlık etiketleri içerisinde align parametresini de kullanabilirsiniz.
Align parametresi: Kaynak: www.mustafakarsli.com
Yazılan metnin hizalanmasını sağlar (sol,sağ,orta). Kullanımı aşağıda verilmiştir:
align=”left” --> Yazıyı sola yaslar.
align=”center” --> Yazıyı ortalar.
align=”right” --> Yazıyı sağa yaslar.
Align parametresinin hx etiketi içinde kullanımı aşağıdaki gibidir:
<h1 align=”left”>Mustafa KARSLI</h1>
<h3 align=”center”>Mustafa KARSLI</h3>
<h5 align=”right”>Mustafa KARSLI</h5>
Örnekler çoğaltılabilir. Kaynak: www.mustafakarsli.com
Başka derslerde görüşmek ümidiyle. Sağlıcakla kalınız…
Mustafa KARSLI Kaynak: www.mustafakarsli.com
