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

[Hands-on] Estrutura básica do HTML

Referente ao curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags, no capítulo Documentação e HTML e atividade O que aprendemos?

por Leonardo Marques Leite
| 2.4k xp | 2 posts
Estagiário 
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Como fazer um Bolo de Chocolate Simples?</title>
</head>
<body>
    <h1>Bolo de Chocolate Simples</h1>
    <p>Esse Bolo de Chocolate delicioso é muito fácil de preparar. Ideal para um café da tarde especial ou para surpreender amigos e familiares com um doce caseiro rápido e saboroso!</p>
    <img src="bolo-chocolate.jpg" alt="i">
    <h2>Ingredientes:</h2>
    <ul>
        <li>2 xícaras de farinha de trigo</li>
        <li>1 xícara de chocolate em pó</li>
        <li>1 xícara de açúcar</li>
        <li>3 ovos</li>
        <li>1 xícara de leite</li>
        <li>1/2 xícara de óleo</li>
        <li>1 colher de sopa de fermento em pó</li>
    </ul>
    <h2>Modo de preparo:</h2>
        <ol>
            <li>Preaqueça o forno a 180°C</li>
            <li>Em uma tigela, misture a farinha, o chocolate em pó e o açucar</li>
            <li>Acrecente os ovos, o leite e o óleo, mexendo bem até obter uma massa homogênea</li>
            <li>Por úlitmo, adocione o fermento e misture delicadamente</li>
            <li>Despeje a massa em uma forma untada e enfarinhada</li>
            <li>Asse por cerca de 35-40 minutos ou até que, ao espetar um palito, ele saia limpo.</li>
            <li>Deixe esfriar, desenforme e sirva!</li>
        </ol>
</body>
</html>
2 respostas
solução!
por Rafaela Petelin Silvério
| 1209.9k xp | 2718 posts
Alura Scuba Team

Oi, Leonardo! Como vai?
Agradeço por compartilhar seu código com a comunidade Alura.

Gostei da forma como você organizou as tags de título, parágrafo e listas, trazendo clareza para a receita. Isso mostra que você entendeu bem a estrutura básica do HTML.

Uma dica interessante para o futuro é usar a tag body para envolver o conteúdo principal da página, separando o que é configuração do que é conteúdo. Veja este exemplo: 


<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <title>Exemplo</title>
</head>
<body>
  <h1>Titulo dentro do body</h1>
</body>
</html>

Esse código mostra como manter o conteúdo dentro do body, que é o espaço reservado para o que será exibido no navegador.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!
por Leonardo Marques Leite
| 2.4k xp | 2 posts
Estagiário

Muito obrigado, Rafaela!

Acredito que durante o desenvolvimento dessa atividade, esse detalhe acabou passando desapercebido e nem me atentei. Bem observado, precisava ajustar mesmo.

Valeu mesmo pelo feedback, agora não esqueço mais hahaha