Giri┼č yap

HTML'de Metin Bi├žimlendirme Etiketleri

HTML'in ifadeleri bi├žimlendirmek yani onlara yeni stiller katmak i├žin belli ba┼čl─▒ etiketleri vard─▒r. Bunlar─▒n listesi;

  • <b> - Kal─▒n yaz─▒
  • <strong> - ├ľnemli yaz─▒
  • <i> - E─čik yaz─▒
  • <em> - Vurgulanm─▒┼č yaz─▒
  • <mark> - ─░┼čaretli yaz─▒ (Kitap okurken ├Ânemli bir yerin ├╝st├╝n├╝ sar─▒ kalemle ├žizerdik, tam olarak bu ^^)
  • <small> - K├╝├ž├╝k yaz─▒ (B├╝y├╝k harfle bile yaz─▒lsa normal yaz─▒dan daha k├╝├ž├╝k g├Âr├╝n├╝r)
  • <del> - Silinmi┼č yaz─▒ (Silinmi┼č yaz─▒n─▒n ne i┼či var demeyin, ├Ârne─čin ├╝r├╝n├╝n fiyat─▒ de─či┼čti─činde ├╝st├╝n├╝ ├žizip yeni fiyat─▒n─▒ yazarlar, buda o mant─▒kta)
  • <ins> - Eklenmi┼č yaz─▒
  • <sub> - Alt simge yaz─▒
  • <sup> - ├ťst simge yaz─▒

Gelin t├╝m bu etiketleri tek bir sayfada tan─▒mlay─▒p kullanal─▒m ve nas─▒l g├Âz├╝kt├╝klerine bir bakal─▒m.

<p>
    Bu bir <b>kal─▒n</b> yaz─▒d─▒r bu ise <strong>├Ânemli bir kal─▒n yaz─▒d─▒r.</strong> <br>
    Bu bir <i>e─čik yaz─▒d─▒r</i> bu ise <em>vurgulanan bir yaz─▒d─▒r.</em> <br>
    Bu <mark>i┼čaretlenmi┼č yaz─▒</mark>, buras─▒ <small>K├ť├ç├ťK G├ľR├ťNEN</small> YAZIDIR. <br>
    Bu art─▒k <del>silinmi┼č</del> bu ise <ins>yeni eklenmi┼č</ins> yaz─▒ ├Ârne─či :) <br>
    Ve son olarak alt simge H<sub>2</sub>O ve m<sup>2</sup> ├Ârnekleri verilebilir.
</p>

HTML'de <b> ve <strong> Etiketleri

Her iki etikette g├Âr├╝n├╝rde yaz─▒y─▒ kal─▒nla┼čt─▒r─▒r. Birbirlerinden fark─▒ ise, <b> etiket yaz─▒y─▒ sadece kal─▒nla┼čt─▒r─▒r, <strong> etiketi yaz─▒y─▒ hem kal─▒nla┼čt─▒r─▒r hemde taray─▒c─▒lar taraf─▒ndan yorumlan─▒rken o yaz─▒n─▒n ├Ânemli bir yaz─▒ oldu─čunu belirtir. ┼×imdi her ikisinede birer ├Ârnek verecek olursak;

<b>Merhaba D├╝nya</b>
<strong>Ne mutlu T├╝rk'├╝m diyene!</strong>

HTML'de <i> ve <em> Etiketleri

Her iki etikette yaz─▒n─▒n e─čik g├Âr├╝nmesi i├žin kullan─▒l─▒r. Birbirlerinden fark─▒ ise, <i> etiketi yaz─▒y─▒ sadece e─čik g├Âsterir, <em> etiketi yaz─▒y─▒ hem e─čik g├Âsterir hemde taray─▒c─▒lar taraf─▒ndan yorumlan─▒rken o yaz─▒n─▒n vurguland─▒─č─▒n─▒ belirtir. ┼×imdi her ikisinede birer ├Ârnek verceek olursak;

<i>E─čik Yaz─▒</i>
<em>T├╝rk, ├ľ─č├╝n, ├çal─▒┼č, G├╝ven</em>

HTML'de <small> Etiketi

<small> etiketi bir yaz─▒y─▒ g├Âr├╝nenden daha k├╝├ž├╝k yazmak i├žin kullan─▒l─▒r. Hatta yaz─▒ b├╝y├╝k harfle bile yaz─▒lm─▒┼č olsa bu etiket i├žerisindeki yaz─▒lar di─čer harflerden daha k├╝├ž├╝k g├Âr├╝n├╝r. B├Âyle bir ┼čeyi kim neden ister bilinmez ama bunu yapan etiket var yani bilginiz olsun :)

Bu yaz─▒lar normalken <small>bu yaz─▒ daha k├╝├ž├╝k</small> g├Âz├╝k├╝yor olabilir mi?

HTML'de <mark> Etiketi

Bir ┼čeyleri okurken ├╝st├╝n├╝ sar─▒ kalemle ├žizerdik ya, i┼čte bunu HTML'de <mark> etiketi ile yap─▒yoruz. ├ľrnek vermek gerekirse;

yaz─▒n─▒n bu k─▒sm─▒ <mark>farkl─▒ ┼čekilde</mark> g├Âz├╝ks├╝n.

HTML'de <del> Etiketi

Silinmi┼č yaz─▒lar─▒ <del> etiketi ile i┼čaretliyoruz. Ger├žek hayattan ├Ârnek vermek gerekirse, etiket fiyat─▒ de─či┼čen ├╝r├╝nlerde fiyat─▒n ├╝st├╝n├╝ ├žizip yan─▒na yeni fiyat─▒n─▒ yazard─▒k. Silme i┼člemini bu etiketle yap─▒yoruz.

Boyum ┼čuan <del>180cm</del> 195cm

HTML'de <ins> Etiketi

<del> ile silinen yaz─▒lar─▒n yenisini eklerken <ins> etiketi kullan─▒l─▒r. Yukar─▒daki ├Ârnek, bu etiketle birlikte ┼č├Âyle daha anlaml─▒ olacakt─▒r;

Boyum ┼čuan <del>180cm</del> <ins>195cm</ins>

HTML'de <sub> Etiketi

Yaz─▒y─▒ alt simge olarak belirlemek i├žin bu etiket kullan─▒l─▒r. ├ľrne─čin H2O derken 2 de─čerini alt simge olarak belirlersek do─čru bir kullan─▒m olur. Hemen deneyelim;

H<sub>2</sub>O

HTML'de <sup> Etiketi

Yaz─▒y─▒ ├╝st simge olarak belirlemek i├žin bu etiket kullan─▒l─▒r. ├ľrne─čin m2 derken 2 de─čerini ├╝st simge olarak belirlersek do─čru bir kullan─▒m olur. Hemen deneyelim;

m<sup>2</sup>
Tayfun Erbilen
17 g├╝n ├Ânce yazd─▒.