BESTE WEBSITE FÜR WEBENTWICKLER
HTML5-Lektionen für Anfänger

Ua En Es

HTML -Computercodeelemente


HTML enthält mehrere Elemente zum Definieren von Benutzereingaben und Computercode.


Beispiel

<code>
x = 5;
y = 6;
z = x + y;
</code>
Try it Yourself »

HTML <kbd> für Tastatureingabe

Das HTML-Element <kbd> wird zum Definieren von Tastatureingaben verwendet. Der darin enthaltene Inhalt wird in der Standard-Monospace-Schriftart des Browsers angezeigt.

Beispiel

Definieren Sie Text als Tastatureingabe in einem Dokument:

<p>Speichern Sie das Dokument, indem Sie auf drücken <kbd>Ctrl + S</kbd></p>

Ergebnis:

Speichern Sie das Dokument, indem Sie auf drücken Ctrl + S
Try it Yourself »

HTML <samp> Für die Programmausgabe

Das HTML-Element <samp> wird verwendet, um die Beispielausgabe eines Computerprogramms zu definieren. Der darin enthaltene Inhalt wird in der Standard-Monospace-Schriftart des Browsers angezeigt.

Beispiel

Definieren Sie Text als Beispielausgabe eines Computerprogramms in einem Dokument:

<p>Nachricht von meinem Computer:</p>
<p><samp>Datei nicht gefunden.<br>Drücken Sie F1, um fortzufahren</samp></p>

Ergebnis:

Nachricht von meinem Computer:

Datei nicht gefunden.
Drücken Sie F1, um fortzufahren

Try it Yourself »

HTML <code> Für Computercode

Das HTML-Element <code> wird zum Definieren eines Computercodes verwendet. Der darin enthaltene Inhalt wird in der Standard-Monospace-Schriftart des Browsers angezeigt.

Beispiel

Definieren Sie Text als Computercode in einem Dokument:

<code>
x = 5;
y = 6;
z = x + y;
</code>

Ergebnis:

x = 5; y = 6; z = x + y;
Try it Yourself »

Beachten Sie, dass das Element <code> keine zusätzlichen Leerzeichen und Zeilenumbrüche beibehält.

Um dies zu beheben, können Sie das Element <code> in ein Element <pre> einfügen:

Beispiel

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

Ergebnis:

x = 5;
y = 6;
z = x + y;
Try it Yourself »

HTML <var> Für Variablen

Das HTML-Element <var> wird verwendet, um eine Variable in der Programmierung oder in einem mathematischen Ausdruck zu definieren. Der darin enthaltene Inhalt wird normalerweise kursiv angezeigt.

Beispiel

Definieren Sie Text als Variablen in einem Dokument:

<p>Die Fläche eines Dreiecks beträgt: 1/2 x <var>b</var> x <var>h</var>, Dabei ist <var>b</var> die Basis und <var>h</var> die vertikale Höhe.</p>

Ergebnis:

Die Fläche eines Dreiecks beträgt: 1/2 x <var>b</var> x <var>h</var>, Dabei ist <var>b</var> die Basis und <var>h</var> die vertikale Höhe.
Try it Yourself »

Kapitelzusammenfassung

  • Das Element <kbd> definiert Tastatureingaben
  • Das Element <samp> definiert die Beispielausgabe eines Computerprogramms
  • Das Element <code> definiert einen Teil des Computercodes
  • Das Element <var> definiert eine Variable in der Programmierung oder in einem mathematischen Ausdruck
  • Das Element <pre> definiert vorformatierten Text

HTML Übungen

Testen Sie sich mit Übungen

Übung:

Definieren Sie den Text "var person;" als Programmiercode.

<p>Code example: var person;</p>


HTML Computercodeelemente

Tag Beschreibung
<code> Definiert Programmiercode
<kbd> Definiert Tastatureingaben
<samp> Definiert die Computerausgabe
<var> Definiert eine Variable
<pre> Definiert vorformatierten Text

Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie auf unserer HTML-Tag-Referenz.



Kommentare