Ejemplo de tags estructurales

pauek · pauek · commit 308ee9d4b052 · 2023-02-14T21:05:09.000+01:00
diff --git a/2023-02-14/hola.html b/2023-02-14/hola.html
@@ -7,28 +7,40 @@
       name="viewport"
       content="width=device-width, initial-scale=1.0"
     />
+    <style>
+      .important {
+        color: red;
+        font-weight: bold;
+      }
+    </style>
     <title>Página de prueba</title>
   </head>
   <body>
-    <h1>Dólor conséctetur dolorë aute mollit</h1>
-    <p>
-      Deserunt deserunt sit consectetur ipsum ex qui nostrud
-      eiusmod nisi exercitation. <br />
-      Sunt in minim mollit et laborum tempor velit in qui ad ad
-      magna duis. Laboris enim magna ipsum officia labore sunt.
-      In ad quis ex est aliqua do. Cillum ex occaecat non dolore
-      commodo est culpa exercitation qui officia aute veniam
-      consequat aliquip.
-    </p>
-    <p>
-      Ad <em>consequat</em> enim consequat commodo incididunt
-      nostrud ad elit sit in officia commodo Lorem eiusmod. Magna
-      incididunt pariatur
-      <strong
-        >Lorem ex exercitation sint do in pariatur veniam</strong
-      >
-      aute minim. <code>Eiusmod eiusmod qui est veniam do</code>.
-    </p>
+    <header>
+      <h1>Dólor conséctetur dolorë aute mollit</h1>
+    </header>
+    <main>
+      <p>
+        Deserunt deserunt sit consectetur ipsum ex qui nostrud
+        eiusmod nisi exercitation. <br />
+        Sunt in minim mollit et laborum tempor velit in qui ad ad
+        magna duis. Laboris enim magna ipsum officia labore sunt.
+        In ad quis ex est aliqua do. Cillum ex occaecat non
+        dolore commodo est culpa exercitation qui officia aute
+        veniam consequat aliquip.
+      </p>
+      <p>
+        Ad <em>consequat</em> enim consequat commodo incididunt
+        nostrud ad elit sit in officia commodo Lorem eiusmod.
+        Magna incididunt pariatur
+        <strong
+          >Lorem ex exercitation sint do in pariatur
+          veniam</strong
+        >
+        aute minim.
+        <code>Eiusmod eiusmod qui est veniam do</code>.
+      </p>
+    </main>
     <pre>
 #include &lt;iostream&gt;
 using namespace std;
@@ -46,5 +58,14 @@ <h1>Dólor conséctetur dolorë aute mollit</h1>
       Si quieres buscar algo, usar
       <a href="https://google.com">Google</a>
     </p>
+    <p>
+      Este texto es normal,
+      <span class="important">
+        y este está marcado skdjfkdsa kasjfdkasjfd kjdsakf j
+      </span>
+      Sint labore incididunt sunt cillum est proident minim eu
+      elit magna fugiat nostrud elit..
+    </p>
+    <div style="height: 10rem" />
   </body>
 </html>
