Come Creare: Evidenziatore di Sintassi

Impara come creare e utilizzare un Evidenziatore di Sintassi.

Evidenziatore di Sintassi

Quando aggiungi alcuni colori ai frammenti di codice, diventano più facili da leggere:

<!DOCTYPE html> <html> <body> <h1>Test di un Evidenziatore di Sintassi HTML</h2> <p>Hello world!</p> <a href="https://www.codew3c.com">Torna a Scuola</a> </body> </html>









Come creare un Evidenziatore di Sintassi


Primo Passo - Aggiungi HTML:


Un <div> contenente codice HTML:


<div id="myDiv">
<!DOCTYPE html><br>
<html><br>
<body><br>
<br>
<h1>Test di un Evidenziatore di Sintassi HTML</h2><br>
<p>Hello world!</p><br>
<a href="https://www.codew3c.com">Torna a Scuola</a><br>
<br>
</body><br>
</html>
</div>



Secondo Passo - Aggiungi JavaScript:


Creare una funzione chiamata "w3CodeColor" e utilizzarla con un elemento DIV come parametro:


w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
  // clicca "Prova da Te Stesso" per vedere il JavaScript...
}



Prova personalmente