Como exibir código HTML em uma página web?
Neste artigo veremos como exibir código HTML em uma página web, ou seja, o cliente que entra em seu site poder ver tags HTML, de uma maneira muito simples e fácil.
Fala programador(a), beleza? Bora aprender coisa nova!
Você já deve ter tentado imprimir tags no HTML, para fazer uma exibição de como funciona alguma coisa, por exemplo
Quer se especializar em Desenvolvimento Web? Veja o nosso catálogo de cursos.
E se deparou com o interpretado transformando tudo em tag, fazendo com que você não conseguisse exibir as tags puras, sem que virassem elementos
Então a partir de agora, seus problemas acabam 😀
Para exibir as tags HTML em vez do elemento, você deve trocar a abertura de tag o ‘<‘ por um código que é o <
E o símbolo de fechamento, o ‘>’, por o código >
Esses códigos são bem comuns no HTML para tomarem forma de algum símbolo, vamos ver um exemplo na prática:
<!DOCTYPE html>
<html>
<head>
<title>Como exibir código HTML</title>
<meta charset="utf-8">
</head>
<body>
<p>Eu quero exibir a tag < ;h1> ; aqui!</p>
</body>
</html>
Obs: separei o ponto e vírgula do restante do código para poder exibir corretamente no exemplo, se você fizer deste jeito não irá funcionar, você deve juntar todo o código do símbolo
Veja como isso é representado no navegador:
Vejam que a tag <h1> foi exibida corretamente, sem ter transformado o resto do texto em um elemento de h1
E então atingimos nosso objetivo de exibir código HTML em um uma página web
Porém como eu disse antes, temos um catálogo enorme de símbolos em HTML, como é o caso do copyright, que pode ser feito pelo código: ©
Para um maior conhecimento dos símbolos visite este site, que contém um grande catálogo dos mesmos
Conclusão
Neste artigo vimos como como exibir código HTML, ou seja, exibir as tags nas páginas HTML
Para isso utilizamos dois símbolos, um de abertura de tag e outro de fechamento
Que são: < e >
O que o HTML faz é transformar esses códigos em símbolos de < e >
Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube
Formações
Formação Vibe Coding
Do Prompt ao Produto: Crie Software Real com IA
- 473 aulas
- 20 projetos
- 39h 26min
Blog | Mais populares
Como usar o Antigravity do Google: guia completo do zero ao primeiro app
Aprenda neste guia prático como usar o Antigravity do Google: descubra a instalação, configuração, criação de projetos com o Agent Manager e o primeiro deploy, […]
Melhor curso de agentes de IA: Conheça a Formação da Hora de Codar
Descubra o melhor curso de agentes de IA do mercado: confira a Formação Agentes de IA Hora de Codar e outras opções para impulsionar sua […]
Checklist de segurança n8n VPS pública: práticas essenciais para proteger seu servidor
Confira o checklist de segurança n8n VPS pública e saiba como proteger seu servidor seguindo práticas essenciais. Rodar o n8n em uma VPS pública traz […]
Muito obrigado pela dica Matheus!
de nada João!
Valeu mestre!