AL

Adriano Lira10/06/2025 21:35
Compartilhe

Como colocar parte de um código no texto do HTML?

    Boa noite, tudo bem?

    Estrou criando um texto no HTML e preciso anexar o código no texto. Pesquisei sobre como fazer e encontrei dicas sobre a tag <pre> e <code>, tentei anexar ao meu código, porém não está aparecendo!

    Alguém pode me ajudar por favor? Estou iniciando minha jornada!

    Obrigado!

    Compartilhe
    Comentários (2)

    AL

    Adriano Lira - 11/06/2025 17:59

    Ronaldo, muito obrigado! Deu certo!

    Ronaldo Schmidt
    Ronaldo Schmidt - 10/06/2025 21:51

    Ola amigo.

    Para conseguir uma ajuda mais rapida posta sua duvida nos fóruns ou rooms.

    Vamos lá.

    As tags <pre> e <code> são de fato a maneira certa de exibir código no HTML preservando a formatação e os espaços.

    Porém, ao usá-las, é importante lembrar que alguns caracteres especiais (como <, >, &) precisam ser escapados para não serem interpretados como HTML.

    Explicação:

    • &lt; = <
    • &gt; = >
    • &amp; = & (quando necessário)

    Assim, o navegador vai exibir o conteúdo como um bloco de código e não vai tentar interpretá-lo como HTML.

    Exemplo:

    <pre><code>
    &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Meu Site&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;h1&gt;Olá Mundo&lt;/h1&gt;
    &lt;/body&gt;
    &lt;/html&gt;
    </code></pre>
    

    Teste ai e avise o resultado.

    Cola o codigo aqui e tambem o tipo de arquivo e editor que esta utilizando por curiosidade.

    Bons estudos.