HTML <code> Tag

Definition och användning

<code> Taggen används för att definiera datorkodsbitar, där innehållet visas med webbläsarens standardfjärrkontrollskrift.

Tips:Denna tagg har inte föråldrats. Men, mer rika effekter kan uppnås genom att använda CSS (se exempel nedan).

Se också:

Tagg Beskrivning
<samp> Definiera exempel på utdata från datorprogram.
<kbd> Definiera tangentbordsinmatning.
<var> Definiera variabler.
<pre> Definiera förformaterad text.

Se också:

HTML-utbildning:HTML text formatting

HTML DOM-referenshandbok:Kodobjekt

Exempel

Exempel 1

Definiera vissa texter som datorkoder i dokumentet:

<p>HTML <code>button</code>-etiketten definierar en klickbar knapp.</p>
<p>CSS <code>background-color</code>-egenskapen definierar elementets bakgrundsfärg.</p>

Prova själv

Exempel 2

Använd CSS för att ställa in stilen för <code>-elementet:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>
<p>HTML <code>button</code>-etiketten definierar en klickbar knapp.</p>
<p>CSS <code>background-color</code>-egenskapen definierar elementets bakgrundsfärg.</p>
</body>
</html>

Prova själv

Globala egenskaper

<code> Etiketterna stöder också Globala egenskaper i HTML.

event properties

<code> Etiketterna stöder också Event properties i HTML.

Standard CSS-inställningar

De flesta webbläsare kommer att använda följande standardvärden för att visa <code> Element:

code {
  font-family: monospace;
}

Prova själv

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd