Como criar: Destaque de sintaxe

Aprenda a criar e usar destaque de sintaxe.

Destaque de sintaxe

Quando você adiciona algumas cores aos trechos de código, eles ficam mais fáceis de ler:

<!DOCTYPE html> <html> <body> <h1>Testando um Destaque de Sintaxe HTML</h2> <p>Hello world!</p> <a href="https://www.codew3c.com">Voltar à Escola</a> </body> </html>









Como criar um destaque de sintaxe


Primeiro passo - Adicionar HTML:


Div contendo código HTML:


<div id="myDiv">
<!DOCTYPE html><br>
<html><br>
<body><br>
<br>
<h1>Testando um Destaque de Sintaxe HTML</h2><br>
<p>Hello world!</p><br>
<a href="https://www.codew3c.com">Voltar à Escola</a><br>
<br>
</body><br>
</html>
</div>



Segundo passo - Adicionar JavaScript:


Crie uma função chamada "w3CodeColor" e use o elemento DIV como parâmetro para chamá-la:


w3CodeColor(document.getElementById("myDiv"));
function w3CodeColor(elmnt) {
  // clique em "Tente sozinho" para ver o JavaScript...
}



Experimente você mesmo