Aula4_CSS3/ex1.html at main · lejonck/Aula4_CSS3 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Title</title>
        <!-- a tag viewport é para a responsividade, faz a página carregar com largura correspondente à da tela do dispositivo -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel = "stylesheet" type="text/css" href= "ex1.css"> <!--link para o arquivo css da página -->
    </head>
    <body>

    <div class="conteudo"> <!--Contém todo o conteúdo da página -->
        <h1 id="header" >No Meio do caminho</h1> <!--Título com elemento H1 para ser em negrito e maior -->

        <div class = "grid"> <!--Classe da flexbox -->
        <p class = "paragrafo"> <!--Primeiro parágrafo do poema -->
        No meio do caminho tinha uma pedra<br> <!-- <br> em cada linha do poema, para que cada linha do poema fique em um linha do html na página -->
        tinha uma pedra no meio do caminho<br>
        tinha uma pedra<br>
        no meio do caminho tinha uma pedra.<br>
        </p>

        <p class = "paragrafo">  <!--Segundo parágrafo do poema -->
        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.<br>
        </p>
        </div>

         <!--parágrafo final com o nome do autor -->
        <p id="autor"> Carlos Drummond de Andrade </p>
    </div>

    </body>
</html>