Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Navegador continua não acentuando mesmo a linha contendo o charset="UTF-8". O que pode ter ocorrido?

Referente ao curso HTML e CSS: Os seus primeiros passos

por Antônio Germano Rabelo Cunha
| 47.3k xp | 2 posts
<! DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html" charset="UTF-8" />
        <title>Anotações de Aula - Germano Cunha</title>
        <style>
           h2{
              background:#5599DD; 
              color:#DDDDDD";
              }

          .exp{
                text-indent:50px;
              }

           #observacao{
                text-decoration:underline;
                font-style:italic;
            } 


        </style>

    </head>
    <body>
        <h1>Anotações de Aula</h1>
        <p class="exp"> Aulas de HTML</p>
        <p>1ª Aula - Conceitos de HTML</p>

        <h2>Objetivos</h2>
        <p>Aprender a criar páginas em html</p>

        <h2>Resumo</h2>
        <p>Desenvolvimento de páginas em html</p>

        <h2>Pre-requisitos</h2>
        <p id="observacao"> Disponibilidade de tempo - 1h/dia</p>
        <p>Editor para exercícios</p>

    </body>
</html>
4 respostas
solução!
por Luis Felipe Alves Magro
| 154k xp | 58 posts
Desenvolvedor Front End

Primeiramente como você esta usando <! DOCTYPE html> para HTML5

Utilize: <meta charset="UTF-8">

teste e vê se funciona, se não me fala que verifico novamente.

por Leandro Lister Beividas
| 84.1k xp | 19 posts

Alguem poderia me ajudar por favor ? Estou com o mesmo problema. Fiz seguindo o vídeo e montei a pagina da receita corretamente. Quando fui fazer novamente pelos exercícios, criei o arquivo "receita_estudo.html" e "estilos_receita_2.css" e utilizei o seguinte código:

*receita_estudo.html:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="estilos_receita_2.css" />
    </head>        
    <body>
        <h1 id="titulo">Receita - Mousse de Maracujá</h1>
        <figure>
            <img src="foto.jpg"/>
            <figcaption>Foto de Mousse de Maracujá</figcaption>
        </figure>
    </body>
</html>

E no css o código: *estilos_receita_2.css

body{
    background-color: #F5F0DC;
    font-family: Helvetica, Arial, sans-serif;
    width: 940px;
    margin: auto;
}

#titulo{
    text-align: center;
}

Ainda assim o navegador manteve: "Receita - Mousse de Maracuj�" e "Foto de Mousse de Maracuj�"

Obrigado!

por Antônio Germano Rabelo Cunha
| 47.3k xp | 2 posts

Meus caros,

Conforme amigo Leandro, corrigido a informação anterior, continua minha página sem acentuar.

Solicito informações de como proceder para corrigir o problema.

Att,

por Leandro Lister Beividas
| 84.1k xp | 19 posts

Consegui solucionar o problema pegando o código e salvando em um novo bloco de notas. Não fiz alteração alguma no código , apenas dei ctrl+c e ctrl+v rsrsrs. Alguém saberia me explicar o que pode ter ocorrido ? Obrigado!