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;