html5/index.html at master · ararage/html5 · 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
<!--Tipo de documento a mostrar-->
<!doctype html>
<html>
    <head>
        <!--Definimos el titulo de nuestra página a mostrar-->
        <title>Superpagina.com</title>
        <!--Definimos la codificación de nuestro documento HTML-->
        <meta charset="UTF-8">
        <!--Descripción de nuestra página-->
        <meta name="description" content="Una página chida">
        <!--Autor de la página-->
        <meta name="author" content="Ricardo">

        <!--html5shiv Script que nos permite utilizar HTML5
            en Internet Explorer 9 para atras
        -->
        <!--[if lt IE 9]>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
        <![endif]-->
    </head>
    <body>
        <article>
            <h1>Clase de introducción</h1>
            <p>Escrito por José Ricardo Pérez<br />
            3 de febrero del 2018 </p>
            <p>En la primera clase vimos muchas cosas interesantes</p>
        </article>
        <article>
            <h1>Clase de HTML</h1>
            <p>Escrito por José Ricardo Pérez<br />
            10 de febrero del 2018 </p>
            <p>En esta clase debemos de ver como enviar un email y conectarnos con Google Maps</p>
        </article>

        <h2>Lo siguiente es de la etiqueta aside</h2>
        <aside>
            <h3>Un titulo bien bueno</h3>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et purus sollicitudin,
                convallis libero fermentum, sodales quam. Donec quis faucibus ante. Aliquam quis velit
                sollicitudin, porta turpis vitae, ultricies eros. Ut et lectus vehicula dui accumsan
                volutpat vitae tincidunt sapien. Donec ac sapien elementum, egestas tellus at,
                lacinia turpis. Aliquam porttitor leo vitae porta venenatis.
                <br/>
                Pellentesque cursus velit vel ipsum pharetra ultrices.
                Morbi nisl enim, feugiat porttitor neque at, vulputate maximus quam.
                Nunc id facilisis sapien. Nunc imperdiet felis et mauris posuere placerat.
                Donec at suscipit sem, convallis tempus mi. Sed convallis magna sed est hendrerit molestie.
                Sed pretium blandit eleifend.
            </p>
        </aside>

        <figure>
            <a href="https://duckduckgo.com/" target="_blank">
                <img src="assets/images/duckduck.png" width="304" height="228" alt="El mejor navegador">
            </a>
        </figure>

        <h2>Mostraremos unas barras de proceso</h2>
        <meter value="2" min="0" max="10"></meter>
        <meter value="5" min="0" max="10"></meter>
        <meter value="8" min="0" max="10"></meter>
        <p> Tu puntaje es:
            <meter value="39" min="0" max="100" low="40" high="90" optimum="100">
            </meter>
        </p>
        <p> Año nuevo es en:
            <meter value="35" min="1" max="366" title="days">
            </meter>
            331 dias
        </p>

        <a href="media.html" target="_blank">Veamos multimedia</a>

    </body>
</html>