Neste artigo você vai aprender como escrever códigos de exemplo, sem que sejam executados, de qualquer linguagem como: PHP, JS, HTML e etc

Fala programador(a), beleza? Bora aprender a como escrever código que não seja interpretado pelo navegador!
Para exibir código sem executar, precisamos apenas escrever os sinais de maior e menor (< e >) de uma maneira que não sejam reconhecidos como tais
Então utilizamos os códigos que vão imprimir os símbolos, então deixando de serem interpretados pelo navegador
Veja um exemplo:
<p>Este é um parágrafo</p>
Este código vai renderizar um parágrafo desta maneira:
<p>Este é um parágrafo</p>
E não será interpretador pelo navegador, utilizando os atributos e recursos da tag p
Temos também outra alternativa: a tag pre
Ela vai inserir texto pré-formatado, ou seja, pode representar código na sua página
Veja uma utilização:
<pre>
body {
color: red;
}
</pre>
Desta maneira podemos facilmente representar CSS em uma tela de HTML
Aprenda mais sobre a tag pre neste link
Conclusão
Neste artigo vimos como escrever códigos de exemplo
Utilizamos duas abordagens:
- Utilizando os códigos dos elementos < e >
- E também utilizando a tag pre
As duas formas satisfazem o objetivo do artigo, imprimindo código de exemplo sem o mesmo ser interpretado e sem fazer alterações na página que o exibe
Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube