Bir önceki konuda htmlin ne olduğunu ve sayfa yapısını ve temel konuları anlatmıştım.
Şimdi genel olarak html etiketleri nedir onları göstereceğim.
Başlık Etiketleri
<h6>6. Dereceden Başlık</h6>
<h5>5. Dereceden Başlık</h5>
<h4>4. Dereceden Başlık</h4>
<h3>3. Dereceden Başlık</h3>
<h2>2. Dereceden Başlık</h2>
<h1>1. Dereceden Başlık</h1>
Başlık etiketleri <h1> ve <h6> olarak 6 tanedir, h1 en büyük puntoyu belirlerken h6 en küçük puntoyu belirler. Başlığın önemi ne kadar büyükse o kadar büyük puntolu yazılır, <h1> birinci derecen başlıktır. Genelde bir konu anlatılıyorken konu başlığı olarak bu belirlenir.
HTML başlık etiketini gördüğü zaman bu etiketten öncesinde ve sonrasında bir satır boşluk atlar.
Paragraf Etiketleri
<p>Bu bir paragraf</p>
Paragraf etiketi <p> dir yazılan yazının paragraf metni olduğunu belirtir, <p> etiketleri arasında yazılan bir yazının kendinden önceki ve sonraki satırlara bir satır boşuk atılır.
<p>Bu bir paragraftır</p>
<p>Bu başka bir paragraf</p>
Açtığınız her etiketi kapatmayı unutmayın.
Alt satıra geçme
Alt satıra geçmek için <br> etiketini kullanırız, bazı yerlerde <br /> şeklinde kullanımlarını da görürsünüz.
Bazı etiketler kapatılmaz, <br> <img> etiketleri kapatılmayan etiketlerdir, bu gibi istisnalarda <br /> bu şekil bir kullanım yapılır, <br> olarak kullanmamızda da sakınca yoktur fakat yeni nesil html kurallarına göre <br /> şeklinde kullanmak arama motorları açısından daha iyidir.
<p>Bu yazı <br /> alt satıra geçti</p>
Parametreler
Parametreler etiketlere farklı özellikler kazandırmak için kullanılır. Parametreler parametreismi="parametre değeri" olarak belirtilir.
<font> etiketi şu anki web standartlarında kullanılmıyor fakat örneğimi yine de bununla vereyim daha anlaşılır olması açısından
<font> etiketi yazdığımız yazının tipini rengini boyutunu belirlerken kullandığımz bir etiket,
<font size="5" color="red" face="Times New Roman">font etiketi örneği</font>
ya da sayfaya resim eklemek için kullandığımız <img> etiketi
<img> etiketi src parametresi olmadan tek başına bir şey ifade etmez, src parametresi ile göstermek istediğimiz resmin kaynak yolunu belirtiriz.
<img src="resim yolu" /> kapatılmayan bir etikettir width ve hegith parametreleri de vardır, yükseklik ve genişlik değerlerini belirttiğimiz.
<img src="resim yolu" width="500" height="300" alt="Resim Yazısı" /> Alt parametresi e alternatif metin (alternate text) anlamına gelir. Bu metin, resimin üzerine mouse gelip bir süre beklendiği zaman görünen metindir. Şu anki web standartlarında bu parametrenin kullanılması zorunlu hale gelmiştir.
bgcolor parametresi arkaplan rengi belirtmek için kullanılır.
<body bgcolor="grey"> sayfa arkaplanı gri oldu şu anda farklı bir renk de belirtebilirsiniz, ya da rengin ingilizce adı yerine renk kodu da belirtebilirsiniz, renk kodlarıyla daha fazla renge ulaşma imkanınız vardır.
<body bgcolor="#9C3"> yeşilin farklı bir tonu olan bir rengin kodudur bu. İnternette farklı renk kodlarına ulaşabilirsiniz.
Bir html sayfada ne kadar boşluk bırakırsanız bırakın tarayıcınız yalnızca bir tane boşluğu hesaba katacaktır. Fazladan boşuk bırakmak isterseniz eğer kodunu kullanmalısınız
bir karakterelik boşluk oluşturur.
Yorum Satırları
<!--Yorum satırı-->
Web tarayıcımız <!-- bu etiket arasında yazılan değerleri --> sayfada gösteremeyecektir.
0 Yorum