tutorial/mipagina.html at master · Diiego2/tutorial · 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
<!DOCTYPE html>
<html lang="es">
    <head>
        <title>Practica para el mejoramiento de las tecnicas de programacion WEB</title>
        <meta charset="utf-8">
        <meta name="prueba" content="ejemplo de html5">
        <meta name="keywords" content="html5, css3, javascript">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
    <div id="agrupar">
        <header id="cabecera">
            <h1>Este es el titulo principal de mi sitio web</h1>
        </header>
        <nav id="menu">
            <ul>
                <li>Principal</li>
                <li>Fotos</li>
                <li>Videos</li>
                <li>contacto</li>
            </ul>
        </nav>
        <section id="seccion">
            <article>
                <header>
                    <hgroup>
                        <h1> Titulo del Mensaje Uno</h1>
                        <h2>Subtítulo del Mensaje Uno</h2>
                    </hgroup>
                    <time datetime="2015-19-03" pubdate=""> publicado 19-03-2015</time>
                </header>

                Este es el texto de mi primer mensaje.

              <figure>
                <img src="http://minkbooks.com/content/myimage.jpg">
                <figcaption>
                        Esta es la imagen del primer mensaje.
                </figcaption>
              </figure>
              <footer>
                <p>comentarios (0)</p>
              </footer>
            </article>
            <article>
                <header>
                    <hgroup>
                        <h1>Titulo del mensaje dos</h1>
                        <h2>Subtitulo del mensaje dos</h2>
                    </hgroup>
                </header>
                Este es el texto del mensaje dos.
                <footer>
                    <p>comentarios(0)</p>
                </footer>
            </article>
        </section>
        <aside id="columna">
            <blockquote>mensaje numero uno</blockquote>
            <blockquote>mensaje numero dos</blockquote>
        </aside>
        <footer id="pie">
             <p>pie de pagina</p>
        </footer>
      </div>
    </body>
</html>