Código W3.CSS
Ejemplos de visualización
La clase w3-panel se usa para mostrar ejemplos en un contenedor gris:
Ejemplo
- Jill
- víspera
- Adán
Código de pantalla
La clase w3-code se utiliza para mostrar el código en una fuente legible con un solo espacio.
Ejemplo
frutas[0] = "Plátano";
frutas[1] = "Manzana";
frutos[2] = "Mango";
frutas[3] = "Ciruela";
Resaltar código en línea
La clase w3-codespan se usa para resaltar el código en línea:
El htmlelemento define una página HTML.
Ejemplo
The
<code class="w3-codespan">html</code> element defines an HTML page.
Código para colorear
W3Schools proporciona una biblioteca de JavaScript para colorear el código.
Ejemplo
frutas[0] = "Plátano";
frutas[1] = "Manzana";
frutos[2] = "Mango";
frutas[3] = "Ciruela";
Puede descargar la biblioteca desde aquí: https://www.w3schools.com/lib/w3codecolor.js
Si usa la biblioteca w3codecolor.js, también puede usar las clases de código que se describen a continuación:
Resaltar código JavaScript
La clase jsHigh se usa para resaltar el código JavaScript:
Ejemplo
<div class="w3-code jsHigh">
.. JavaScript code here
</div>
Resaltar código HTML
La clase htmlHigh se usa para resaltar el código HTML:
Ejemplo
<div class="w3-code htmlHigh">
.. HTML code goes here
</div>
Resaltar código CSS
La clase cssHigh se usa para resaltar el código CSS:
Ejemplo
<div class="w3-code cssHigh">
.. CSS code here
</div>