Mostrar código na página
Como mostrar um código javaScript na página de forma correta? Quero fazer um artigo em HTML5 e nele exemplificar um código aleatório que não faz parte do código da página. No entanto, se eu digitar o código e depois tentar identar ele com HTML5, não consigo ter um bom resultado. O <br> não funciona e o código fica parecendo apenas em uma unica linha. <p> também não funciona. Tem alguma forma de digitar o código sem que a página o considere um código?
Um exemplo:
<!DOCTYPE html>
<html lang = "pt-br">
<head>
<title>Inserir código</title>
<meta charset = "UTF-8">
<style>
p {
color: white;
}
#caixa-codigo {
width:300px;
height: 300px;
background-color: aqua;
margin-left: auto;
margin-bottom: auto;
}
</style>
</head>
<script>
</script>
<body>
<h1>Inserir o código de exemplo a baixo:</h1>
<p>
for (var i = 2; i< 10; i++) <br/>
console.log("i") <br/>
</p>
</body>
</html>
Outra pergunta: Qual melhor plugin Wordpress para fazer esse tipo de coisa? Já pesquisei bastante sobre isso e as pessoas falam nomes de plugins, mas quando procuro lá no Wordpress o plugin, fica como não encontrado.
Estava com duvida se era pra colocar essa pergunta no fórum de JavaScript, WordPress ou nesse aqui, me desculpem se coloquei no lugar errado.
Desde já, obrigado!Discussão (3)
Carregando comentários...