Etichetta HTML <code>

Definizione e uso

<code> L'etichetta viene utilizzata per definire un frammento di codice del computer, il cui contenuto viene visualizzato con il carattere a spazi uniformi predefinito del browser.

Suggerimento:Questa etichetta non è obsoleta. Ma puoi ottenere effetti più ricchi utilizzando CSS (vedi gli esempi di seguito).

Vedi anche:

Etichetta Descrizione
<samp> Definisci l'output di esempio del programma del computer.
<kbd> Definisci l'input da tastiera.
<var> Definisci la variabile.
<pre> Definisci il testo preformattato.

Vedi anche:

Corso HTML:Formattazione del testo HTML

Manuale di riferimento HTML DOM:Oggetto Code

Esempio

Esempio 1

Definisci alcuni testi come codice del documento:

<p>Il tag <code>button</code> di HTML definisce un pulsante cliccabile.</p>
<p>La proprietà <code>background-color</code> di CSS definisce il colore di sfondo dell'elemento.</p>

Prova tu stesso

Esempio 2

Imposta lo stile dell'elemento <code> utilizzando CSS:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>
<p>Il tag <code>button</code> di HTML definisce un pulsante cliccabile.</p>
<p>La proprietà <code>background-color</code> di CSS definisce il colore di sfondo dell'elemento.</p>
</body>
</html>

Prova tu stesso

Proprietà globali

<code> Il tag supporta anche Proprietà globali in HTML.

Proprietà degli eventi

<code> Il tag supporta anche Proprietà degli eventi in HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per visualizzare <code> Elemento:

code {
  font-family: monospace;
}

Prova tu stesso

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto