Ders_13 HTML Bilgisayar Kodu Elemanları

HTML Bilgisayar Kodu Elamanları

Normalde html değişik harf büyüklükleri ve harf boşlukları kullanır. 

Bu, bilgisayar kodu örnekleri veya dersleri yazarken çok da tercih edilen bir durum değildir.

<kbd>, <samp> ve <code> elemanları, sabit harf büyüklüğü ve harf boşlukları ile yazabilmeyi sağlar.

HTML Klavye (keyboard) Biçimi

<kbd> elemanı, klavye formatında yazmayı sağlar.

<p>kbd elemanı klavye tipi yazı çıktısı verir:</p>
<p><kbd>Dosya | Aç...</kbd></p>

Yukarıdaki html elemanlarının çıktısı aşağıdak gibi olacaktır:

kbd elemanı klavye tipi yazı çıktısı verir:

Dosya | Aç...

HTML <samp> Biçimlendirmesi

<samp> elemanı, barındırdığı içerikteki yazı stilinin, bilgisayar çıktısı biçiminde olmasını sağlar.

<p>samp elemanı bilgisayar tipi yazı çıktısı verir:</p>
<samp>Burada bir samp elemanı vardır.</samp>

Yukarıdaki html elemanlarının çıktısı aşağıdak gibi olacaktır:

samp elemanı bilgisayar tipi yazı çıktısı verir:

Burada bir samp elemanı vardır.

HTML <code> Biçimlendirmesi

<code> elemanı, programlama dillerinde yazılan kodları, yorumlamadan yazmayı sağlar.

<code>

var person = {firstName:"John", lastName:"Doe", age:50}

</code>

Yukarıdaki html elemanlarının çıktısı aşağıdaki gibi olacaktır:


 var person = {firstName:"John", lastName:"Doe", age:50}

<code> elemanı, ekstra satır başlarını, satırlar arasındaki fazladan boşlukları ve kelimeler arası fazladan boşlukları görmezden gelir. Eğer bu boşlukları da sayfamıza yansıtmak istiyorsak <pre> tagını kullanabiliriz. Aşağıdaki örneğe dikkat edelim:

<code>
var kişi = {Adi:"Muzaffer",

                      Soyadi:"KAYA",

            yasi:25,

                    gözrengi: "mavi"


                                        }
</code>

Yukarıdaki html elemanının tarayıcımızdaki çıktısı şöyle olacaktır:


var kişi = {Adi:"Muzaffer",
Soyadi:"KAYA",
yasi:25,
gözrengi: "mavi"
}






Verilen boşlukların ihmal edilmesini engellemek için yazılan kod <pre> elemanının içine alınır. Aşağıda, <pre> elemanı içinde alınmış bir kod örneği vardır:

<pre><code>
var kisi = {Adi:"Muzaffer",
               Soyadi:"KAYA", 
               yasi:25,
               gozrengi: "mavi"
}
</code></pre>

Bu html elemanlarını tarayıcıdaki çıktısı aşağıdaki gibi olur:

var kisi = {Adi:"Muzaffer",
            Soyadi:"KAYA", 
            yasi:25,
            gozrengi: "mavi"
 }

HTML Değişken Biçimlendirmesi

<var> elemanı, matematiksel değişkenleri belirtmeyi sağlar.

Aşağıdaki örnekte matematiksel bir formül verilmiştir:

<p>Aynştayn'ın eşitliği:</p>

<p><var>E = m c²</var></p>

Bu elemanların çıktısı şöyledir:

Aynştayn'ın eşitliği:

E = m c²

sonraki dersi için tıklayınız