Sådan opretter: Syntaksfremhæver

Lær hvordan du opretter og bruger en syntaksfremhæver.

Syntaksfremhæver

Når du tilføjer nogle farver til kodefragmenter, bliver de lettere at læse:

<!DOCTYPE html> <html> <body> <h1>Test en HTML Syntaksfremhæver</h2> <p>Hello world!</p> <a href="https://www.codew3c.com">Tilbage til Skole</a> </body> </html>









Sådan opretter du en syntaksfremhæver


Første trin - Tilføj HTML:


Indeholder HTML-kode <div>:


<div id="myDiv">
<!DOCTYPE html><br>
<html><br>
<body><br>
<br>
<h1>Test en HTML Syntaksfremhæver</h2><br>
<p>Hello world!</p><br>
<a href="https://www.codew3c.com">Tilbage til Skole</a><br>
<br>
</body><br>
</html>
</div>



Andet trin - Tilføj JavaScript:


Opret en funktion ved navn "w3CodeColor" og brug et DIV-element som parameter til at kalde den:


w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
  // klik "Prøv det selv" for at se JavaScript...
}



Prøv selv