Codice W3.CSS


Visualizza esempi

La classe w3-panel viene utilizzata per visualizzare esempi in un contenitore grigio:

Esempio

  • Jill
  • vigilia
  • Adamo


Visualizza codice

La classe w3-code viene utilizzata per visualizzare il codice in un carattere leggibile a spaziatura fissa.

Esempio

frutti[0] = "Banana";
frutti[1] = "Mela";
frutti[2] = "Mango";
frutti[3] = "Prugna";


Evidenzia il codice in linea

La classe w3-codespan viene utilizzata per evidenziare il codice inline:

L' htmlelemento definisce una pagina HTML.

Esempio

The <code class="w3-codespan">html</code> element defines an HTML page.


Codice da colorare

W3Schools fornisce una libreria JavaScript per il codice da colorare.

Esempio

frutti[0] = "Banana";
frutti[1] = "Mela";
frutti[2] = "Mango";
frutti[3] = "Prugna";

Puoi scaricare la libreria da qui: https://www.w3schools.com/lib/w3codecolor.js

Se utilizzi la libreria w3codecolor.js, puoi anche utilizzare le classi di codice descritte di seguito:


Evidenzia il codice JavaScript

La classe jsHigh viene utilizzata per evidenziare il codice JavaScript:

Esempio

<div class="w3-code jsHigh">

.. JavaScript code here

</div>

Evidenzia il codice HTML

La classe htmlHigh viene utilizzata per evidenziare il codice HTML:

Esempio

<div class="w3-code htmlHigh">

.. HTML code goes here

</div>

Evidenzia il codice CSS

La classe cssHigh viene utilizzata per evidenziare il codice CSS:

Esempio

<div class="w3-code cssHigh">

.. CSS code here

</div>