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:
- < = <
- > = >
- & = & (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>
<html>
<head>
<title>Meu Site</title>
</head>
<body>
<h1>Olá Mundo</h1>
</body>
</html>
</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.