Exercícios
Abaixo vamos apresentar alguns exercícios para você treinar HTML. Na aba "Exercício X" (sendo X o número do exercício) tem o que você deve executar. E na aba "Resposta" o código completo para você conferir.
Faça uma página HTML que exiba o seguinte resultado:
<!DOCTYPE html>
<html>
<head>
<title>Exercício 1</title>
</head>
<body>
<h1>No Meio do Caminho</h1>
<p>
No meio do caminho tinha uma pedra<br>
tinha uma pedra no meio do caminho<br>
tinha uma pedra<br>
no meio do caminho tinha uma pedra<br>
</p>
<p>
Nunca me esquecerei desse acontecimento<br>
na vida de minhas retinas tão fatigadas<br>
Nunca me esquecerei que no meio do caminho<br>
tinha uma pedra<br>
tinha uma pedra no meio do caminho<br>
no meio do caminho tinha uma pedra
</p>
<p>Carlos Drummond de Andrade</p>
</body>
</html>Faça uma página HTML que exiba o seguinte resultado:
<!DOCTYPE html>
<html>
<head>
<title>Exercício 2</title>
</head>
<body>
<h1>Lista de Afazeres</h1>
<ol>
<li>Segunda-Feira
<ul>
<li>Terminar o projeto</li>
<li>Pular corda</li>
</ul>
</li>
<li>Terça-Feira
<ul>
<li>Ir no supermecado</li>
<li>Dev.leran() S3</li>
</ul>
</li>
<li>Quarta-Feira
<ul>
<li>Ir na aula</li>
<li>Dev.boost() < 3</li>
</ul>
</li>
</ol>
</body>
</html>Faça uma página HTML que exiba o seguinte resultado:
Obs: pode ser a foto de qualquer cachorro.
<!DOCTYPE html>
<html>
<head>
<title>Exercício 3</title>
</head>
<body>
<h1>Meu cachorro</h1>
<img src=".assets/cachorro" alt="um cachorro preto e branco utilizando um laço na cabeça">
<p>
Lições do melhor amigo.<br>
Se um cachorro fosse seu professor você aprenderia habilidades assim:<br>
- Quando alguém que você ama chegar em casa, corra ao seu encontro;<br>
- Não morda se um rosnado resolver a situação;<br>
- Não importa quantas vezes o outro magoar você, volte e faça as pazes.<br>
</p>
</body>
</html>Last updated
Was this helpful?