W3.CSS- Code


Anzeigebeispiele

Die Klasse w3-panel wird verwendet, um Beispiele in einem grauen Container anzuzeigen:

Beispiel

  • Jill
  • Vorabend
  • Adam


Code anzeigen

Die w3-code- Klasse wird verwendet, um Code in einer lesbaren Schriftart mit festem Abstand anzuzeigen.

Beispiel

Früchte[0] = "Banane";
Früchte[1] = "Apfel";
Früchte[2] = "Mango";
Früchte[3] = "Pflaume";


Markieren Sie Inline-Code

Die w3-codespan- Klasse wird verwendet, um Inline-Code hervorzuheben:

Das htmlElement definiert eine HTML-Seite.

Beispiel

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


Farbcode

W3Schools bietet eine JavaScript-Bibliothek zum Einfärben von Code.

Beispiel

Früchte[0] = "Banane";
Früchte[1] = "Apfel";
Früchte[2] = "Mango";
Früchte[3] = "Pflaume";

Sie können die Bibliothek hier herunterladen: https://www.w3schools.com/lib/w3codecolor.js

Wenn Sie die Bibliothek w3codecolor.js verwenden, können Sie auch die unten beschriebenen Codeklassen verwenden:


Markieren Sie JavaScript-Code

Die jsHigh -Klasse wird verwendet, um JavaScript-Code hervorzuheben:

Beispiel

<div class="w3-code jsHigh">

.. JavaScript code here

</div>

Markieren Sie HTML-Code

Die Klasse htmlHigh wird verwendet, um HTML-Code hervorzuheben:

Beispiel

<div class="w3-code htmlHigh">

.. HTML code goes here

</div>

Markieren Sie den CSS-Code

Die cssHigh -Klasse wird verwendet, um CSS-Code hervorzuheben:

Beispiel

<div class="w3-code cssHigh">

.. CSS code here

</div>