ALLAH (cc)'IN EN GÜZEL İSİMLERİ (ESMA-ÜL HÜSNA)
el - HALÎM

Cezada, acele etmeyen, yumuşak davranan.

     ANASAYFA    |   Ben Kimim?      Sizin en hayırlınız Kur'an'ı öğrenen ve öğreteninizdir. - Hz.Muhammed (sav)

Html de Sayfa Başlığı ve Başlık Etiketleri

Html de Sayfa Başlığı ve Başlık Etiketleri
 + Yazıyı Büyüt    - Yazıyı Küçült           

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

( 27946 ) kez okundu     -     03.03.2013    Tweetle     
Html de Sayfa Başlığı ve Başlık Etiketleri, html title, title tag, title etiketi, h etiketi, h tag, hx tag, başlık etiketi, yazı başlığı nasıl yapılır, sayfa başlığı ekleme, html başlık etiketi, mustafakarsli
Ziyaretçi Yorumları
( 0 ) Yorum
Tümünü Göster
Yorum Ekle
Güvenliğiniz için iP adresiniz kaydedilmektedir. Herhangi bir Hukuki Dava ile karşılaşmamak için hakaret içeren sözler ve argo kelimeler kullanmayınız.
İsim
:
Yorum
:
En fazla 400 karakter
Şehir
:
E-Posta
:
E-Posta adresi Yayınlanmaz
(Güvenliğiniz için ip adresiniz (18.97.9.168) kaydedilecektir)
  Yeni Dersleri Takip etmek istiyorum. Adresime E-Posta Gelmesini Onaylıyorum.
BENZER YAZILAR
Android
Arduino
Bilgisayar Ağları
biliMKurdu
Bilişim Teknolojileri
C Sharp
Çalışmalar
Donanım
Evde Deney
Fireworks
Flash - Action Script 3
Gezdik ve Gördük
HTML
JavaScript
Kişisel Gelişim
Okul Öncesi Etkinlik
PHP
Projeler
Raspberry Pi
Scratch
Silverlight
Şanlı Tarihimiz
Yarışmalar
Yazılarım
  Zamanlanmış Duyuru/Ödev Bulunmamaktadır...  
Yazıklar olsun, size de; Allah’ı bırakıp tapmakta olduklarınıza da! Hâlâ aklınızı başınıza almayacak mısınız?

Enbiya-67
Sosyal Medya Hesabım Bulunmamaktadır. Bu nedenle başka platformlarda paylaşımım bulunmamaktadır.
Kişisel resim ve yazıları kullanmak yasaktır. Bunun dışındaki dersleri İsim ve Kaynak göstermek şartıyla kullanmak serbesttir.
 Aktif ziyaretçi : 2
 Bugün : 136
 Toplam : 2729346
Mustafa KARSLI - Bilişim Teknolojileri Öğretmeni © 2008 - 2024  
Site Haritası

 

2