1
resposta

[Projeto] Projeto HTML

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá, Monique. Como vai?

Parabéns pela construção do seu primeiro projeto web! É muito gratificante ver as linhas de código se transformando em uma página real com títulos, textos, listas e imagens bem renderizados no navegador.

Sua estrutura base do HTML está corretíssima, respeitando as tags principais como <!DOCTYPE html>, <html>, <head> e <body>. Você também aplicou muito bem a hierarquia de títulos usando <h1>, <h2> e <h3>.

Analisando o código do seu arquivo, notei um pequeno detalhe na abertura e fechamento da tag de parágrafo (<p>) que acabou deixando o seu texto corrido no navegador. Vou te explicar o que aconteceu e como corrigir para o seu código ficar ainda mais limpo:

O ajuste no Parágrafo
Na linha 11, você abriu a tag <p>, mas deixou ela vazia:

11     </p>

E na linha 17, você fechou a tag </p> no final do bloco de texto. Como a tag foi aberta de forma invertida e vazia lá em cima, o navegador se confundiu e juntou todo aquele bloco de texto em uma única linha gigante.

Para corrigir isso e fazer o texto quebrar em linhas ou ficar em um bloco único bem estruturado, você deve envolver todo o conteúdo assim:

<p>
    HTML significa Linguagem de Marcação de Hipertexto... (todo o seu texto aqui)
</p>

Dica extra de organização (Indentação)
Perceba que as linhas de texto (12 a 16) e a lista ordenada <ol> ficaram um pouco desalinhadas para a esquerda no seu editor de código. Uma boa prática no Front-end é dar um toque na tecla Tab para empurrar esses elementos para a direita. Isso mostra claramente que eles estão guardados "dentro" da tag <body>, facilitando a leitura do código à medida que seu projeto crescer.

O uso da lista ordenada <ol> com os itens <li> e a inserção da imagem com a tag <img> e o atributo alt ficaram impecáveis!

Continue praticando e avançando para os módulos de CSS para deixar sua página com o seu estilo.

Espero que possa ter lhe ajudado!