Código W3.CSS


Exemplos de exibição

A classe w3-panel é usada para exibir exemplos em um contêiner cinza:

Exemplo

  • Jill
  • véspera
  • Adão


Código de exibição

A classe de código w3 é usada para exibir o código em uma fonte legível com espaçamento único.

Exemplo

frutas[0] = "Banana";
frutas[1] = "Maçã";
frutas[2] = "Manga";
frutas[3] = "Ameixa";


Destacar código embutido

A classe w3-codespan é usada para destacar o código embutido:

O htmlelemento define uma página HTML.

Exemplo

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


Código de coloração

O W3Schools fornece uma biblioteca JavaScript para colorir código.

Exemplo

frutas[0] = "Banana";
frutas[1] = "Maçã";
frutas[2] = "Manga";
frutas[3] = "Ameixa";

Você pode baixar a biblioteca aqui: https://www.w3schools.com/lib/w3codecolor.js

Se você usa a biblioteca w3codecolor.js, também pode usar as classes de código descritas abaixo:


Destacar código JavaScript

A classe jsHigh é usada para destacar o código JavaScript:

Exemplo

<div class="w3-code jsHigh">

.. JavaScript code here

</div>

Destacar código HTML

A classe htmlHigh é usada para destacar o código HTML:

Exemplo

<div class="w3-code htmlHigh">

.. HTML code goes here

</div>

Destacar código CSS

A classe cssHigh é usada para destacar o código CSS:

Exemplo

<div class="w3-code cssHigh">

.. CSS code here

</div>