HTML-Document-Structure/Html-document-structure.html at main · rafaelmprogrammer/HTML-Document-Structure · 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>
    <!--Etiqueta meta que especifica o tipo de caracteres que se encontra no documento HTML-->
    <meta charset="UTF-8">
    <!--Etiqueta meta com a descrição da página web-->
    <meta name="description" content="Página Web para prática de estrutura de documento de HTML">
    <!--Etiqueta meta com as palavras chave para monitores de busca-->
    <meta name="keywords" content="HTML, prática, exemplo, estrutura de documento">
    <!--Etiqueta meta que configura a janela de visualização do site para que se adapte a vários dispositivos-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prática 2</title>
</head>
<body>

    <!--Cabeçalho da página-->
    <header>
        <h1>Prática 2 - Estrutura de Documento HTML</h1>
    </header>

    <!--Conteúdo principal com páragrafos Lorem-->
    <main>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt doloribus laborum et asperiores, odio nemo quos, facilis eum adipisci assumenda ipsam quaerat dolor suscipit inventore debitis aspernatur iusto porro animi iure similique nostrum? Possimus voluptates quaerat expedita accusamus numquam saepe, ratione inventore quo! Doloremque ullam accusamus nisi adipisci totam nihil!</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid nisi tenetur obcaecati alias accusantium suscipit aperiam dolore dignissimos cum dolorem.</p>
        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aliquid, voluptatum ipsa ducimus fuga vero doloremque illum minus inventore vel fugiat ipsam animi repellendus quo nulla doloribus, autem excepturi in. Ipsam.</p>
    </main>


    <!--Rodapé da página-->
    <footer>
        <p>Isto é um footer</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium quod rem nesciunt! Nulla modi, atque fugit excepturi ex neque pariatur.</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni, debitis!</p>
        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iure sequi ipsam temporibus molestiae nemo expedita reprehenderit quod quisquam culpa ex blanditiis, pariatur hic reiciendis voluptates consequatur odio excepturi nulla error. Ab maxime consequuntur quidem, accusantium maiores optio veniam quis culpa.</p>
    </footer>

</body>
</html>