Elementi di codice informatico HTML

Codice del computer

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}

Formato del codice del computer HTML

Di solito, HTML utilizzaVariabiledelle dimensioni delle lettere e degli spazi variabili tra le lettere.

Nella visualizzazioneCodice del computerNello esempio, non è necessario farlo.

<kbd>, <samp>, e <code> Tutti gli elementi supportano dimensioni di lettere fisse e spaziature.

Formato HTML tastiera

HTML <kbd> Definizione dell'elementoInput da tastiera：

Esempio

<p>Aprire un file, selezionare:</p>
<p><kbd>File | Apri...</kbd></p>

Prova personalmente

Formattazione di esempio HTML

HTML <samp> Definizione dell'elementoEsempio di output del 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>

Prova personalmente

Formattazione del codice HTML

HTML <code> Definizione dell'elementoEsempio di codice di programmazione：

Esempio

<code>
var person = { firstName:"Bill", lastName:"Gates", age:50, eyeColor:"blue" }
</code>

Prova personalmente

<code>elementonon conservatieccessiviSpazieRitorno a capo：

Esempio

Esempio di codice

<code>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</code>

Prova personalmente

Per risolvere questo problema, devi avvolgere il codice nel tag <pre>:

Esempio

Esempio di codice

<code>
<pre>
var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
}
</pre>
</code>

Prova personalmente

Formattazione delle variabili HTML

HTML <var> Definizione dell'elementoVariabile matematica：

Esempio

<p>Einstein scrisse:</p>
<p><var>E = m c<sup>2</sup></var></p>

Prova personalmente

Elementi di codice informatico HTML

Etichetta Descrizione
<code> Definire il testo del codice informatico
<kbd> Definire il testo di tastiera
<samp> Definire un esempio di codice informatico
<var> Definire una variabile
<pre> Definire il testo preformattato