Boa tarde pessoal!
Estou começando o curso de HTML e notei que o meu código está apresentando um erro e o texto que escrevo ao invés de aparecerem vogais com acento, eles são substituídos por caracteres especiais.
<!DOCTYPE html>
<html> <!-- Início do conteúdo da página HTML (Elementos raízes da página) -->
<head> <!-- Início de metainformações da página HTML -->
<title>Título da Página</title>
</head> <!-- Fim de metainformações da página HTML -->
<body>
<h1>Cabeçalho 1</h1> <!-- Cabeçado da página HTML -->
<p>Parágrafo</p> <!-- Parágrafo da página HTML -->
<img src="html.png" alt="Logo do HTML 5"> <!-- Imagem -->
</body>
</html> <!-- Fim do conteúdo da página HTML -->
E fazendo alguns testes, eu alterei o nome to Título e os caracteres foram corrigidos
<!DOCTYPE html>
<html> <!-- Início do conteúdo da página HTML (Elementos raízes da página) -->
<head> <!-- Início de metainformações da página HTML -->
<title>Titulo da pagina</title>
</head> <!-- Fim de metainformações da página HTML -->
<body>
<h1>Cabeçalho 1</h1> <!-- Cabeçado da página HTML -->
<p>Parágrafo</p> <!-- Parágrafo da página HTML -->
<img src="html.png" alt="Logo do HTML 5"> <!-- Imagem -->
</body>
</html> <!-- Fim do conteúdo da página HTML -->
A única mudança foi retirar os acentos do tag de metainformação. Alguém saberia me dizer por que isso ocorre e como posso colocar um tag de metainformação com acentos ou qualquer outro caractere especial?
OBS: Estou usando o Chrome como browser para visualizar o arquivo HTML.