Você não precisou usar aqueles caracteres especiais que não estão presentes no seu teclado. Pois o navegador ou seu Editor de texto (Sublime, Notepad++ e etc...) não consegue interpretar muito bem.

Os caracteres reservados em HTML devem ser substituídos pelas entidades de caracteres. Os caracteres que não estão presentes no seu teclado podem ser substituídos por entidades.

HTML Entities: Entidades HTML

Alguns caracteres funcionam apenas em HTML.

Se você usar os sinais de menor que (<) ou maior que (>) no seu texto, o navegador pode misturá-los com as tags.

As entidades de caracteres são usadas para exibir caracteres reservados em HTML.

Uma entidade de personagem parece assim:

Se quiser apenas consultar a lista completa clique no botão abaixo:

Ver Lista Completa

&entity_name;
OR

&#entity_number;

Para exibir um sinal de menos que (<) devemos escrever: &lt; Ou &#60;

Algumas outras entidades de caracteres HTML úteis para você

Resultado Descrição Nome da endidade Número da endidade
espaço &nbsp; &#160;
< menor que &lt; &#60;
> maior que &gt; &#62;
& ampersand &amp; &#38;
" aspas duplas &quot; &#34;
' aspas unica &apos; &#39;
¢ centavo (dólar) &cent; &#162;
£ peso &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® marca registrada &reg; &#174;

Veja a lista completa aqui:

Ver Lista Completa