HTML -Tutorial

HTML-HOME HTML-Einführung HTML-Editoren HTML-Basis HTML-Elemente HTML-Attribute HTML-Überschriften HTML-Absätze HTML-Stile HTML-Formatierung HTML-Zitate HTML-Kommentare HTML-Farben HTML-CSS HTML-Links HTML-Bilder HTML-Favicon HTML-Tabellen HTML-Listen HTML-Block und Inline HTML-Klassen HTML-ID HTML-Iframes HTML-JavaScript HTML-Dateipfade HTML-Kopf HTML-Layout HTML-responsiv HTML Computercode HTML-Semantik HTML-Styleguide HTML-Entitäten HTML-Symbole HTML-Emojis HTML-Zeichensatz HTML-URL-Codierung HTML vs. XHTML

HTML -Formulare

HTML-Formulare HTML-Formularattribute HTML-Formularelemente HTML-Eingabetypen HTML-Eingabeattribute HTML-Eingabeformularattribute

HTML -Grafiken

HTML-Leinwand HTML-SVG

HTML- Medien

HTML-Medien HTML-Video HTML-Audio HTML-Plugins HTML-YouTube

HTML -APIs

HTML-Geolokalisierung HTML-Drag/Drop HTML-Webspeicher HTML-Webworker HTML-SSE

HTML- Beispiele

HTML-Beispiele HTML-Quiz HTML-Übungen HTML-Zertifikat HTML-Zusammenfassung HTML-Barrierefreiheit

HTML -Referenzen

HTML-Tag-Liste HTML-Attribute Globale HTML-Attribute HTML-Browser-Unterstützung HTML-Ereignisse HTML-Farben HTML-Leinwand HTML-Audio/Video HTML-Doctypes HTML-Zeichensätze HTML-URL-Codierung HTML-Sprachcodes HTTP-Nachrichten HTTP-Methoden PX-zu-EM-Konverter Tastatürkürzel

HTML -Computercode-Elemente


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


Beispiel

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

HTML <kbd> Für Tastatureingaben

Das HTML <kbd>-Element wird verwendet, um Tastatureingaben zu definieren. Der darin enthaltene Inhalt wird in der Standard-Monospace-Schriftart des Browsers angezeigt.

Beispiel

Definieren Sie Text als Tastatureingabe in einem Dokument:

<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>

Ergebnis:

Save the document by pressing Ctrl + S

HTML <samp> Für die Programmausgabe

Das HTML <samp>-Element wird verwendet, um Beispielausgaben von einem Computerprogramm zu definieren. Der darin enthaltene Inhalt wird in der Standard-Monospace-Schriftart des Browsers angezeigt.

Beispiel

Definieren Sie einen Text als Beispielausgabe eines Computerprogramms in einem Dokument:

<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

Ergebnis:

Message from my computer:

File not found.
Press F1 to continue



HTML <code> Für Computercode

Das HTML <code>-Element wird verwendet, um ein Stück Computercode zu definieren. Der darin enthaltene Inhalt wird in der Standard-Monospace-Schriftart des Browsers angezeigt.

Beispiel

Definieren Sie einen Text als Computercode in einem Dokument:

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

Ergebnis:

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

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

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

Beispiel

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

Ergebnis:

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

HTML <var> für Variablen

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

Beispiel

Definieren Sie Text als Variablen in einem Dokument:

<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>

Ergebnis:

The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.

Kapitelzusammenfassung

  • Das <kbd>Element definiert Tastatureingaben
  • Das <samp>Element definiert Beispielausgaben von einem Computerprogramm
  • Das <code>Element definiert ein Stück Computercode
  • Das <var>Element definiert eine Variable in der Programmierung oder in einem mathematischen Ausdruck
  • Das <pre>Element definiert vorformatierten Text

HTML-Übungen

Testen Sie sich mit Übungen

Übung:

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

<p>Codebeispiel:war Person;</p>


HTML-Computercode-Elemente

Tag Description
<code> Defines programming code
<kbd> Defines keyboard input 
<samp> Defines computer output
<var> Defines a variable
<pre> Defines preformatted text

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