HTML-Computer-Code-Elemente

❮ Zurück Weiter Kapitel ❯

Computer-Code-Element

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

HTML-Computer-Code-Formatierung

HTML verwendet in der Regel variable Schriftgröße und Abstand.

Dies wollte nicht als Beispiele für Computercode anzeigt.

Die <kbd> , <samp> und <code> Elemente alle Träger fixiert Buchstabengröße und Abstand.

HTML <kbd> Für Tastatureingabe

Das HTML <kbd> Element definiert Tastatureingabe:

Beispiel

Ergebnis:

File | Open...

Versuch es selber "

HTML <samp> Für Computer Output

Die HTML <samp> Element definiert Beispielausgabe von einem Computerprogramm:

Beispiel

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

Ergebnis:

demo.example.com login: Apr 12 09:10:17 Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189

Versuch es selber "

HTML <code> für Computer - Code

Der HTML - Code <code> Element definiert ein Stück Programmcode:

Beispiel

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

Ergebnis:


var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;

Versuch es selber "

Beachten Sie, dass das <code> Element nicht zusätzliche Leerzeichen und Zeilenumbrüche nicht bewahrt.

Um dies zu beheben, können Sie das setzen <code> Element innerhalb eines <pre> Element:

Beispiel

<pre>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</pre>

Ergebnis:

var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;

Versuch es selber "

HTML <var> Für Variablen

Die HTML <var> Element definiert eine Variable.

Die Variable kann eine Variable in einem mathematischen Ausdruck oder eine Variable in der Programmierung Kontext sein:

Beispiel

Einstein wrote: <var>E</var> = <var>m</var><var>c</var><sup>2</sup>.

Ergebnis:

Einstein wrote: E = m c ² .

Versuch es selber "

Testen Sie sich mit Übungen!

Übung 1 » Übung 2» Übung 3 »