Code W3.CSS
Exemples d'affichage
La classe w3-panel est utilisée pour afficher des exemples dans un conteneur gris :
Exemple
- Julie
- Veille
- Adam
Code d'affichage
La classe w3-code est utilisée pour afficher le code dans une police à espacement fixe lisible.
Exemple
fruits[0] = "Banane" ;
fruits[1] = "Pomme" ;
fruits[2] = "Mangue" ;
fruits[3] = "Prune" ;
Mettre en surbrillance le code en ligne
La classe w3-codespan est utilisée pour mettre en évidence le code en ligne :
L' htmlélément définit une page HTML.
Exemple
The
<code class="w3-codespan">html</code> element defines an HTML page.
Code de coloriage
W3Schools fournit une bibliothèque JavaScript pour colorer le code.
Exemple
fruits[0] = "Banane" ;
fruits[1] = "Pomme" ;
fruits[2] = "Mangue" ;
fruits[3] = "Prune" ;
Vous pouvez télécharger la bibliothèque ici : https://www.w3schools.com/lib/w3codecolor.js
Si vous utilisez la bibliothèque w3codecolor.js, vous pouvez également utiliser les classes de code décrites ci-dessous :
Mettez en surbrillance le code JavaScript
La classe jsHigh est utilisée pour mettre en évidence le code JavaScript :
Exemple
<div class="w3-code jsHigh">
.. JavaScript code here
</div>
Mettre en surbrillance le code HTML
La classe htmlHigh est utilisée pour mettre en évidence le code HTML :
Exemple
<div class="w3-code htmlHigh">
.. HTML code goes here
</div>
Mettez en surbrillance le code CSS
La classe cssHigh est utilisée pour mettre en évidence le code CSS :
Exemple
<div class="w3-code cssHigh">
.. CSS code here
</div>