42 – Html Sayfasında Kod Kullanımları
Html web sayfamızda kısa kodlar yazabiliriz. Tarayıcımızın bunu anlaması için <code>, <kbd>, <samp>, <var> gibi etiketleri kullanabiliriz.
Html <code> Etiketi
code etiketi ile html sayfasında bir kodu yazıp gösterebiliriz. Tarayıcı bunun bir kod olduğunu anlayacaktır ve yorumlamadan olduğu gibi gösterecektir. Kafası karışmayacaktır.
Örnek
<code>
a = 2;
b = 3;
c = a + b;
</code>Yukarıdaki şekilde yazdığımızda tarayıcı bunları yan yana gösterecektir. Bunun göründüğü şekilde çıkmasını istiyorsak biçimlendirilmiş paragraf etiketi olan <pre> etiketini kullanabiliriz.
Örnek
<pre>
<code>
a = 2;
b = 3;
c = a + b;
</code>
</pre>Html <kbd> Etiketi
kbd etiketi klavye tuş kombinasyonlarını göstermek için kullanılır.
Örnek
<html>
<head>
<title>Html kbd Etiketi</title>
</head>
<body>
<p>Bu sayfayı kopyalamak için önce <kbd>CTRL + A </kbd> ardından <kbd>CTRL + C </kbd> tuşlarına basın</p>
</body>
</html>Html <samp> Etiketi
samp etiketi html sayfasında bir programın çıktısını simule etmek için kullanılır. Sanki program o şekilde bir çıktı vermiş gibi. Kendine özgü yazı tipiyle görüntülenir.
Örnek
<html>
<head>
<title>Html samp Etiketi</title>
</head>
<body>
<p>Programınızdan gelen mesajlar...</p>
<p>Program bir hata ile karşılaştı.</p>
<samp>İstenilen dosya bulunamıyor...</samp>
</body>
</html>Html Sayfası İçerisinde Değişken Tanımlamak
Html <var> Etiketi
Htm sayfası içerisinde değişken tanımlamak için örnek <var> değişken </var> etiketi kullanılır.
Tanımlanan değişken html sayfasında çıktı olarak italik olacaktır.
Örnek
<p>Digdörtgenin alanı <var>a</var> x <var>b</var> şeklinde bulunur.</p>
<p> <var>a</var> en, <var>b</var> ise yüksekliktir. </p>