📝 Exercício Prático HTML5

Objetivo do Exercício

Nesta atividade o aluno deverá criar uma página web utilizando os principais conceitos estudados no módulo de HTML.

O objetivo é praticar a estrutura HTML5, organização de conteúdo e utilização correta dos elementos semânticos.

📌 A atividade simula a criação de uma página profissional de um site.

Tema do Projeto

Criar uma página para apresentação de uma empresa de tecnologia.

Elemento Obrigatório
Cabeçalho da página Sim
Menu de navegação Sim
Conteúdo principal Sim
Imagem Sim
Rodapé Sim

Requisitos do Exercício

Estrutura Inicial Obrigatória



<!doctype html>


<html lang="pt-BR">



<head>



<meta charset="UTF-8">



<title>

Empresa Tecnologia

</title>



</head>



<body>



Conteúdo



</body>



</html>

Parte 1 - Criar Cabeçalho

O cabeçalho deve possuir:



<header>



<h1>

Nome da Empresa

</h1>



<p>

Soluções em Tecnologia

</p>



</header>

Parte 2 - Criar Menu



<nav>



<a href="#">

Home

</a>



<a href="#">

Serviços

</a>



<a href="#">

Contato

</a>



</nav>

Parte 3 - Criar Conteúdo

Criar uma seção apresentando os serviços da empresa.



<section>



<h2>

Nossos Serviços

</h2>



<ul>



<li>

Desenvolvimento Web

</li>



<li>

Banco de Dados

</li>



<li>

Cloud Computing

</li>



</ul>



</section>

Parte 4 - Inserir Imagem



<img

src="empresa.jpg"

alt="Imagem da empresa">
⚠️ O atributo alt deve sempre descrever a imagem.

Parte 5 - Criar Links



<a href="https://www.google.com">


Acessar Site


</a>

Parte 6 - Criar Rodapé



<footer>



<p>

© 2026 Empresa Tecnologia

</p>



</footer>

Desafio Extra

Acrescente novos recursos na página:

Checklist de Avaliação

Critério Concluído
Estrutura HTML válida ⬜
Tags semânticas utilizadas ⬜
Página organizada ⬜
Imagens funcionando ⬜
Links funcionando ⬜

Competências Desenvolvidas

🎓 Aula concluída! Exercício HTML finalizado.