Gli ultimi tutorial di sviluppo web

HTML Computer Codice Elementi

Codice Computer Element

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

HTML Computer Formattazione del codice

HTML utilizza normalmente formato lettera variabile e spaziatura.

Questo non è voluto quando si visualizzano gli esempi di codice del computer.

Il <kbd> , <samp> e <code> tutti gli elementi di supporto fissato dimensione delle lettere e spaziatura.


HTML <kbd> per la tastiera di input

Il HTML <kbd> elemento definisce input da tastiera:

Esempio

<kbd>File | Open...</kbd>

Risultato:

File | Open...
Prova tu stesso "

HTML <samp> Per Computer Output

Il codice HTML <samp> elemento definisce un esempio di output da un programma per computer:

Esempio

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

Risultato:

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
Prova tu stesso "

HTML <code> Per il codice del computer

L'HTML <code> elemento definisce un pezzo di codice di programmazione:

Esempio

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

Risultato:

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

Si noti che il <code> elemento non conserva gli spazi in più e interruzioni di linea.

Per risolvere questo problema, è possibile inserire il <code> elemento all'interno di un <pre> elemento:

Esempio

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

Risultato:

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

HTML <var> per le variabili

Il codice HTML <var> elemento definisce una variabile.

La variabile può essere una variabile in un'espressione matematica o una variabile in context programmazione:

Esempio

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

Risultato:

Einstein wrote: E = m c 2 .
Prova tu stesso "

Mettiti alla prova con esercizi!

Esercizio 1 » Esercizio 2» Esercizio 3 »


HTML Computer Codice Elementi

Etichetta Descrizione
<code> Definisce il codice di programmazione
<kbd> Definisce input da tastiera
<samp> Definisce l'uscita del computer
<var> Definisce una variabile
<pre> Definisce un testo preformattato