Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] O meu ficou bem básico. É o meu primeiro contato direto com HTML

Referente ao curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags, no capítulo Documentação e HTML e atividade Lista de exercícios

por Lorrayne Soares
| 6.7k xp | 3 posts
<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML na prática</title>
</head>

<body>
    <h1>Primeira prática de HTML</h1>
    <p>Dando hoje meu primeiro passo para a carreira de desenvolvedor front-end!</p>
</body>
<h3> Listando itens em HTML</h3>
<ul>
    <li>Construindo a estrutura básica do html</li>
    <li>Adicionando conteúdo ao HTML</li>
    <li>Trabalhando com meta tags e títulos</li>
    <li>Organizando o conteúdo em tags HTML</li>
    <li>Adicionando imagens com acessibilidade</li>
    <li>Listando itens em HTML</li>
    <li>Explorando o impacto do DOCTYPE no HTML</li>
    <li>Automatizando a atualização da página com Live Server</li>
</ul>
<img src="f0fa2a816000e94fd78673e598baa33b.jpg" alt="Meme dos simpsons I'm a web developer">

</html>

Imagem da atividade proposta

1 resposta
solução!
por Mike de Sousa
| 2026k xp | 3906 posts
Alura Scuba Team Suporte Educacional

Olá, Lorrayne, como vai?

Você estruturou bem o documento e aplicou corretamente as tags essenciais. Um detalhe importante é que o <h3> e os demais elementos que vêm depois do fechamento do <body> deveriam estar dentro dele. No HTML, todo o conteúdo visível da página precisa estar entre <body> e </body>, por exemplo:

<body>
    <h1>Primeira prática de HTML</h1>
    <p>Dando hoje meu primeiro passo para a carreira de desenvolvedor front-end!</p>
    <h3>Listando itens em HTML</h3>
    <ul>
        <li>Construindo a estrutura básica do html</li>
        <!-- outros itens -->
    </ul>
    <img src="imagem.jpg" alt="Descrição da imagem">
</body>

Além disso, é recomendável manter a ordem hierárquica dos headings. Isso significa começar pelo <h1> como título principal, depois <h2> para subtítulos e, se necessário, <h3> para tópicos menores. Essa sequência ajuda tanto na organização visual quanto na acessibilidade, pois leitores de tela e motores de busca utilizam essa hierarquia para entender a estrutura do conteúdo.

Continue explorando essas boas práticas, pois elas fazem diferença no resultado. O fórum está à disposição para suas dúvidas e compartilhamentos.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!