HTML Dersleri Ders#4 | HTML Karakter Biçim Etiketleri

HTML yazı karakter biçim etiketleri

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…

Olmalısın giriş yapmış yorum yazmak için

Proudly powered by WordPress   Premium Style Theme by www.gopiplus.com