miBlog/index.html at master · OskaritoLM/miBlog · 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
<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <meta name="description" content="Mi Blog: Pensalientos de Vida">
    <meta name="author" content="Oscar Ramirez">
    <meta name="keywords" content="Web, Blog, Pensamientos, Vida, Caliente, Frontend, css, html">
    <title>Mi Blog</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='./css/misestilos.css'>
    <style>
        li{
            font: size 15px;
            color:brown;
        }
        p{
            font: size 15px;
            color:palevioletred;
        }
    </style>
</head>
<body>
    <div class="agrupamiento">
        <header class="cabecera">
            <h1 style="font: size 20px;color:purple">
                Mi Blog
            </h1>
        </header>
        <nav class="Menu">
            <ul>
                <li>Principal</li>
                <li>Ayuda</li>
                <li>contacto</li>
            </ul>
        </nav>
        <section class="Seccion">
            <article>
                <hgroup>
                    <h1 style="font-size: 40px; color:gray">Título del Primer Artículo</h1>
                    <h2>Subtítulo del Primer Artículo</h2>
                </hgroup>
                <time datetime="16-05-2023">Publicado el 16-05-2023</time>
                <img src="Tics/descargar.jfif" alt="DALL·E">
                <p>
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Debitis, reprehenderit. Consectetur vel debitis dolorem recusandae labore a dolor tenetur nisi, nulla possimus in fugit, aperiam pariatur suscipit ad vitae sed.
                </p>
                <footer>
                    <a>Comentarios (0)</a>
                </footer>
            </article>
            <hgroup>
                <h1>Título del Segundo Artículo</h1>
                <h2>Subtítulo del Segundo Artículo</h2>
            </hgroup>
            <time datetime="23-05-2023">Publicado el 16-05-2023</time>
            <article>
                <p>id=h

                </p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus et iusto magnam! Molestias, vero quasi. Nulla qui id sed aliquid cum quasi blanditiis labore aperiam iure veniam mollitia, praesentium illum? Voluptas dolor quas ad nostrum dicta quibusdam quaerat nisi veritatis non consequuntur reiciendis eveniet dolore totam quis aliquid similique, dignissimos natus reprehenderit cumque amet inventore! Quibusdam nihil asperiores esse doloribus voluptatum at molestiae blanditiis soluta laudantium quo nulla voluptatem fugiat sed similique illum vero magnam perferendis, qui consequuntur pariatur voluptas dolore cumque laborum. Odio minus vero totam dolores expedita incidunt ad ipsam excepturi quod similique, et odit quam eos consectetur, ipsum doloribus pariatur tenetur? Nam maxime illo sit mollitia sequi accusamus fugit, cupiditate recusandae omnis possimus quaerat nostrum nobis dolor, debitis fuga totam laboriosam nihil, eaque nisi doloribus? Esse exercitationem quis totam! Maxime rem possimus excepturi perferendis tenetur delectus. Nulla velit illo aperiam iste perferendis officiis corrupti saepe vero fuga quaerat suscipit molestiae, aliquid optio temporibus quod necessitatibus unde veritatis assumenda dolorem possimus officia maiores ducimus. Veritatis, quaerat architecto ipsum natus ipsa at optio repellendus, temporibus saepe id illum qui nesciunt deserunt accusamus voluptates voluptatibus voluptatum, molestiae quod culpa aspernatur exercitationem corporis?</p>
                <footer>
                    <a>Comentarios (5)</a>
                </footer>
            </article>
        </section>
            <aside class="Barra Lateral">
                <blockquote cite="https://w3shools.com/html">
                    HTML es un lenguaje de marcado estándar para páginas web. Con HTML puede crear su propio sitio web. HTML es facil de aprender: ¡Lo disdfrutará!
                </blockquote>
                <blockquote cite="https://worldwildlife.org/who/index.html">
                    Durante 50 años, WWF ha estado protegiendo el futuro de la naturaleza. WWF, la organización de conservación líder en el mundo, trabaja en 100 países y cuenta con el apoyo de 1,2 millones de miembros en los Estados Unidos y cerca de 5 millones en todo el mundo.
                </blockquote>
            </aside>
            <footer class="pie-pagina">
                Derechos reservados &copy; 2010-2023
            </footer>
    </div>
</body>
</html>