Gönderen Konu: HTML Biçimlendirme Öğeleri  (Okunma sayısı 3295 defa)

danua

  • Yönetici
  • Kıdemli Üye
  • *****
  • İleti: 312
  • Karma 65535
HTML Biçimlendirme Öğeleri
« : 10 Kasım 2018, 01:40:33 »
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: [Seç]
<!DOCTYPE html>
<html>
<body>

<p>Normal Yazı</p>

<p><b>Etket içerisinde kalın yazıya dönüşür</b></p>

</body>
</html>


Örnek 2

<strong></strong> Yazılan yazıyı vugulamak için kalın yazar

Kod: [Seç]
<!DOCTYPE html>
<html>
<body>

<p>Normal Yazı Karakteri</p>

<p><strong>Güçlü,vurgulama anlamına gelir .</strong></p>

</body>
</html>

Ö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: [Seç]
<!DOCTYPE html>
<html>
<body>

<p>Normal yazı</p>

<p><i>Yatık yazı yazar</i></p>

</body>
</html>

Ö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: [Seç]
<!DOCTYPE html>
<html>
<body>

<p>Normal yazı</p>

<p><em>Yazının önemini belirtir,yatık yazı </em></p>

</body>
</html>

Örnek 5

<small></small> etiketini kullandığımız da yazımız küçük karakterlerle ekrana basılır.
Kod: [Seç]
<!DOCTYPE html>
<html>
<body>

<h2>Bu element <small>küçük yazı</small> ekrana yazdırır</h2>

</body>
</html>

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: [Seç]
<!DOCTYPE html>
<html>
<body>

<h2>Bu etiket <mark>yazının üzerini fosforlu kalemle çizmiş </mark> gibi çizer</h2>

</body>
</html>

Ö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: [Seç]
<!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>

Örnek 8

<ins></ins> Etiket arasına yazılan kelimenin altını çizmek için kullanılan bir etiket türüdür.

Kod: [Seç]
<!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>

Örnek 9

<sub></sub> Etiket arasına yazılan kelime bir satır alta kayar

HTML dersleri son hız devam ediyor

Kod: [Seç]
<!DOCTYPE html>
<html>
<body>

<p>Yazı <sub>Alta</sub> indi</p>

</body>
</html>

Ö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: [Seç]
<!DOCTYPE html>
<html>
<body>

<p>HTML dersleri<sup>son hız</sup>devam ediyor.</p>

</body>
</html>

Linkback: HTML Biçimlendirme Öğeleri
« Son Düzenleme: 24 Kasım 2018, 23:02:27 Gönderen: danua »
𐱅𐰇𐰼𐰚

Sitelerim
:::::::::::::::::::
telkaricim.com

Tags: