basicosmarcas/texto.html at main · JuanFranCM/basicosmarcas · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>A lot of text marks</title>
    <!--La segunda forma de poner estilo es entre head y /head usando la etiqueta style-->
    <style>
        /* usamos solo selectores de etiqueta*/
        body{background-color: black;
            color:white}
        h1{color:lightblue;
            text-align:center;}
        h2{color:rgb(240, 240, 108);}
        p{color:rgb(237, 183, 177);}
    </style>
</head>
<body>
    <!--utilizaremos etiquetas de texto varias, con comando lorem*3 para hacer 3 parrafos-->
    <!--Para espaciados entre textos hay que usar etiquetas-->
    <h1 style="color:lightblue">Lorem ipsum</h1>
    <h2>Apartado 1</h2>
    <p>Lorem ipsum <b>dolor</b>, sit amet consectetur adipisicing elit. Totam reprehenderit enim consequatur corporis!<br> Vel, odit et. Necessitatibus commodi magni incidunt. Enim alias ipsum, repellat nesciunt maiores aliquam! Aspernatur, velit ab?</p>

    <h2>Apartado 2</h2>
    <p>Accusantium sed vitae dolor <strong>officiis</strong> eos explicabo <i>temporibus</i> cumque consectetur dicta, enim repudiandae voluptatibus. Libero officiis dolor <small>necessitatibus</small> quaerat expedita officia a perferendis nisi <mark>cupiditate</mark> ratione, id tenetur? Cumque, harum!
    </p>

    <h2>Apartado 3</h2>
    <p>Recusandae sit et deserunt fuga beatae a quo <em>accusantium</em> qui in aspernatur laborio<sup>sam</sup>, ex, <b><mark>laborum</mark></b> nam laudantium mollitia <del>autem repellat impedit at quas</del> culpa ad tempora <ins>facere voluptatum quos. Facilis?</p>
        <p>Recusandae sit et deserunt fuga beatae a quo <em>accusantium</em> qui in <sub>aspern</sub>atur laboriosam, ex, <b><mark>laborum</mark></b> nam laudantium mollitia <del>autem repellat impedit at quas</del> culpa ad tempora <ins>facere voluptatum quos.</ins> Facilis?</p>
    <p>Importante; en HTML hay dos grandes grupos de etiquetas:</p>
    <p>Etiquetas de bloque: genera un bloque visualmente separado del resto. Son, p.ej: p y h1,h2,h3...h6</p>
    <p>Etiquetas en linea: forman un ámbito dentro de un bloque pero sin romperlo: b, strong, i, em, sub,sup</p>
</body>
</html>