Curso-Frontend_CodeBlue/aula0.2.html at master · oliheitor/Curso-Frontend_CodeBlue · 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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <title>Tags de Texto</title>
    </head>
    <body>
            <h1><u>Receita de bolo de cenoura</u></h1>

            <h2><strong>Ingredientes</strong>
            </h2>
                <ul>
                    <li>ingrediente 1</li>
                    <li>ingrediente 2</li>
                    <li>
                        Cenoura
                            <ul>
                                De preferencia laranja
                            </ul>
                    </li>
                    <li>Ingrediente 4</li>
                </ul>

            <h3>Modeo de Preparo</h3>
            <p>orem ipsum dolor sit amet consectetur adipisicing elit. Illo enim aspernatur veniam autem itaque dolorem, minus hic iusto vel, ratione deleniti! Neque vitae veritatis harum esse provident quia ullam voluptatum! Lorem ipsum dolor sit amet consectetur adipisicing elit. <br><br>Fuga dicta corporis officia fugiat ex. Rerum blanditiis aperiam praesentium temporibus debitis nemo dolore eaque sed maiores recusandae, iure quaerat reprehenderit unde.<p></p>


        <br><br><br><br><br>
        <hr>
        <!--assim se faz para escrever um comentário em html-->
       <p>
        Heitor
        <!-- tag P serve para envolver paragrafos -->
        <!-- De 1 até 6 os títulos podem ser aplicados de acordo com a importancia das informações contidas nos paragrafos de cada um deles. -->
        <h1>Título de hível hierarquico 1</h1>
        <!-- NORMALMENTE SÓ SE USA UMA TAG h1 POR PAG, em e-comerces por exemplo a regra pode ser quebrada para deixar os rodutos em evidencia, porém, a acessibilidade é comprometida. -->
        <h2>Título de hível hierarquico 2</h2>
        <h3>Título de hível hierarquico 3</h3>
        <h4>Título de hível hierarquico 4</h4>
        <h5>Título de hível hierarquico 5</h5>
        <h6>Título de hível hierarquico 6</h6>

        <p>
            <!-- teste de texto comprido em uma tag p -->
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia cupiditate, temporibus porro pariatur a at odio, facilis repudiandae quos culpa aut laudantium commodi ut enim iusto. Facere, dolorum. Sint, ullam. <br><em>Lorem ipsum</em> dolor sit amet <strong>consectetur</strong> adipisicing elit. Impedit doloribus mollitia accusamus quam <u>lalala</u> similique repudiandae veniam nostrum praesentium quae, quas vero quos id commodi
            <strong>
                            <em>
                                <u>
                                    teste de tags somadas
                                </u>
                            <em>
            </strong>

             accusantium modi cum laboriosam est! <span>Praesentium</span>. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dicta, assumenda laborum consequatur in eius atque ducimus fugiat nobis, error quas ipsa tempore amet cum quasi ratione architecto sunt mollitia. Quo!
            <!-- a tag BR é usada pra fazer quebra de linha -->
        </p>

        <p>
            Itens para se montar uma bicicleta
            <ul>
                <li>quadro</li>
                <li>roda</li>
                    <ul>
                        <li>aro</li>
                        <li>raio</li>
                        <li>cubo</li>
                    </ul>
                <li>cockpit</li>
                <li>pneus</li>
            </ul>
        </p>
        <p>
            Itens necessários parase montar uma roda de bicicleta
            <ol>
                <li>aro</li>
                <li>raio</li>
                <li>cubo</li>
                <li>carinho</li>
            </ol>
        </p>

       </p>
    </body>
</html>