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() &lt 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>

PreviousComo construir um bom HTML NextCSS

Last updated 4 years ago

Was this helpful?