Tag PRE

A tag PRE não é para mostrar código, sua função é exibir texto pré-formatado. O padrão de exibição do texto que fica na tag PRE é com largura fixa (como nas fontes Courier e Consolas, por exemplo), por isso ela SERVE para exibir código.
Mas para essa sua necessidade, você deve precisar de um componente específico, provavelmente um Syntax Highlighter.
Abraço.

Ah, mas caso queira usar a tag PRE para exibir código HTML, teria que substituir os marcadores < e > por < e > respectivamente em todas as tags.

O que é o Syntax Highlighter, um arquivo externo?

Pesquise a respeito que vai encontrar muitas informações. Mas resumidamente, é um tipo plugin para inserção de código em páginas (muito usado em blogs, por exemplo).

Está bem vou atras. valeu.