Estou montando uma página e no conteúdo dela existem trechos de códigos HTML.
Tentei inserir trechos de códigos dessa forma mas não deu certo:
/*
<!DOCTYPE html>
<html>
<body>
<p>Arrays :</p>
<pre>
<code>
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var carros = ["Saab", "Volvo", "BMW"];
document.getElementById("demo").innerHTML = carros;
</script>
</body>
</html>
</code>
</pre>
</body>
</html>
*/
Como posso inserir o trecho de código completo sem que a página faça interpretação do código HTML ? devo usar alguma biblioteca externa ou existe algum recurso nativo do HTML para fazer isso ?