ALLAH (cc)'IN EN GÜZEL İSİMLERİ (ESMA-ÜL HÜSNA)
el - HÂLİK

Yaratan, yoktan var eden. Varlıkların geçireceği halleri takdir eden.


Anasayfa    |     Ben Kimim?    |     Öğrenci İşleri
Html de Sayfa Başlığı ve Başlık Etiketleri
03.03.2013         (27146) kez okundu    
Tweetle     Yazdır

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 Sayfa Başlığı

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

© 2008 - 2024
Mustafa KARSLI