Resolução - Desafio Html - Linguagem de Marcação | HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags

<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Webmaster Tecnologia & Projetos</title> </head> <body> <h1>Bem vindo à Webmaster Tecnologia</h1> <p>Aqui desenvolvemos projetos dinâmicos para seu negócio</p> <img src="webmaster.png" alt="Imagem da Webmaster Tecnologia"> <ol> <li>Nossa Missão</li> <li>Serviços</li> <li>Depoimentos</li> </ol> </body> </html

Olá, Anderson! Como vai?

Muito bem! Continue resolvendo os desafios e compartilhando com a comunidade Alura.

Observei que você elaborou uma estrutura semântica para organizar o conteúdo HTML da página, utilizou muito bem o elemento <ol> para listar seções importantes e ainda compreendeu a importância do atributo alt para acessibilidade em imagens.

Uma dica interessante para o futuro é usar a tag <nav> para estruturar melhor os menus de navegação. Dessa forma:

<nav>
  <ul>
    <li><a href="#missao">Nossa Missão</a></li>
    <li><a href="#servicos">Serviços</a></li>
    <li><a href="#depoimentos">Depoimentos</a></li>
  </ul>
</nav>

Resultado: Cria uma área de navegação clara e semântica, facilitando a leitura por leitores de tela e melhorando o SEO.

Isso faz com que seu site fique mais acessível e organizado para todos os usuários.

Fico à disposição! E se precisar, conte sempre com o apoio do fórum.

Abraço e bons estudos!

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