Hur man skapar: Syntaxfärgare

Lär dig hur du skapar och använder syntaxfärgare.

Syntaxfärgare

När du lägger till några färger till kodsegmenten blir de lättare att läsa:

<!DOCTYPE html> <html> <body> <h1>Testa en HTML-syntaxfärgare</h2> <p>Hello world!</p> <a href="https://www.codew3c.com">Tillbaka till skolan</a> </body> </html>









Hur man skapar en syntaxfärgare


Steg 1 - Lägg till HTML:


En <div> som innehåller HTML-kod:


<div id="myDiv">
<!DOCTYPE html><br>
<html><br>
<body><br>
<br>
<h1>Testa en HTML-syntaxfärgare</h2><br>
<p>Hello world!</p><br>
<a href="https://www.codew3c.com">Tillbaka till skolan</a><br>
<br>
</body><br>
</html>
</div>



Steg 2 - Lägg till JavaScript:


Skapa en funktion med namnet "w3CodeColor" och använd en DIV-element som parameter för att anropa den:


w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
  // click "Försök det själv" för att se JavaScript...
}



Prova själv