WEBMASTER ÖZEL > XHTML-CSS-HTML
HTML Biçimlendirme Öğeleri
(1/1)
danua:
HTML Biçimlendirme Ögeleri
* <b> Kalın yazı
* <strong> Önemli metin
* <i> Yatık yazı
* <em> Vurgulanan metin
* <mark> Metnin üzerini işaretleme
* <small> Küçük yazı
* <del> Silinen metin (Metnin üzereni çizer)
* <ins> Eklenen metin (Metnin altını çizer)
* <sub> Alt yazı metni (İşaretlenen metin veya kelimeyi bir satır alta kaydırır)
* <sup> Üst simge metni (İşaretlenen metin veya kelimeyi bir satır yukarı kaydırır)
Örnek 1
HTML dersleri son hız devam ediyor
<b></b> Etiketleri arasına yazdığımız Yazılar Kalın Yazı Olarak Ekrana Basılacak
--- Kod: ---<!DOCTYPE html>
<html>
<body>
<p>Normal Yazı</p>
<p><b>Etket içerisinde kalın yazıya dönüşür</b></p>
</body>
</html>
--- Kod sonu ---
Örnek 2
<strong></strong> Yazılan yazıyı vugulamak için kalın yazar
--- Kod: ---<!DOCTYPE html>
<html>
<body>
<p>Normal Yazı Karakteri</p>
<p><strong>Güçlü,vurgulama anlamına gelir .</strong></p>
</body>
</html>
--- Kod sonu ---
Örnek 3
HTML dersleri son hız devam ediyor.
<i></i> Bu etiket arasında kullandığımız yazılar yatık olarak ekrana basılacaktır.
--- Kod: ---<!DOCTYPE html>
<html>
<body>
<p>Normal yazı</p>
<p><i>Yatık yazı yazar</i></p>
</body>
</html>
--- Kod sonu ---
Örnek 4
<em></em>etiketi kullandığımız da da ekrana yatık bir yazı bastıracaktır.Yazının önemini vurgulamak istediğimizde bu etiketi kullanırız.
--- Kod: ---<!DOCTYPE html>
<html>
<body>
<p>Normal yazı</p>
<p><em>Yazının önemini belirtir,yatık yazı </em></p>
</body>
</html>
--- Kod sonu ---
Örnek 5
<small></small> etiketini kullandığımız da yazımız küçük karakterlerle ekrana basılır.
--- Kod: ---<!DOCTYPE html>
<html>
<body>
<h2>Bu element <small>küçük yazı</small> ekrana yazdırır</h2>
</body>
</html>
--- Kod sonu ---
Bu element küçük yazı ekrana yazdırır
Örnek 6
<mark></mark> Etiket arasına yazılan yazının üzerini kalın bir şekilde renkli olarak çizer
--- Kod: ---<!DOCTYPE html>
<html>
<body>
<h2>Bu etiket <mark>yazının üzerini fosforlu kalemle çizmiş </mark> gibi çizer</h2>
</body>
</html>
--- Kod sonu ---
Örnek 7
HTML dersleri son hız devam ediyor.
<del></del> Etiketler arasına yazılan yazının üzerini çizerek silme işlemi yapar
--- Kod: ---<!DOCTYPE html>
<html>
<body>
<p>Yazıyı siler,yani üzerini çizer </p>
<p>Bu etket <del>ahmet üyesinin </del> üstünü çizer</p>
</body>
</html>
--- Kod sonu ---
Örnek 8
<ins></ins> Etiket arasına yazılan kelimenin altını çizmek için kullanılan bir etiket türüdür.
--- Kod: ---<!DOCTYPE html>
<html>
<body>
<p>Arasına yazılan kelime veya yazının altını çizer</p>
<p>HTML <ins>Dersi</ins> Öğreniyorum</p>
</body>
</html>
--- Kod sonu ---
Örnek 9
<sub></sub> Etiket arasına yazılan kelime bir satır alta kayar
HTML dersleri son hız devam ediyor
--- Kod: ---<!DOCTYPE html>
<html>
<body>
<p>Yazı <sub>Alta</sub> indi</p>
</body>
</html>
--- Kod sonu ---
Örnek 10
<sup></sup> Bu etketler arasına yazılan kelime diğer yazılardan bir üst satırda gözükür.
HTML dersleri son hız devam ediyor
--- Kod: ---<!DOCTYPE html>
<html>
<body>
<p>HTML dersleri<sup>son hız</sup>devam ediyor.</p>
</body>
</html>
--- Kod sonu ---
Linkback: HTML Biçimlendirme Öğeleri
Navigasyon
[0] Mesajlar
Tam sürüme git