HTML Metin Elamanlarını Biçimlendirme
Bir önceki ders, html stillerini hakkındaydı. Html style özelliği ile çeşitli metin elemanlarının yapsını değiştirmeyi öğrendik.
style özelliğini kullanmadan da bir html metin elemanını biçimlendirmemizi sağlayan bazı taglar vardır.
<b> ve <i> gibi taglar (elemanlar), bir metnin, kalın ve italic görünen html elemanlarına dönüşmesini sağlar.
Biçimlendirme elamanları, bir metnin aşağıdaki biçimlerde görünmesini sağlar:
- Kalın metin, <b> tagı ile ilan edilir
- Önemli metin, <strong> tagı ile ilan edilir
- Vurgulu metin, <em> tagı ile ilan edilir
- İtalik metin, <i> tagı ile ilan edilir
- Daha küçük metin, <small> tagı ile ilan edilir
- Alt simge, <sub> tagı ile ilan edilir
- Üst simge, <sup> tagı ile ilan edilir
- Altı çizili metin, <ins> tagı ile ilan edilir
- Silinmiş (üzeri çizilmiş) metin, <del> tagı ile ilan edilir
- İşaretli (belirgin) metin, <mark> tagı ile ilan edilir.
HTML Kalın ve Önemli Metinler
<b> ve <strong> elemanları metnin kalın görünmesini sağlamaktadır:<p> bu normal yazılmış bir paragraftır </p>
<p><b> bu kalın yazılmış bir paragraftır </b></p>
<p><strong> bu da önemli bir paragraftır </strong></p>
Yukarıdaki html elemanlarının tarayıcıdaki çıktısı şöyle olacaktır:
bu normal yazılmış bir paragraftır.
bu kalın yazılmış bir paragraftır.
bu da önemli bir paragraftır.
<b> ve <strong> elemanları arasında görüntü olarak bir fark yoktur. <strong> elemanı, anlamına dikkat çekmek istediğimiz metinlerde kullanılır.
HTML İtalik ve Vurgulu Metinler
<i> ve <em> elemanları metnin italik ve vurgulu görünmesini sağlamaktadır:
<p> bu normal yazılmış bir paragraftır. </p>
<p><i> bu italik yazılmış bir paragraftır. </i></p>
<p><em> bu da vurgulu bir paragraftır. </em></p>
Yukarıdaki html elemanlarının tarayıcıdaki çıktısı şöyle olacaktır:
bu normal yazılmış bir paragraftır.
bu kalın yazılmış bir paragraftır.
bu da vurgulu bir paragraftır.
<i> ve <em> elemanları arasında görüntü olarak bir fark yoktur. <em> elemanı, anlamına dikkat çektmek istediğimiz metinlerde kullanılır.
<p><i> bu italik yazılmış bir paragraftır. </i></p>
<p><em> bu da vurgulu bir paragraftır. </em></p>
Yukarıdaki html elemanlarının tarayıcıdaki çıktısı şöyle olacaktır:
bu normal yazılmış bir paragraftır.
bu kalın yazılmış bir paragraftır.
bu da vurgulu bir paragraftır.
<i> ve <em> elemanları arasında görüntü olarak bir fark yoktur. <em> elemanı, anlamına dikkat çektmek istediğimiz metinlerde kullanılır.
HTML Küçük Metinler
<small> elemanı metnin daha küçük karakterlerde yazılmasını sağlamaktadır:
<h2>HTML <small>küçük</small> biçimlendirme</h2>
HTML İşaretli Metinler
<mark> elemanı metne sarı bir arka plan rengi verilerek yazılmasını sağlamaktadır:
<h2>HTML <mark>işaretli</mark> biçimlendirme</h2>
Yukarıdaki html elemanlarının tarayıcıdaki çıktısı şöyle olacaktır:
Yukarıdaki html elemanlarının tarayıcıdaki çıktısı şöyle olacaktır:
HTML Silinmiş Metinler
<del> elemanı metnin üzeri çizilmiş bir biçimde yazılmasını sağlamaktadır:
<h2>HTML <del>silinmiş</del> biçimlendirme</h2>
Yukarıdaki html elemanlarının tarayıcıdaki çıktısı şöyle olacaktır:
Yukarıdaki html elemanlarının tarayıcıdaki çıktısı şöyle olacaktır:
HTML silinmiş biçimlendirme
HTML Altı Çizili Metinler
<ins> elemanı metnin altı çizilmiş bir biçimde yazılmasını sağlamaktadır:
<h2>HTML <ins>altı çizili</ins> biçimlendirme</h2>
Yukarıdaki html elemanlarının tarayıcıdaki çıktısı şöyle olacaktır:
Yukarıdaki html elemanlarının tarayıcıdaki çıktısı şöyle olacaktır:
HTML altı çizili biçimlendirme
HTML Alt Simge Biçimlendirme
<sub> elemanı metnin alt simge biçiminde yazılmasını sağlamaktadır:
<p>HTML <sub>alt simge</sub> biçimlendirmesi</p>
Yukarıdaki html elemanlarının tarayıcıdaki çıktısı şöyle olacaktır:
HTML alt simge biçimlendirmesi
HTML Üst Simge Biçimlendirme
<sup> elemanı metnin üst simge biçiminde yazılmasını sağlamaktadır.
<p>HTML <sup>üst simge</sup> biçimlendirmesi</p>
Yukarıdaki html elemanlarının tarayıcıdaki çıktısı şöyle olacaktır:
HTML üst simge biçimlendirmesi
Hiç yorum yok:
Yorum Gönder