Überschrift strassencoder.ch
Logo strassencoder.ch
Überschrift Computer-Code

Welchen Computercode gibt es in HTML

In einem HTML-Dokument werden Computercodes in einem anderen Textstil und einer anderen Formatierung angezeigt. HTML hat eine Reihe von Elementen zum Anzeigen von Computercode.

Was ist das code-Element

Das code-Tag in HTML wird verwendet, um ein Stück HTML-Code als Programm-Code darzustellen. Der code-Tag verwendet die Standard-Monospace-Schriftart des Browsers. Natürlich könnte man den HTML-Code auch mit CSS formatieren, aber in HTML bietet sich dieser separate Tag.

Was ist das kbd-Element

Das HTML kbd-Element wird verwendet um Benutzereingaben von Tastaturen und anderen Eingabegeräten wiederzugeben. Das kbd-Element wird als inline-Text dargestellt. Diese wird ebenfalls in der Standard-Monospace-Schriftart des Browsers wiedergegeben, obwohl dies vom HTML-Standard nicht vorgeschrieben ist.

Was ist das samp-Element

Das samp-Element gibt in einem inline-Text eine Ausgabe eines Computerprogramm aus. Auch dieses Computercode-Element gibt als Schriftart die Standard-Monospace-Schriftart die auf dem Rechner installiert ist aus (bei Vorlage).

Was ist das var-Element

Das var-Element wird verwendet, um eine Variable in der Programmierung oder einen mathematischen Ausdruck zu definieren. Der enthaltene Inhalt wird kursiv dargestellt.

Was ist das pre-Element

Text in einem pre-Element wird mit einer Schriftart mit fester Breite dargestellt. Es wird genau wie im Editor mit allen Leerzeichen und Zeilenumbrüchen dargestellt.

Überschrift Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Page</title>
</head>
<body>
<h3 style="color: red"><u>Code</u></h3>
<code>
x = 5; y = 6; z = x + y;
</code>
<h3 style="color: red"><u>kbd</u></h3>
<p>Speichert das Dokument beim drücken von <kbd>Ctrl + S</kbd></p>
<h3 style="color: red"><u>samp</u></h3>
<p>Wenn falsche Werte programmiert werden, das Programm wird zurückgeben <samp>Error!</samp></p>
<h3 style="color: red"><u>code und pre</u></h3>
<pre>
<code>
  x = 5;
     y = 6;
z = x + y;
</code>
</pre>
<h3 style="color: red"><u>variabel</u></h3>
Einstein schrieb: <var>E</var> = <var>mc</var><sup>2</sup>
</body>
</html>
Überschrift BrowserAusgabe

Code

x = 5; y = 6; z = x + y;

kbd

Speichert das Dokument beim drücken von Ctrl + S


samp

Wenn falsche Werte programmiert werden, das Programm wird zurückgeben Error!


code und pre


  x = 5;
      y = 6;
    z = x + y;

variabel

Einstein schrieb: E = mc2.