Mitopya Atölye
Html sayfamızda metinlerimizi olduğundan büyük, küçük, kalın, altı çizgili vb. şekillerde göstermek isteyebiliriz. Bu gibi durumlarda metin biçimlendirme etiketlerini kullanmak işimize yarayabilir.
Metin Biçimlendirme Etiketleri
| Etiket | Açıklama |
| <b>…</b> | Kalın metin |
| <strong>…</strong> | Güçlü metin (<b>…</b> ile benzerdir) |
| <i>…</i> | Eğik metin |
| <em>…</em> | Eğik metin(tercih edilmemektedir) |
| <big>….</big> | Büyük metin |
| <small>…</small> | Küçük metin |
| <sup>…</sup> | Alt indis metni |
| <sub>…</sub> | Üst indis metni |
| <u>…</u> | Altı çizili |
| <ins>…</ins> | Altı çizili (tercih edilmemektedir) |
| <del>…</del> | Üstü çizili |
| <s>…</s> | Üstü çizili (tercih edilmemektedir) |
| <strike>…</strike> | Üstü çizili (tercih edilmemektedir) |
Koyu Metin <b>…</b>
<b>…</b> etiketini kullanarak metinlerimizi koyu/kalın yapabiliriz.
Kullanımı:
<b> Bu metin kalın - b </b> <strong> Bu metin Kalın - strong</strong>
Çıktısı:
Bu metin kalın – b
Bu metin Kalın – strong
<b>…</b> etiketi yerine <strong>…</strong> etiketinide kullanabilirsiniz. Ancak genel olarak <b> etiketi kullanılmaktadır.
Eğik Metin <i>…</i>
<i>…</i> etiketini kullanarak metinlerimizi italik/eğik yapabiliriz.
Kullanımı:
<hr><i> Bu metin eğik - i</i> <em> Bu metin eğik - em</em>
Çıktısı:
Bu metin eğik – i
Bu metin eğik – em
<i>…</i> etiketi yerine <em>…</em> etiketi de kullanılabilir. Ancak <i>…</i> etiketi daha çok tercih edilmektedir.
Altı-Üstü Çizili Metin
Metinlerimizin altını veya üstünü çizmemizi sağlayan etiketlerde mevcuttur.
Kullanımı:
<u>Altı çizili metin</u> <ins>Altı çizili metin</ins> <del>Üstü çizili metin</del> <s>Üstü çizili metin</s> <strike>Üstü çizili metin</strike>
Çıktısı:
Altı çizili metin
Altı çizili metin
<u>…</u> etiketini kullanarak metinlerimizin altını, <del>…</del> etiketini kullanarak metinlerimizin üstünü çizebiliriz. Metinlerimizin altını çizmek için <ins>…</ins> etiketini de kullanabilsekte genel olarak <u>…</u> etiketi tercih edilemektedir. Metinlerimizin üstünü çizmek için de <s>…</s> ve <strike>… </strike> etiketlerini kullanabiliriz ama genel olarak <del>…</del> etiketi kullanılmaktadır.
Büyük-Küçük Metinler
Html sayfamız içerisinde belirli metinleri daha büyük veya daha küçük yapabiliriz. Metnimizi büyük yapmak için <big>…</big> küçük yapmak için de <small>…</small> etiketlerini kullanabiliriz.
Kullanımı:
<big> Bu metin büyük - big</big> <small> Bu metin küçük - small</small>
Çıktısı:
Bu metin büyük – big
Bu metin küçük – small
Alt-Üst Metin
Html sayfalarımız içerisinde metinlerimize alt-üst indis metinler eklemek isteyebiliriz. Bunun için <sup>…</sup> ve <sub>…</sub> etiketlerini kullabiliriz. < sub>…</ sub> etiketini kullanarak metnimizi alt metin, <sup>…</sup> etiketini kullanarakta üst metin yapabiliriz.
Kullanımı:
Bu metin <sup>üst metin - sup </sup> Bu metin <sub>alt metin - sub </sub>
Çıktısı:
Bu metin üst metin – sup
Bu metin alt metin – sub
Tüm Örneklerin Kullanımı
Eğer isterseniz tüm metin biçimlendirme etiketlerini bir arada bu örnek ile de inceleyebilirsiniz.
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <b> Bu metin Kalın - b</b> <br> <strong> Bu metin Kalın - strong</strong> <br> <br> <em> Bu metin eğik - em</em> <br> <i> Bu metin eğik - i</i> <br> <br> <big> Bu metin büyük - big</big> <br> <small> Bu metin küçük - small</small> <br> <br> Bu metin <sup>üst metin</sup> <br> Bu metin <sub>alt metin</sub> <br> <br> <u>Altı çizili metin</u> <br> <ins>Altı çizili metin</ins><br> <br> <del>Üstü çizili metin</del> <br> <s>Üstü çizili metin</s> <br> <strike>Üstü çizili metin</strike> <br> </body> </html>
Çıktısı:
Bu metin Kalın – strong
Bu metin eğik – em
Bu metin eğik – i
Bu metin büyük – big
Bu metin küçük – small
Bu metin üst metin
Bu metin alt metin
Altı çizili metin
Altı çizili metin
Html derslerimizin bu konusunda metin biçimlendirme etiketlerinin kullanımından bahsettik. Sonraki derslerimizde özel karakterlerin ve parametlerin kullanımlarından bahsedeceğiz. Takipte Kalın!..
