Bu dersimizde genel HTML’de genel olarak kullanılan karakter ve biçim etiketlerini inceleyeceğiz.
Kalın / Bold Etiketi;
<b></b> etiketleri ile tanımlanır ve html kodlarındaki içerikler bu etiket içine alınırlarsa tarayıcı tarafından kalın/bold olarak yorumlanırlar. Aşağıdaki örnekte html etiketleri içerisinde gösterilmektedir.
Örnek:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Paragraf içinde <b>kalın</b> kelimeleri <b>kalın</b> olarak gözükecektir</p> </body> </html>
Örnek Çıktısı:
Paragraf içinde kalın kelimeleri kalın olarak gözükecektir.
Güçlü / Strong Etiketi
<strong></strong> etiketleri ile tanımlanır ve html kodlarındaki içerikler bu etiket içine alınırlarsa tarayıcı tarafından güçlü/strong olarak yorumlanırlar. Aşağıdaki örnekte html etiketleri içerisinde gösterilmektedir.
Örnek:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Paragraf içinde <strong>güçlü</strong> kelimeleri <strong>güçlü</strong> olarak gözükecektir</p> </body> </html>
Örnek Çıktısı:
Paragraf içinde güçlü kelimeleri güçlü olarak gözükecektir
Eğik / Italic Etiketi
<i></i> veya <em></em> etiketleri ile tanımlanır ve html kodlarındaki içerikler bu etiket içine alınırlarsa tarayıcı tarafından eğit/italic olarak yorumlanırlar. Aşağıdaki örnekte html etiketleri içerisinde gösterilmektedir.
Örnek:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Paragraf içinde <i>eğik</i> kelimeleri <em>eğik</em> olarak gözükecektir</p> </body> </html>
Örnek Çıktısı:
Paragraf içinde eğik kelimeleri eğik olarak gözükecektir
Büyük / Big Etiketi
<big></big> etiketleri ile tanımlanır ve html kodlarındaki içerikler bu etiket içine alınırlarsa tarayıcı tarafından büyük/big olarak yorumlanırlar. Aşağıdaki örnekte html etiketleri içerisinde gösterilmektedir.
Örnek:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Paragraf içinde <big>büyük</big> kelimeleri <big>büyük</big> olarak gözükecektir</p> </body> </html>
Örnek Çıktısı:
Paragraf içinde büyük kelimeleri büyük olarak gözükecektir
Küçük / Small Etiketi
<small></small> etiketleri ile tanımlanır ve html kodlarındaki içerikler bu etiket içine alınırlarsa tarayıcı tarafından küçük/small olarak yorumlanırlar. Aşağıdaki örnekte html etiketleri içerisinde gösterilmektedir.
Örnek:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Paragraf içinde <small>küçük</small> kelimeleri <small>küçük</small> olarak gözükecektir</p> </body> </html>
Örnek Çıktısı:
Paragraf içinde küçük kelimeleri küçük olarak gözükecektir
Alt Çizgi / Underline Etiketi
<ins></ins> veya <u></u> etiketleri ile tanımlanır ve html kodlarındaki içerikler bu etiket içine alınırlarsa tarayıcı tarafından alt çizgi/underline olarak yorumlanırlar. Aşağıdaki örnekte html etiketleri içerisinde gösterilmektedir.
Örnek:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Paragraf içinde <ins>altı çizili</ins> kelimeleri <u>altı çizili</u> olarak gözükecektir</p> </body> </html>
Örnek Çıktısı:
Paragraf içinde altı çizili kelimeleri altı çizili olarak gözükecektir
Üstü Çizili / Strike Etiketi
<del></del> veya <strike></strike> etiketleri ile tanımlanır ve html kodlarındaki içerikler bu etiket içine alınırlarsa tarayıcı tarafından üstü çizili/strike olarak yorumlanırlar. Aşağıdaki örnekte html etiketleri içerisinde gösterilmektedir. (Not strike etiketi HTML5 için desteklenmez.)
Örnek:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Paragraf içinde <del>üstü çizili</del> kelimeleri <strike>üstü çizili</strike> olarak gözükecektir</p> </body> </html>
Örnek Çıktısı:
Paragraf içinde üstü çizili kelimeleri üstü çizili olarak gözükecektir
Alt İndis Etiketi
<sub></sub> etiketleri ile tanımlanır ve html kodlarındaki içerikler bu etiket içine alınırlarsa tarayıcı tarafından alt indis olarak yorumlanırlar. Aşağıdaki örnekte html etiketleri içerisinde gösterilmektedir.
Örnek:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Paragraf içinde X<sub>2</sub> kelimesindeki 2 rakamı alt indis olarak gözükecektir</p> </body> </html>
Örnek Çıktısı:
Paragraf içinde X2 kelimesindeki 2 rakamı alt indis olarak gözükecektir
Üst İndis Etiketi
<sup></sup> etiketleri ile tanımlanır ve html kodlarındaki içerikler bu etiket içine alınırlarsa tarayıcı tarafından üst indis olarak yorumlanırlar. Aşağıdaki örnekte html etiketleri içerisinde gösterilmektedir.
Örnek:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <p>Paragraf içinde X<sup>3</sup> kelimesindeki 3 rakamı üst indis olarak gözükecektir</p> </body> </html>
Örnek Çıktısı:
Paragraf içinde X3 kelimesindeki 3 rakamı üst indis olarak gözükecektir
HTML’de yazı karakter ve biçim etiketleri konulu ders videosunu izlemek için tıklayınız.
Bir önceki “HTML Dersleri Ders#3 | HTML Etiketlerin Özellikleri ve Değerleri” konulu yazıma ulaşmak için tıklayınız…
Son Yorumlar