HTML <kodu> Etiketi


Örnek

Bir belgede bazı metinleri bilgisayar kodu olarak tanımlayın:

<p>The HTML <code>button</code> tag defines a clickable button.</p>

<p>The CSS <code>background-color</code> property defines the background color of an element.</p>

Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.


Tanım ve Kullanım

Etiket <code>, bir bilgisayar kodu parçasını tanımlamak için kullanılır. İçindeki içerik, tarayıcının varsayılan monospace yazı tipinde görüntülenir.

İpucu: Bu etiket kullanımdan kaldırılmamıştır. Ancak, CSS kullanarak daha zengin efekt elde etmek mümkündür (aşağıdaki örneğe bakın).

Şuna da bakın:

Tag Description
<samp> Defines sample output from a computer program
<kbd> Defines keyboard input
<var> Defines a variable
<pre> Defines preformatted text

Tarayıcı Desteği

Element
<code> Yes Yes Yes Yes Yes

Genel Özellikler

Etiket ayrıca HTML'deki Global Nitelikleri<code> de destekler .


Etkinlik Özellikleri

Etiket ayrıca HTML'deki Etkinlik Niteliklerini<code> de destekler .


Daha fazla örnek

Örnek

<code> öğesine stil vermek için CSS kullanın:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>

<p>The HTML <code>button</code> tag defines a clickable button.</p>
<p>The CSS <code>background-color</code> property defines the background color of an element.</p>

</body>
</html>

İlgili Sayfalar

HTML öğreticisi: HTML Metin Biçimlendirme

HTML DOM referansı: Kod Nesnesi


Varsayılan CSS Ayarları

Çoğu tarayıcı, <code>öğeyi aşağıdaki varsayılan değerlerle görüntüler:

Örnek

code {
  font-family: monospace;
}