Criando layout com divs

As divs podem ser utilizadas para organizar as seções de um documento HTML, criando um layout. Acompanhe pelo vídeo a construção de um layout utilizando os conceitos vistos até então. Segue o código de referência:

 <!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Layout div</title>
</head>

<body>

  <div id="cabecalho">
    <h2>Cabeçalho</h2>
  </div>

  <div id="secao">

    <div id="menu">

      <ul>
        <li><a href="#">Londres</a></li>
        <li><a href="#">Paris</a></li>
        <li><a href="#">Rio de Janeiro</a></li>
      </ul>

    </div>

    <div id="artigo">

      <h2>Londres</h2>

      <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Inventore qui sed numquam nam quo obcaecati,
        doloremque praesentium similique sequi quia nihil eaque fuga optio cumque beatae voluptatem at
        architecto ipsa.</p>

    </div>

  </div>

  <div id="rodape">
    <p><a href="http://imd.ufrn.br">www.imd.ufrn.br</a></p>
  </div>

</body>

</html>

Termo de uso

arrow_back Aula 08 - Elementos Block e Inline

Criando layout com divs

Aula 08 - Elementos Block e Inline