HTML-<code>-Tag
Beispiel
Definieren Sie Text als Computercode in einem Dokument:
<p>Das HTML-Tag <code>button</code> definiert eine anklickbare Schaltfläche.</p>
<p>Die CSS-Eigenschaft <code>background-color</code> definiert die Hintergrundfarbe eines Elements.</p>
Try it Yourself »
Weitere "Try it Yourself" („Probieren Sie es selbst“)-Beispiele weiter unten.
Definition und Verwendung
Das Tag <code> wird verwendet, um einen Teil des Computercodes zu definieren. Der darin enthaltene Inhalt wird in der Standard-Monospace-Schriftart des Browsers angezeigt.
Tipp: Dieses Tag ist nicht veraltet. Durch die Verwendung von CSS ist es jedoch möglich, einen umfassenderen Effekt zu erzielen (siehe Beispiel unten).
Sehen Sie sich auch Folgendes an:
| Tag | Beschreibung |
|---|---|
| <samp> | Definiert die Beispielausgabe eines Computerprogramms |
| <kbd> | Definiert Tastatureingaben |
| <var> | Definiert eine Variable |
| <pre> | Definiert vorformatierten Text |
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <code> | Ja | Ja | Ja | Ja | Ja |
Globale Attribute
Das Tag <code> unterstützt auch die Globale Attribute in HTML.
Ereignisattribute
Das Tag <code> unterstützt auch die Ereignisattribute in HTML.
Weitere Beispiele
Beispiel
Verwenden Sie CSS, um das <code>-Element zu formatieren:
<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>
Try it Yourself »
Verwandte Seiten
HTML-Tutorial: HTML-Textformatierung
HTML-DOM-Referenz: Code Objekt
Standard-CSS-Einstellungen
Die meisten Browser zeigen das Element <code> mit den folgenden Standardwerten an:
