
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.

<!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> |

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;