HTML <code> Tag

Definitie en gebruik

<code> De tag wordt gebruikt om een codefragment te definiëren, waarvan de inhoud in het standaard schrift van de browser wordt weergegeven.

Tip:Deze tag is niet verlaten, maar je kunt met CSS een rijkere effecten bereiken (zie het voorbeeld hieronder).

Zie ook:

Tag Beschrijving
<samp> Definieer een voorbeeld van de uitvoer van een computerprogramma.
<kbd> Definieer een toetsbordtoetsing.
<var> Definieer een variabele.
<pre> Definieer voorformattede tekst.

Zie ook:

HTML Tutorial:HTML text formatting

HTML DOM Referentiehandleiding:Code-object

Voorbeeld

Voorbeeld 1

Definieer een deel van de tekst als computercode in het document:

<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 the element.</p>

Try it yourself

Voorbeeld 2

Gebruik CSS om de stijl van het <code>-element in te stellen:

<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 the element.</p>
</body>
</html>

Try it yourself

Global attributes

<code> The tag also supports Global attributes in HTML.

event attributes

<code> The tag also supports Event attributes in HTML.

Default CSS settings

Most browsers will display the following default values <code> Element:

code {
  font-family: monospace;
}

Try it yourself

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support