image

Bolsas de estudo DIO PRO para acessar bootcamps ilimitados

Disponível apenas:

291 vagas

AL

Adriano Lira10/06/2025 21:35
Compartilhe
Microsoft Azure Cloud Native 2026Recomendados para vocêMicrosoft Azure Cloud Native 2026

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
    Recomendados para você
    Riachuelo - Cibersegurança
    Microsoft Certification Challenge #5 - AZ-204
    Microsoft Certification Challenge #5 - DP 100
    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.

    Recomendados para vocêMicrosoft Azure Cloud Native 2026