HTML Computercode-Elemente

Computercode

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}

HTML-Computercode-Format

Normalerweise verwendet HTMLvariabelder Buchstabengröße sowie variablen Buchstabenspacement.

im AnzeigenComputercodeBeim Beispiel ist dies nicht erforderlich.

<kbd>, <samp>sowie <code> Alle Elemente unterstützen feste Buchstabengrößen und Abstände.

HTML-Tastatursatz

HTML <kbd> ElementdefinitionTastatureingabe:

Beispiel

<p>Um eine Datei zu öffnen, wählen Sie:</p>
<p><kbd>Datei | Öffnen...</kbd></p>

Versuchen Sie es selbst

HTML Beispielformat

HTML <samp> ElementdefinitionBeispiel für Computerausgabe:

Beispiel

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

Versuchen Sie es selbst

HTML-Codeformat

HTML <code> ElementdefinitionBeispiel für Programmcode:

Beispiel

<code>
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
</code>

Versuchen Sie es selbst

<code>-Elementnicht beibehaltenüberschüssigLeerraumundZeilenumbruch:

Beispiel

Codebeispiel:

<code>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</code>

Versuchen Sie es selbst

Um dieses Problem zu lösen, müssen Sie den Code in einem <pre>-Element umgeben:

Beispiel

Codebeispiel:

<code>
<pre>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

Versuchen Sie es selbst

HTML Variable Formatierung

HTML <var> ElementdefinitionMathematische Variable:

Beispiel

<p>Einstein schrieb:</p>
<p><var>E = m c<sup>2</sup></var></p>

Versuchen Sie es selbst

HTML Computercode-Elemente

Tag Beschreibung
<code> Definieren Sie Text für Computercode
<kbd> Definieren Sie Text für die Tastatur
<samp> Definieren Sie ein Beispiel für Computercode
<var> Definieren Sie eine Variable
<pre> Definieren Sie vorformatierten Text