Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

Dúvida no Ex. 3 da Aula 4 - Elementos estruturais, imagens e tabelas

Erro na configuração, mesmo utilizando "UTF-8"

Código receita.html.

<!DOCTYPE html>
<html>
    <head>

        <meta charset="UTF-8"/>        
        <link rel="stylesheet" type="text/css" href="estilo.css"/>

    </head>

    <body>
        <h1 id="titulo">Mouse de Maracujá</h1>
        <figure>
            <img src="fot.jpg"/>
            <figcaption>Foto do Mouse de Marucajá</figcaption>
        </figure>
        <h2>Igredientes</h2>

        <h2>Modo de Preparo</h2>

        <h2>Informações Nutricionais</h2>

    </body>

</html>

Código estilo.css

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

h2{
    background-color: #B3A742;
    padding: 5px;
    color: #FFFFFF;
}
3 respostas
solução

Olá Ronaldo,

copiei o seu código e abri aqui no meu computador, está exibindo a formatação normal.

As vezes quando usamos o Notepad++, não sei se é o seu caso, ocorre esse erro mesmo, não sei porque, recomendo você criar um arquivo novo e colocar o seu código novamente, ou digita-lo novamente já que é curtinho.

Att,

Ramon deu certo. Indicaria um outro editor, no lugar do Notepad++?

Tem o Sublime Text, Atom, Brackets, Visual Studio Code.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software