Cómo usar códigos HTML para crear páginas web

Por / / 7 minutos de lectura
gt lt 1

Tecnología

✅ ¡Descubre el poder de los códigos HTML! Aprende a crear páginas web desde cero usando etiquetas esenciales, hipervínculos y diseño estructurado.

Para crear páginas web utilizando códigos HTML, es fundamental comprender y dominar varios elementos y estructuras básicas del lenguaje. HTML, que significa HyperText Markup Language, es el estándar para crear y estructurar contenido en la web. A través de etiquetas y atributos, puedes definir la disposición y el estilo del texto, imágenes, enlaces y otros componentes multimedia.

Exploraremos de manera detallada cómo utilizar los códigos HTML para construir una página web desde cero. Cubriremos desde los elementos más básicos, como el uso de etiquetas de encabezado y párrafo, hasta estructuras más complejas, como formularios y tablas. También abordaremos buenas prácticas y consejos para asegurarte de que tu código HTML sea limpio y eficiente.

Elementos Básicos del HTML

El HTML se compone de una serie de etiquetas que se utilizan para definir diferentes partes de una página web. A continuación, se presentan algunas de las etiquetas más importantes y su uso:

  • <html>: Define el inicio y el final de un documento HTML.
  • <head>: Contiene metadatos, enlaces a hojas de estilo, y scripts.
  • <title>: Especifica el título del documento que aparece en la barra del navegador.
  • <body>: Contiene el contenido principal de la página web, como texto, imágenes y enlaces.
  • <h1> a <h6>: Representan los encabezados, con <h1> siendo el más importante y <h6> el menos.
  • <p>: Define un párrafo de texto.
  • <a>: Crea un enlace a otra página o recurso.
  • <img>: Inserta una imagen en la página.

Ejemplo Básico de un Documento HTML

A continuación se muestra un ejemplo simple de un documento HTML básico:


<!DOCTYPE html>
<html>
<head>
    <title>Mi Primera Página Web</title>
</head>
<body>
    <h1>Bienvenidos a Mi Página</h1>
    <p>Este es un párrafo de ejemplo en mi primera página web.</p>
    <a href="https://ejemplo.com">Visita este enlace</a>
</body>
</html>

Buenas Prácticas en HTML

Para asegurarte de que tu código HTML sea limpio y eficiente, considera seguir estas buenas prácticas:

  • Indentación Consistente: Usa espacios o tabulaciones para mantener tu código organizado.
  • Comentarios: Utiliza comentarios (<!– comentario –>) para explicar partes complejas de tu código.
  • Atributos Significativos: Asegúrate de que los atributos de las etiquetas sean claros y descriptivos.
  • Validación: Utiliza herramientas de validación de HTML para asegurarte de que tu código no tenga errores.

Con estos conceptos y ejemplos básicos, estás listo para comenzar a construir tus propias páginas web utilizando HTML. A medida que avances, podrás incorporar otros lenguajes y tecnologías, como CSS y JavaScript, para añadir estilo y funcionalidad a tus sitios web.

Estructura básica de un documento HTML y sus componentes

La estructura básica de un documento HTML es fundamental para cualquier desarrollador web y es el primer paso para crear una página web efectiva. A continuación, se muestra un ejemplo básico de un documento HTML:





    
Bienvenidos a mi página web

    
Este es un párrafo de ejemplo.

Analicemos cada uno de estos componentes detalladamente:

1.

El DOCTYPE declara el tipo de documento y la versión de HTML que se está utilizando. En este caso, HTML5. Es esencial colocarlo al inicio de tu documento para asegurar una interpretación adecuada del contenido por parte de los navegadores.

2.

La etiqueta representa el contenedor principal de un documento HTML. Todo el contenido de la página debe estar dentro de esta etiqueta.

3.

4.</strong></h3><p>La etiqueta <b><title></b> define el <strong>título del documento</strong>, que se muestra en la pestaña del navegador. Un buen título mejora la <strong>experiencia del usuario</strong> y es crucial para el <strong>SEO</strong>.</p><h3><strong>5. </strong></h3><p>La etiqueta <b></b> contiene todo el <strong>contenido visible</strong> de la página web, como <em>textos</em>, <em>imágenes</em>, <em>videos</em>, y <em>enlaces</em>. Es aquí donde se estructura la mayor parte del diseño de la página.</p><h4><strong>5.1 Encabezados</strong></h4><p>Las etiquetas de encabezado (<strong>h1</strong> a <strong>h6</strong>) se usan para definir los <strong>títulos y subtítulos</strong> en tu página. El uso adecuado de estos mejora tanto la <strong>estructura visual</strong> como el <strong>SEO</strong> del sitio. Ejemplo:</p><pre> <h1>Encabezado principal</h1> <h2>Encabezado secundario</h2> <h3>Encabezado terciario</h3> </pre><h4><strong>5.2 Párrafos</strong></h4><p>La etiqueta <b></p><p></b> define un <strong>párrafo</strong> de texto. Es la manera más común de incluir texto en una página web.</p><h4><strong>5.3 Imágenes</strong></h4><p>Para agregar imágenes, se utiliza la etiqueta <b><img></b>. Aquí está un ejemplo:</p><pre> <img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" data-src="imagen.png" alt="Descripción de la imagen" title="Cómo usar códigos HTML para crear páginas web 3"> </pre><p>El atributo <em>src</em> especifica la ruta de la imagen, mientras que el atributo <em>alt</em> proporciona una <strong>descripción alternativa</strong> para quienes no puedan ver la imagen.</p><h4><strong>5.4 Enlaces</strong></h4><p>Los enlaces se crean usando la etiqueta <b><a></b>. Ejemplo:</p><pre> <a href="https://www.ejemplo.com" rel="nofollow noopener">Visita nuestro sitio</a> </pre><p>El atributo <em>href</em> define la URL a la que se dirigirá el usuario al hacer clic en el enlace.</p><h4><strong>5.5 Listas</strong></h4><p>Las listas ayudan a organizar la información y pueden ser <strong>ordenadas</strong> (<b></p><ol></b>) o <strong>desordenadas</strong> (<b></p><ul></b>). Ejemplo de lista desordenada:</p><pre> <ul> <li>Elemento 1</li> <li>Elemento 2</li> <li>Elemento 3</li> </ul> </pre><h4><strong>5.6 Tablas</strong></h4><p>Las tablas se utilizan para presentar <strong>datos tabulares</strong>. Ejemplo:</p><pre> <table> <tr> <th>Nombre</th> <th>Edad</th> </tr> <tr> <td>Ana</td> <td>28</td> </tr> <tr> <td>Luis</td> <td>32</td> </tr> </table> </pre><p>Al dominar estos componentes, puedes empezar a crear <strong>páginas web</strong> bien estructuradas y <strong>funcionales</strong>. Recuerda siempre validar tu HTML para garantizar que cumple con los estándares del <strong>W3C</strong>.</p><h2>Cómo enlazar hojas de estilo CSS y archivos JavaScript en HTML</h2><p>Una de las mejores maneras de <strong>mejorar</strong> la apariencia y funcionalidad de tu página web es a través de hojas de estilo <strong>CSS</strong> y archivos <strong>JavaScript</strong>. Aprender cómo enlazarlos correctamente es esencial para cualquier desarrollador web.</p><h3>Enlazando hojas de estilo CSS</h3><p>Las hojas de estilo <em>Cascading Style Sheets</em> (<strong>CSS</strong>) permiten definir la apariencia de tu sitio web. Para enlazar un archivo <strong>CSS</strong> a tu documento <strong>HTML</strong>, utiliza la etiqueta <code><link></code> dentro del <code><head></code> de tu documento:</p><pre> <code> <head> <link rel="stylesheet" href="styles.css"> </head> </code> </pre><p>Este código indica al navegador que debe cargar y aplicar el archivo <strong>styles.css</strong> a tu documento <strong>HTML</strong>. Aquí hay algunos <strong>beneficios</strong> clave de usar <strong>CSS</strong> externos:</p><ul><li><strong>Mantiene</strong> tu código <em>HTML</em> limpio y organizado.</li><li>Facilita la <strong>reutilización</strong> de estilos en múltiples páginas.</li><li>Permite una <strong>mejor</strong> separación entre la estructura y el diseño.</li></ul><h4>Ejemplo de uso</h4><p>Supongamos que tienes un archivo <strong>styles.css</strong> con el siguiente contenido:</p><pre> <code> body { background-color: #f0f0f0; font-family: Arial, sans-serif; } h1 { color: #333333; } </code> </pre><p>Enlazando este archivo <strong>CSS</strong> a tu documento <strong>HTML</strong> hará que el fondo de tu página sea de color <strong>#f0f0f0</strong> y todas las etiquetas <strong>h1</strong> tengan el color <strong>#333333</strong>.</p><h3>Enlazando archivos JavaScript</h3><p>Los archivos <strong>JavaScript</strong> permiten agregar <b>interactividad</b> y comportamiento dinámico a tu sitio web. Para enlazar un archivo <strong>JavaScript</strong> en tu documento <strong>HTML</strong>, utiliza la etiqueta <code><script></code>:</p><pre> <code> <body> <script src="script.js"></script> </body> </code> </pre><p>Es una buena práctica colocar la etiqueta <code><script></code> cerca del final del <code><body></code>, justo antes de la etiqueta de cierre <code></body></code>. Esto permite que el contenido de la página se cargue antes de que se ejecute el <strong>JavaScript</strong>.</p><h4>Ejemplo de uso</h4><p>Imagina que tienes un archivo <strong>script.js</strong> con el siguiente contenido:</p><pre> <code> document.addEventListener('DOMContentLoaded', (event) => { alert('¡La página se ha cargado!'); }); </code> </pre><p>Enlazando este archivo <strong>JavaScript</strong> a tu documento <strong>HTML</strong> hará que aparezca una alerta con el mensaje «¡La página se ha cargado!» una vez que todo el contenido de la página esté listo.</p><h4>Consejos prácticos</h4><ul><li>Siempre utiliza <b>nombres descriptivos</b> para tus archivos <strong>CSS</strong> y <strong>JavaScript</strong>.</li><li>Organiza tus archivos en carpetas como <em>css/</em> y <em>js/</em> para una mejor organización.</li><li>Minimiza y combina tus archivos <strong>CSS</strong> y <strong>JavaScript</strong> en producción para <strong>mejorar</strong> la velocidad de carga.</li></ul><h3>Comparativa: CSS vs JavaScript</h3><table><thead><tr><th>Atributo</th><th>CSS</th><th>JavaScript</th></tr></thead><tbody><tr><td>Propósito</td><td><b>Estilo</b> y apariencia</td><td><b>Interactividad</b> y comportamiento dinámico</td></tr><tr><td>Tipo de archivo</td><td>.css</td><td>.js</td></tr><tr><td>Colocación</td><td><code><head></code></td><td><code><body></code> (al final)</td></tr></tbody></table><p>Siguiendo estos pasos y <strong>mejores prácticas</strong>, podrás aprovechar al máximo las capacidades de <strong>CSS</strong> y <strong>JavaScript</strong> en tus proyectos web.</p><h2>Preguntas frecuentes</h2><h3>¿Qué es HTML?</h3><p>HTML (HyperText Markup Language) es el lenguaje estándar utilizado para crear y diseñar páginas web.</p><h3>¿Cuáles son los elementos básicos de HTML?</h3><p>Los elementos básicos de HTML incluyen etiquetas, atributos y contenido, que se utilizan para estructurar y dar formato a una página web.</p><h3>¿Cómo se crea un enlace en HTML?</h3><p>Para crear un enlace en HTML, se utiliza la etiqueta <code><a></code> seguida del atributo <code>href</code> que especifica la URL a la que se quiere enlazar.</p><h3>¿Qué son las etiquetas semánticas en HTML5?</h3><p>Las etiquetas semánticas en HTML5 son elementos que proporcionan información sobre la estructura del contenido de una página web, como <code><header></code>, <code><footer></code>, <code><article></code>, entre otras.</p><h3>¿Cómo se inserta una imagen en una página web con HTML?</h3><p>Para insertar una imagen en una página web con HTML, se utiliza la etiqueta <code><img></code> con el atributo <code>src</code> que especifica la ruta de la imagen.</p><h3>¿Qué es CSS y cuál es su relación con HTML?</h3><p>CSS (Cascading Style Sheets) es un lenguaje de diseño utilizado para controlar la presentación y el estilo de una página web creada con HTML. CSS se utiliza para definir el diseño, colores, fuentes, entre otros aspectos visuales.</p><table><tr><th>Puntos clave sobre HTML</th></tr><tr><td>HTML es el lenguaje estándar para crear páginas web.</td></tr><tr><td>Las etiquetas en HTML se utilizan para estructurar el contenido.</td></tr><tr><td>Se pueden agregar enlaces, imágenes y otros elementos multimedia en una página web con HTML.</td></tr><tr><td>HTML5 introduce etiquetas semánticas para una mejor estructuración del contenido.</td></tr><tr><td>CSS se utiliza junto con HTML para controlar el estilo y la presentación de una página web.</td></tr></table><p>¡Déjanos tus comentarios y no olvides revisar otros artículos sobre desarrollo web que también pueden interesarte!</p><div class="crp_related crp-rounded-thumbs"><h3>Contenidos Relacionados que te Pueden Interesar:</h3><ul><li><a href="https://cotidianidades.online/como-crear-una-pagina-web-html-en-bloc-de-notas-paso-a-paso/" class="crp_link post-6809"><figure><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMTUwIDE1MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="150" height="150" data-src="https://cotidianidades.online/wp-content/uploads/gt-lt-150x150.jpg" class="crp_featured crp_thumb crp_thumbnail" alt="gt-lt" title="Cómo crear una página web HTML en Bloc de Notas paso a paso" data-srcset="https://cotidianidades.online/wp-content/uploads/gt-lt-150x150.jpg 150w, https://cotidianidades.online/wp-content/uploads/gt-lt-120x120.jpg 120w" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://cotidianidades.online/wp-content/uploads/gt-lt-150x150.jpg 150w, https://cotidianidades.online/wp-content/uploads/gt-lt-120x120.jpg 120w" /></figure><span class="crp_title">Cómo crear una página web HTML en Bloc de Notas paso a paso</span></a></li><li><a href="https://cotidianidades.online/que-es-un-enlace-punto-a-punto-y-como-funciona/" class="crp_link post-5880"><figure><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMTUwIDE1MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="150" height="150" data-src="https://cotidianidades.online/wp-content/uploads/punto-punto-150x150.jpg" class="crp_featured crp_thumb crp_thumbnail" alt="punto-punto" title="Qué es un enlace punto a punto y cómo funciona" data-srcset="https://cotidianidades.online/wp-content/uploads/punto-punto-150x150.jpg 150w, https://cotidianidades.online/wp-content/uploads/punto-punto-120x120.jpg 120w" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://cotidianidades.online/wp-content/uploads/punto-punto-150x150.jpg 150w, https://cotidianidades.online/wp-content/uploads/punto-punto-120x120.jpg 120w" /></figure><span class="crp_title">Qué es un enlace punto a punto y cómo funciona</span></a></li><li><a href="https://cotidianidades.online/como-activar-o-desactivar-el-aviso-de-contenido-delicado-en-redes-sociales/" class="crp_link post-4888"><figure><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMTUwIDE1MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="150" height="150" data-src="https://cotidianidades.online/wp-content/uploads/contenido-delicado-150x150.jpg" class="crp_featured crp_thumb crp_thumbnail" alt="contenido-delicado" title="Cómo activar o desactivar el aviso de contenido delicado en redes sociales" data-srcset="https://cotidianidades.online/wp-content/uploads/contenido-delicado-150x150.jpg 150w, https://cotidianidades.online/wp-content/uploads/contenido-delicado-120x120.jpg 120w" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://cotidianidades.online/wp-content/uploads/contenido-delicado-150x150.jpg 150w, https://cotidianidades.online/wp-content/uploads/contenido-delicado-120x120.jpg 120w" /></figure><span class="crp_title">Cómo activar o desactivar el aviso de contenido…</span></a></li><li><a href="https://cotidianidades.online/como-disenar-y-elaborar-paginas-web-segun-la-guia-del-conalep/" class="crp_link post-4730"><figure><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMTUwIDE1MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="150" height="150" data-src="https://cotidianidades.online/wp-content/uploads/guia-conalep-150x150.jpg" class="crp_featured crp_thumb crp_thumbnail" alt="guia-conalep" title="Cómo diseñar y elaborar páginas web según la guía del CONALEP" data-srcset="https://cotidianidades.online/wp-content/uploads/guia-conalep-150x150.jpg 150w, https://cotidianidades.online/wp-content/uploads/guia-conalep-120x120.jpg 120w" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://cotidianidades.online/wp-content/uploads/guia-conalep-150x150.jpg 150w, https://cotidianidades.online/wp-content/uploads/guia-conalep-120x120.jpg 120w" /></figure><span class="crp_title">Cómo diseñar y elaborar páginas web según la guía…</span></a></li><li><a href="https://cotidianidades.online/que-es-la-arquitectura-de-las-aplicaciones-web-y-como-funciona/" class="crp_link post-5720"><figure><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMTUwIDE1MCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="150" height="150" data-src="https://cotidianidades.online/wp-content/uploads/aplicaciones-web-150x150.jpg" class="crp_featured crp_thumb crp_thumbnail" alt="aplicaciones-web" title="Qué es la arquitectura de las aplicaciones web y cómo funciona" data-srcset="https://cotidianidades.online/wp-content/uploads/aplicaciones-web-150x150.jpg 150w, https://cotidianidades.online/wp-content/uploads/aplicaciones-web-120x120.jpg 120w" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://cotidianidades.online/wp-content/uploads/aplicaciones-web-150x150.jpg 150w, https://cotidianidades.online/wp-content/uploads/aplicaciones-web-120x120.jpg 120w" /></figure><span class="crp_title">Qué es la arquitectura de las aplicaciones web y…</span></a></li></ul><div class="crp_clear"></div></div><div class='yarpp yarpp-related yarpp-related-website yarpp-related-none yarpp-template-list'><p>No hay más publicaciones relacionadas.</p></div></div></div></article><div class=" ast-single-author-box ast-author-container--center ast-author-box-position--outside" itemprop="author" itemscope itemtype="https://schema.org/Person" ><div class="ast-author-meta"><div class="about-author-title-wrapper"><h3 class="about-author">Sobre el autor</h3></div><div class="ast-author-details"><div class="post-author-avatar"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" alt='' data-src='https://cotidianidades.online/wp-content/litespeed/avatar/daba18f7d0140afaf10f441f3eb7ec1a.jpg?ver=1742078888' data-srcset='https://cotidianidades.online/wp-content/litespeed/avatar/054ba5d81b5516e03f8da7e64b22559e.jpg?ver=1742078888 2x' class='avatar avatar-100 photo' height='100' width='100' decoding='async'/></div><div class="post-author-bio"> <a class="url fn n" href="https://cotidianidades.online/author/cotidianidades-online/" itemprop="url" rel="author" target="_self"><h4 class="author-title" itemprop="name">Jorge González</h4> </a><div class="post-author-desc"></div><div class="ast-author-box-sharing"><div class="ast-social-inner-wrap element-social-inner-wrap social-show-label-false ast-social-color-type-official"><a href="" aria-label="Facebook" target="_blank" rel="noopener noreferrer" class="ast-inline-flex ast-social-icon-a"><div style="--color: #557dbc; --background-color:transparent;" class="ast-social-element ast-facebook-social-item"> <span class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg width='448' height='448' viewBox='0 0 448 448' xmlns='http://www.w3.org/2000/svg'><path d='M23 45C23 33.9543 31.9543 25 43 25H405C416.046 25 425 33.9543 425 45V411C425 422.046 416.046 431 405 431H43C31.9543 431 23 422.046 23 411V45Z' fill='white'/><path d='M185 431H263V448H185V431Z' fill='white'/><path d='M400 0H48C35.2696 0 23.0606 5.05713 14.0589 14.0589C5.05713 23.0606 0 35.2696 0 48V400C0 412.73 5.05713 424.939 14.0589 433.941C23.0606 442.943 35.2696 448 48 448H185.25V295.69H122.25V224H185.25V169.36C185.25 107.21 222.25 72.88 278.92 72.88C306.06 72.88 334.44 77.72 334.44 77.72V138.72H303.17C272.36 138.72 262.75 157.84 262.75 177.45V224H331.53L320.53 295.69H262.75V448H400C412.73 448 424.939 442.943 433.941 433.941C442.943 424.939 448 412.73 448 400V48C448 35.2696 442.943 23.0606 433.941 14.0589C424.939 5.05713 412.73 0 400 0Z' /></svg></span></div> </a><a href="" aria-label="Twitter / X" target="_blank" rel="noopener noreferrer" class="ast-inline-flex ast-social-icon-a"><div style="--color: #000000; --background-color:transparent;" class="ast-social-element ast-twitter-x-social-item"> <span class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M18.244 2.25H21.552L14.325 10.51L22.827 21.75H16.17L10.956 14.933L4.99 21.75H1.68L9.41 12.915L1.254 2.25H8.08L12.793 8.481L18.244 2.25ZM17.083 19.77H18.916L7.084 4.126H5.117L17.083 19.77Z'/></svg></span></div> </a><a href="" aria-label="Linkedin" target="_blank" rel="noopener noreferrer" class="ast-inline-flex ast-social-icon-a"><div style="--color: #1c86c6; --background-color:transparent;" class="ast-social-element ast-linkedin-social-item"> <span class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg width='448' height='448' viewBox='0 0 448 448' xmlns='http://www.w3.org/2000/svg'><path d='M391.897 7H57.1027C30.5363 7 9 28.6862 9 55.4375V392.562C9 419.314 30.5363 441 57.1027 441H391.897C418.464 441 440 419.314 440 392.562V55.4375C440 28.6862 418.464 7 391.897 7Z' fill='white'/><path d='M416 0H31.9C14.3 0 0 14.5 0 32.3V415.7C0 433.5 14.3 448 31.9 448H416C433.6 448 448 433.5 448 415.7V32.3C448 14.5 433.6 0 416 0ZM69 384V170.2H135.5V384H69ZM102.2 141C80.9 141 63.7 123.7 63.7 102.5C63.7 81.3 80.9 64 102.2 64C123.4 64 140.7 81.3 140.7 102.5C140.7 123.8 123.5 141 102.2 141ZM384.3 384H317.9V280C317.9 255.2 317.4 223.3 283.4 223.3C248.8 223.3 243.5 250.3 243.5 278.2V384H177.1V170.2H240.8V199.4H241.7C250.6 182.6 272.3 164.9 304.6 164.9C371.8 164.9 384.3 209.2 384.3 266.8V384Z' /></svg></span></div> </a></div></div></div></div></div></div><nav class="navigation post-navigation" aria-label="Navegación de entradas"> <span class="screen-reader-text">Navegación de entradas</span><div class="nav-links"><div class="nav-previous"><a title="Cómo leen y qué leen las niñas y niños en educación preescolar" href="https://cotidianidades.online/como-leen-y-que-leen-las-ninas-y-ninos-en-educacion-preescolar/" rel="prev"><span class="ast-post-nav"><span class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M134.059 296H436c6.627 0 12-5.373 12-12v-56c0-6.627-5.373-12-12-12H134.059v-46.059c0-21.382-25.851-32.09-40.971-16.971L7.029 239.029c-9.373 9.373-9.373 24.569 0 33.941l86.059 86.059c15.119 15.119 40.971 4.411 40.971-16.971V296z'></path></svg></span> Anterior</span><p> Cómo leen y qué leen las niñas y niños en educación preescolar</p></a></div><div class="nav-next"><a title="Por qué los hombres son infieles: razones y explicaciones comunes" href="https://cotidianidades.online/por-que-los-hombres-son-infieles-razones-y-explicaciones-comunes/" rel="next"><span class="ast-post-nav">Siguiente <span class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z'></path></svg></span></span><p> Por qué los hombres son infieles: razones y explicaciones comunes</p></a></div></div></nav><div class="ast-single-related-posts-container ast-container--"><div class="ast-related-posts-title-section"><h2 class="ast-related-posts-title"> Entradas relacionadas</h2></div><div class="ast-related-posts-wrapper"><article class="ast-related-post post-4807 post type-post status-publish format-standard has-post-thumbnail hentry category-tecnologia"><div class="ast-related-posts-inner-section"><div class="ast-related-post-content"><div class="ast-related-post-featured-section post-has-thumb"><div class="post-thumb-img-content post-thumb"><a aria-label="Lee más sobre Cómo es el orden de colores en un cable de red" href="https://cotidianidades.online/como-es-el-orden-de-colores-en-un-cable-de-red/"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2ODgiIGhlaWdodD0iNTY2IiB2aWV3Qm94PSIwIDAgNjg4IDU2NiI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="688" height="566" data-src="https://cotidianidades.online/wp-content/uploads/cable-red-688x566.jpg" class="attachment-large size-large wp-post-image" alt="Cómo es el orden de colores en un cable de red" itemprop="" decoding="async" loading="lazy" data-srcset="https://cotidianidades.online/wp-content/uploads/cable-red-688x566.jpg 688w, https://cotidianidades.online/wp-content/uploads/cable-red-328x270.jpg 328w, https://cotidianidades.online/wp-content/uploads/cable-red-122x100.jpg 122w, https://cotidianidades.online/wp-content/uploads/cable-red-768x631.jpg 768w, https://cotidianidades.online/wp-content/uploads/cable-red.jpg 894w" data-sizes="auto, (max-width: 688px) 100vw, 688px" title="Cómo es el orden de colores en un cable de red 4"></a></div></div><header class="entry-header related-entry-header"><h3 class="ast-related-post-title entry-title"> <a href="https://cotidianidades.online/como-es-el-orden-de-colores-en-un-cable-de-red/" target="_self" rel="bookmark noopener noreferrer">Cómo es el orden de colores en un cable de red</a></h3><div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"> <span class="comments-link"> <a href="https://cotidianidades.online/como-es-el-orden-de-colores-en-un-cable-de-red/#respond">Deja un comentario</a> </span>/ <span class="ast-taxonomy-container cat-links default"><a href="https://cotidianidades.online/tecnologia/" rel="category tag">Tecnología</a></span> / Por <span class="posted-by vcard author" itemtype="https://schema.org/Person" itemscope="itemscope" itemprop="author"> <a title="Ver todas las entradas de Jorge González" href="https://cotidianidades.online/author/cotidianidades-online/" rel="author" class="url fn n" itemprop="url" > <span class="author-name" itemprop="name" > Jorge González </span> </a> </span></div></header><div class="entry-content clear"></div></div></div></article><article class="ast-related-post post-4533 post type-post status-publish format-standard has-post-thumbnail hentry category-tecnologia"><div class="ast-related-posts-inner-section"><div class="ast-related-post-content"><div class="ast-related-post-featured-section post-has-thumb"><div class="post-thumb-img-content post-thumb"><a aria-label="Lee más sobre Qué es Compañía de Radiocomunicaciones Móviles S.A" href="https://cotidianidades.online/que-es-compania-de-radiocomunicaciones-moviles-s-a/"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDMiIGhlaWdodD0iNTY2IiB2aWV3Qm94PSIwIDAgODAzIDU2NiI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="803" height="566" data-src="https://cotidianidades.online/wp-content/uploads/compania-radiocomunicaciones-803x566.jpg" class="attachment-large size-large wp-post-image" alt="Qué es Compañía de Radiocomunicaciones Móviles S.A" itemprop="" decoding="async" loading="lazy" data-srcset="https://cotidianidades.online/wp-content/uploads/compania-radiocomunicaciones-803x566.jpg 803w, https://cotidianidades.online/wp-content/uploads/compania-radiocomunicaciones-383x270.jpg 383w, https://cotidianidades.online/wp-content/uploads/compania-radiocomunicaciones-142x100.jpg 142w, https://cotidianidades.online/wp-content/uploads/compania-radiocomunicaciones-768x541.jpg 768w, https://cotidianidades.online/wp-content/uploads/compania-radiocomunicaciones.jpg 900w" data-sizes="auto, (max-width: 803px) 100vw, 803px" title="Qué es Compañía de Radiocomunicaciones Móviles S.A 5"></a></div></div><header class="entry-header related-entry-header"><h3 class="ast-related-post-title entry-title"> <a href="https://cotidianidades.online/que-es-compania-de-radiocomunicaciones-moviles-s-a/" target="_self" rel="bookmark noopener noreferrer">Qué es Compañía de Radiocomunicaciones Móviles S.A</a></h3><div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"> <span class="comments-link"> <a href="https://cotidianidades.online/que-es-compania-de-radiocomunicaciones-moviles-s-a/#respond">Deja un comentario</a> </span>/ <span class="ast-taxonomy-container cat-links default"><a href="https://cotidianidades.online/tecnologia/" rel="category tag">Tecnología</a></span> / Por <span class="posted-by vcard author" itemtype="https://schema.org/Person" itemscope="itemscope" itemprop="author"> <a title="Ver todas las entradas de Jorge González" href="https://cotidianidades.online/author/cotidianidades-online/" rel="author" class="url fn n" itemprop="url" > <span class="author-name" itemprop="name" > Jorge González </span> </a> </span></div></header><div class="entry-content clear"></div></div></div></article><article class="ast-related-post post-6071 post type-post status-publish format-standard has-post-thumbnail hentry category-tecnologia"><div class="ast-related-posts-inner-section"><div class="ast-related-post-content"><div class="ast-related-post-featured-section post-has-thumb"><div class="post-thumb-img-content post-thumb"><a aria-label="Lee más sobre Cómo crear una base de datos en MySQL Workbench" href="https://cotidianidades.online/como-crear-una-base-de-datos-en-mysql-workbench/"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NTAiIGhlaWdodD0iNTU3IiB2aWV3Qm94PSIwIDAgODUwIDU1NyI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="850" height="557" data-src="https://cotidianidades.online/wp-content/uploads/mysql-workbench-850x557.gif" class="attachment-large size-large wp-post-image" alt="Cómo crear una base de datos en MySQL Workbench" itemprop="" decoding="async" loading="lazy" data-srcset="https://cotidianidades.online/wp-content/uploads/mysql-workbench-850x557.gif 850w, https://cotidianidades.online/wp-content/uploads/mysql-workbench-405x265.gif 405w, https://cotidianidades.online/wp-content/uploads/mysql-workbench-150x98.gif 150w, https://cotidianidades.online/wp-content/uploads/mysql-workbench-768x503.gif 768w" data-sizes="auto, (max-width: 850px) 100vw, 850px" title="Cómo crear una base de datos en MySQL Workbench 6"></a></div></div><header class="entry-header related-entry-header"><h3 class="ast-related-post-title entry-title"> <a href="https://cotidianidades.online/como-crear-una-base-de-datos-en-mysql-workbench/" target="_self" rel="bookmark noopener noreferrer">Cómo crear una base de datos en MySQL Workbench</a></h3><div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"> <span class="comments-link"> <a href="https://cotidianidades.online/como-crear-una-base-de-datos-en-mysql-workbench/#respond">Deja un comentario</a> </span>/ <span class="ast-taxonomy-container cat-links default"><a href="https://cotidianidades.online/tecnologia/" rel="category tag">Tecnología</a></span> / Por <span class="posted-by vcard author" itemtype="https://schema.org/Person" itemscope="itemscope" itemprop="author"> <a title="Ver todas las entradas de Jorge González" href="https://cotidianidades.online/author/cotidianidades-online/" rel="author" class="url fn n" itemprop="url" > <span class="author-name" itemprop="name" > Jorge González </span> </a> </span></div></header><div class="entry-content clear"></div></div></div></article><article class="ast-related-post post-6370 post type-post status-publish format-standard has-post-thumbnail hentry category-tecnologia"><div class="ast-related-posts-inner-section"><div class="ast-related-post-content"><div class="ast-related-post-featured-section post-has-thumb"><div class="post-thumb-img-content post-thumb"><a aria-label="Lee más sobre Cómo funciona una máquina de soldar por arco eléctrico" href="https://cotidianidades.online/como-funciona-una-maquina-de-soldar-por-arco-electrico/"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTUiIGhlaWdodD0iNTY2IiB2aWV3Qm94PSIwIDAgNzU1IDU2NiI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="755" height="566" data-src="https://cotidianidades.online/wp-content/uploads/arco-electrico-755x566.jpg" class="attachment-large size-large wp-post-image" alt="Cómo funciona una máquina de soldar por arco eléctrico" itemprop="" decoding="async" loading="lazy" data-srcset="https://cotidianidades.online/wp-content/uploads/arco-electrico-755x566.jpg 755w, https://cotidianidades.online/wp-content/uploads/arco-electrico-360x270.jpg 360w, https://cotidianidades.online/wp-content/uploads/arco-electrico-133x100.jpg 133w, https://cotidianidades.online/wp-content/uploads/arco-electrico-768x576.jpg 768w, https://cotidianidades.online/wp-content/uploads/arco-electrico-1536x1152.jpg 1536w, https://cotidianidades.online/wp-content/uploads/arco-electrico.jpg 2048w" data-sizes="auto, (max-width: 755px) 100vw, 755px" title="Cómo funciona una máquina de soldar por arco eléctrico 7"></a></div></div><header class="entry-header related-entry-header"><h3 class="ast-related-post-title entry-title"> <a href="https://cotidianidades.online/como-funciona-una-maquina-de-soldar-por-arco-electrico/" target="_self" rel="bookmark noopener noreferrer">Cómo funciona una máquina de soldar por arco eléctrico</a></h3><div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"> <span class="comments-link"> <a href="https://cotidianidades.online/como-funciona-una-maquina-de-soldar-por-arco-electrico/#respond">Deja un comentario</a> </span>/ <span class="ast-taxonomy-container cat-links default"><a href="https://cotidianidades.online/tecnologia/" rel="category tag">Tecnología</a></span> / Por <span class="posted-by vcard author" itemtype="https://schema.org/Person" itemscope="itemscope" itemprop="author"> <a title="Ver todas las entradas de Jorge González" href="https://cotidianidades.online/author/cotidianidades-online/" rel="author" class="url fn n" itemprop="url" > <span class="author-name" itemprop="name" > Jorge González </span> </a> </span></div></header><div class="entry-content clear"></div></div></div></article><article class="ast-related-post post-5718 post type-post status-publish format-standard has-post-thumbnail hentry category-tecnologia"><div class="ast-related-posts-inner-section"><div class="ast-related-post-content"><div class="ast-related-post-featured-section post-has-thumb"><div class="post-thumb-img-content post-thumb"><a aria-label="Lee más sobre Cómo iniciar sesión en el correo BUAP: guía rápida" href="https://cotidianidades.online/como-iniciar-sesion-en-el-correo-buap-guia-rapida/"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NTAiIGhlaWdodD0iNDc4IiB2aWV3Qm94PSIwIDAgODUwIDQ3OCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="850" height="478" data-src="https://cotidianidades.online/wp-content/uploads/correo-buap-850x478.jpg" class="attachment-large size-large wp-post-image" alt="Cómo iniciar sesión en el correo BUAP: guía rápida" itemprop="" decoding="async" loading="lazy" data-srcset="https://cotidianidades.online/wp-content/uploads/correo-buap-850x478.jpg 850w, https://cotidianidades.online/wp-content/uploads/correo-buap-405x228.jpg 405w, https://cotidianidades.online/wp-content/uploads/correo-buap-150x84.jpg 150w, https://cotidianidades.online/wp-content/uploads/correo-buap-768x432.jpg 768w, https://cotidianidades.online/wp-content/uploads/correo-buap.jpg 1280w" data-sizes="auto, (max-width: 850px) 100vw, 850px" title="Cómo iniciar sesión en el correo BUAP: guía rápida 8"></a></div></div><header class="entry-header related-entry-header"><h3 class="ast-related-post-title entry-title"> <a href="https://cotidianidades.online/como-iniciar-sesion-en-el-correo-buap-guia-rapida/" target="_self" rel="bookmark noopener noreferrer">Cómo iniciar sesión en el correo BUAP: guía rápida</a></h3><div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"> <span class="comments-link"> <a href="https://cotidianidades.online/como-iniciar-sesion-en-el-correo-buap-guia-rapida/#respond">Deja un comentario</a> </span>/ <span class="ast-taxonomy-container cat-links default"><a href="https://cotidianidades.online/tecnologia/" rel="category tag">Tecnología</a></span> / Por <span class="posted-by vcard author" itemtype="https://schema.org/Person" itemscope="itemscope" itemprop="author"> <a title="Ver todas las entradas de Jorge González" href="https://cotidianidades.online/author/cotidianidades-online/" rel="author" class="url fn n" itemprop="url" > <span class="author-name" itemprop="name" > Jorge González </span> </a> </span></div></header><div class="entry-content clear"></div></div></div></article><article class="ast-related-post post-4727 post type-post status-publish format-standard has-post-thumbnail hentry category-tecnologia"><div class="ast-related-posts-inner-section"><div class="ast-related-post-content"><div class="ast-related-post-featured-section post-has-thumb"><div class="post-thumb-img-content post-thumb"><a aria-label="Lee más sobre Cómo crear y usar un bot de temas para Telegram" href="https://cotidianidades.online/como-crear-y-usar-un-bot-de-temas-para-telegram/"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NTAiIGhlaWdodD0iNDc4IiB2aWV3Qm94PSIwIDAgODUwIDQ3OCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="850" height="478" data-src="https://cotidianidades.online/wp-content/uploads/bot-temas-850x478.png" class="attachment-large size-large wp-post-image" alt="Cómo crear y usar un bot de temas para Telegram" itemprop="" decoding="async" loading="lazy" data-srcset="https://cotidianidades.online/wp-content/uploads/bot-temas-850x478.png 850w, https://cotidianidades.online/wp-content/uploads/bot-temas-405x228.png 405w, https://cotidianidades.online/wp-content/uploads/bot-temas-150x84.png 150w, https://cotidianidades.online/wp-content/uploads/bot-temas-768x432.png 768w, https://cotidianidades.online/wp-content/uploads/bot-temas.png 1200w" data-sizes="auto, (max-width: 850px) 100vw, 850px" title="Cómo crear y usar un bot de temas para Telegram 9"></a></div></div><header class="entry-header related-entry-header"><h3 class="ast-related-post-title entry-title"> <a href="https://cotidianidades.online/como-crear-y-usar-un-bot-de-temas-para-telegram/" target="_self" rel="bookmark noopener noreferrer">Cómo crear y usar un bot de temas para Telegram</a></h3><div class="entry-meta ast-related-cat-style--none ast-related-tag-style--none"> <span class="comments-link"> <a href="https://cotidianidades.online/como-crear-y-usar-un-bot-de-temas-para-telegram/#respond">Deja un comentario</a> </span>/ <span class="ast-taxonomy-container cat-links default"><a href="https://cotidianidades.online/tecnologia/" rel="category tag">Tecnología</a></span> / Por <span class="posted-by vcard author" itemtype="https://schema.org/Person" itemscope="itemscope" itemprop="author"> <a title="Ver todas las entradas de Jorge González" href="https://cotidianidades.online/author/cotidianidades-online/" rel="author" class="url fn n" itemprop="url" > <span class="author-name" itemprop="name" > Jorge González </span> </a> </span></div></header><div class="entry-content clear"></div></div></div></article></div></div><div id="comments" class="comments-area comment-form-position-below "><div id="respond" class="comment-respond"><h3 id="reply-title" class="comment-reply-title">Deja un comentario <small><a rel="nofollow" id="cancel-comment-reply-link" href="/como-usar-codigos-html-para-crear-paginas-web/#respond" style="display:none;">Cancelar respuesta</a></small></h3><form action="https://cotidianidades.online/wp-comments-post.php" method="post" id="ast-commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Tu dirección de correo electrónico no será publicada.</span> <span class="required-field-message">Los campos obligatorios están marcados con <span class="required">*</span></span></p><div class="ast-row comment-textarea"><fieldset class="comment-form-comment"><legend class ="comment-form-legend"></legend><div class="comment-form-textarea ast-grid-common-col"><label for="comment" class="screen-reader-text">Escribe aquí...</label><textarea id="comment" name="comment" placeholder="Escribe aquí..." cols="45" rows="8" aria-required="true"></textarea></div></fieldset></div><div class="ast-comment-formwrap ast-row"><p class="comment-form-author ast-grid-common-col ast-width-lg-33 ast-width-md-4 ast-float"><label for="author" class="screen-reader-text">Nombre*</label><input id="author" name="author" type="text" value="" placeholder="Nombre*" size="30" aria-required='true' /></p><p class="comment-form-email ast-grid-common-col ast-width-lg-33 ast-width-md-4 ast-float"><label for="email" class="screen-reader-text">Correo electrónico*</label><input id="email" name="email" type="text" value="" placeholder="Correo electrónico*" size="30" aria-required='true' /></p><p class="comment-form-url ast-grid-common-col ast-width-lg-33 ast-width-md-4 ast-float"><label for="url"><label for="url" class="screen-reader-text">Web</label><input id="url" name="url" type="text" value="" placeholder="Web" size="30" /></label></p></div><p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Guarda mi nombre, correo electrónico y web en este navegador para la próxima vez que comente.</label></p><p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Publicar comentario" /> <input type='hidden' name='comment_post_ID' value='5884' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /></p></form></div></div></main></div></div></div><footer class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon"><div class="site-primary-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-3-equal ast-builder-grid-row-tablet-3-equal ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-primary-footer-builder"><div class="ast-builder-grid-row-container-inner"><div class="ast-builder-footer-grid-columns site-primary-footer-inner-wrap ast-builder-grid-row"><div class="site-footer-primary-section-1 site-footer-section site-footer-section-1"></div><div class="site-footer-primary-section-2 site-footer-section site-footer-section-2"><div class="ast-builder-layout-element site-footer-focus-item ast-footer-button-1" data-section="section-fb-button-1"><div class="ast-builder-button-wrap ast-builder-button-size-default"><a class="ast-custom-button-link" href="https://cotidianidades.online/sitemap_index.xml" target="_self" ><div class=ast-custom-button>Sitemap</div></a><a class="menu-link" href="https://cotidianidades.online/sitemap_index.xml" target="_self" >Sitemap</a></div></div></div><div class="site-footer-primary-section-3 site-footer-section site-footer-section-3"></div></div></div></div><div class="site-below-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-full ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-below-footer-builder"><div class="ast-builder-grid-row-container-inner"><div class="ast-builder-footer-grid-columns site-below-footer-inner-wrap ast-builder-grid-row"><div class="site-footer-below-section-1 site-footer-section site-footer-section-1"><div class="ast-builder-layout-element ast-flex site-footer-focus-item ast-footer-copyright" data-section="section-footer-builder"><div class="ast-footer-copyright"><p>Copyright © 2025 Cotidianidades Online</p></div></div></div></div></div></div></footer></div><style>.s33c31ff6022b14d38ecac8d95cadd742 { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#8E44AD; border:0!important; border-left:4px solid #F39C12!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); text-decoration:none; } .s33c31ff6022b14d38ecac8d95cadd742:active, .s33c31ff6022b14d38ecac8d95cadd742:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .s33c31ff6022b14d38ecac8d95cadd742 { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .s33c31ff6022b14d38ecac8d95cadd742 .ctaText { font-weight:bold; color:#FFFFFF; text-decoration:none; font-size: 16px; } .s33c31ff6022b14d38ecac8d95cadd742 .postTitle { color:#000000; text-decoration: underline!important; font-size: 16px; } .s33c31ff6022b14d38ecac8d95cadd742:hover .postTitle { text-decoration: underline!important; }</style><div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both"> <span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewBox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve"> <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z"/> </svg></span> <span class="screen-reader-text">Scroll al inicio</span></div><style id='astra-addon-megamenu-dynamic-inline-css'>.ast-desktop .menu-item-9094 .astra-mm-icon-label.icon-item-9094, .ast-header-break-point .menu-item-9094 .astra-mm-icon-label.icon-item-9094{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9094 .astra-mm-icon-label.icon-item-9094 svg, .ast-header-break-point .menu-item-9094 .astra-mm-icon-label.icon-item-9094 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9095 .astra-mm-icon-label.icon-item-9095, .ast-header-break-point .menu-item-9095 .astra-mm-icon-label.icon-item-9095{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9095 .astra-mm-icon-label.icon-item-9095 svg, .ast-header-break-point .menu-item-9095 .astra-mm-icon-label.icon-item-9095 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9096 .astra-mm-icon-label.icon-item-9096, .ast-header-break-point .menu-item-9096 .astra-mm-icon-label.icon-item-9096{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9096 .astra-mm-icon-label.icon-item-9096 svg, .ast-header-break-point .menu-item-9096 .astra-mm-icon-label.icon-item-9096 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9103 .astra-mm-icon-label.icon-item-9103, .ast-header-break-point .menu-item-9103 .astra-mm-icon-label.icon-item-9103{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9103 .astra-mm-icon-label.icon-item-9103 svg, .ast-header-break-point .menu-item-9103 .astra-mm-icon-label.icon-item-9103 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9097 .astra-mm-icon-label.icon-item-9097, .ast-header-break-point .menu-item-9097 .astra-mm-icon-label.icon-item-9097{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9097 .astra-mm-icon-label.icon-item-9097 svg, .ast-header-break-point .menu-item-9097 .astra-mm-icon-label.icon-item-9097 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9098 .astra-mm-icon-label.icon-item-9098, .ast-header-break-point .menu-item-9098 .astra-mm-icon-label.icon-item-9098{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9098 .astra-mm-icon-label.icon-item-9098 svg, .ast-header-break-point .menu-item-9098 .astra-mm-icon-label.icon-item-9098 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9099 .astra-mm-icon-label.icon-item-9099, .ast-header-break-point .menu-item-9099 .astra-mm-icon-label.icon-item-9099{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9099 .astra-mm-icon-label.icon-item-9099 svg, .ast-header-break-point .menu-item-9099 .astra-mm-icon-label.icon-item-9099 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9100 .astra-mm-icon-label.icon-item-9100, .ast-header-break-point .menu-item-9100 .astra-mm-icon-label.icon-item-9100{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9100 .astra-mm-icon-label.icon-item-9100 svg, .ast-header-break-point .menu-item-9100 .astra-mm-icon-label.icon-item-9100 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9101 .astra-mm-icon-label.icon-item-9101, .ast-header-break-point .menu-item-9101 .astra-mm-icon-label.icon-item-9101{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9101 .astra-mm-icon-label.icon-item-9101 svg, .ast-header-break-point .menu-item-9101 .astra-mm-icon-label.icon-item-9101 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9102 .astra-mm-icon-label.icon-item-9102, .ast-header-break-point .menu-item-9102 .astra-mm-icon-label.icon-item-9102{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9102 .astra-mm-icon-label.icon-item-9102 svg, .ast-header-break-point .menu-item-9102 .astra-mm-icon-label.icon-item-9102 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9104 .astra-mm-icon-label.icon-item-9104, .ast-header-break-point .menu-item-9104 .astra-mm-icon-label.icon-item-9104{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9104 .astra-mm-icon-label.icon-item-9104 svg, .ast-header-break-point .menu-item-9104 .astra-mm-icon-label.icon-item-9104 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9105 .astra-mm-icon-label.icon-item-9105, .ast-header-break-point .menu-item-9105 .astra-mm-icon-label.icon-item-9105{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9105 .astra-mm-icon-label.icon-item-9105 svg, .ast-header-break-point .menu-item-9105 .astra-mm-icon-label.icon-item-9105 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9094 .astra-mm-icon-label.icon-item-9094, .ast-header-break-point .menu-item-9094 .astra-mm-icon-label.icon-item-9094{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9094 .astra-mm-icon-label.icon-item-9094 svg, .ast-header-break-point .menu-item-9094 .astra-mm-icon-label.icon-item-9094 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9095 .astra-mm-icon-label.icon-item-9095, .ast-header-break-point .menu-item-9095 .astra-mm-icon-label.icon-item-9095{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9095 .astra-mm-icon-label.icon-item-9095 svg, .ast-header-break-point .menu-item-9095 .astra-mm-icon-label.icon-item-9095 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9096 .astra-mm-icon-label.icon-item-9096, .ast-header-break-point .menu-item-9096 .astra-mm-icon-label.icon-item-9096{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9096 .astra-mm-icon-label.icon-item-9096 svg, .ast-header-break-point .menu-item-9096 .astra-mm-icon-label.icon-item-9096 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9103 .astra-mm-icon-label.icon-item-9103, .ast-header-break-point .menu-item-9103 .astra-mm-icon-label.icon-item-9103{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9103 .astra-mm-icon-label.icon-item-9103 svg, .ast-header-break-point .menu-item-9103 .astra-mm-icon-label.icon-item-9103 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9097 .astra-mm-icon-label.icon-item-9097, .ast-header-break-point .menu-item-9097 .astra-mm-icon-label.icon-item-9097{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9097 .astra-mm-icon-label.icon-item-9097 svg, .ast-header-break-point .menu-item-9097 .astra-mm-icon-label.icon-item-9097 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9098 .astra-mm-icon-label.icon-item-9098, .ast-header-break-point .menu-item-9098 .astra-mm-icon-label.icon-item-9098{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9098 .astra-mm-icon-label.icon-item-9098 svg, .ast-header-break-point .menu-item-9098 .astra-mm-icon-label.icon-item-9098 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9099 .astra-mm-icon-label.icon-item-9099, .ast-header-break-point .menu-item-9099 .astra-mm-icon-label.icon-item-9099{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9099 .astra-mm-icon-label.icon-item-9099 svg, .ast-header-break-point .menu-item-9099 .astra-mm-icon-label.icon-item-9099 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9100 .astra-mm-icon-label.icon-item-9100, .ast-header-break-point .menu-item-9100 .astra-mm-icon-label.icon-item-9100{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9100 .astra-mm-icon-label.icon-item-9100 svg, .ast-header-break-point .menu-item-9100 .astra-mm-icon-label.icon-item-9100 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9101 .astra-mm-icon-label.icon-item-9101, .ast-header-break-point .menu-item-9101 .astra-mm-icon-label.icon-item-9101{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9101 .astra-mm-icon-label.icon-item-9101 svg, .ast-header-break-point .menu-item-9101 .astra-mm-icon-label.icon-item-9101 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9102 .astra-mm-icon-label.icon-item-9102, .ast-header-break-point .menu-item-9102 .astra-mm-icon-label.icon-item-9102{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9102 .astra-mm-icon-label.icon-item-9102 svg, .ast-header-break-point .menu-item-9102 .astra-mm-icon-label.icon-item-9102 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9104 .astra-mm-icon-label.icon-item-9104, .ast-header-break-point .menu-item-9104 .astra-mm-icon-label.icon-item-9104{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9104 .astra-mm-icon-label.icon-item-9104 svg, .ast-header-break-point .menu-item-9104 .astra-mm-icon-label.icon-item-9104 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}.ast-desktop .menu-item-9105 .astra-mm-icon-label.icon-item-9105, .ast-header-break-point .menu-item-9105 .astra-mm-icon-label.icon-item-9105{display:inline-block;vertical-align:middle;line-height:0;margin:5px;}.ast-desktop .menu-item-9105 .astra-mm-icon-label.icon-item-9105 svg, .ast-header-break-point .menu-item-9105 .astra-mm-icon-label.icon-item-9105 svg{color:var(--ast-global-color-0);fill:var(--ast-global-color-0);width:20px;height:20px;}</style> <script id="astra-theme-js-js-extra" type="litespeed/javascript">var astra={"break_point":"921","isRtl":"","is_scroll_to_id":"1","is_scroll_to_top":"1","is_header_footer_builder_active":"1","responsive_cart_click":"flyout","revealEffectEnable":"","edit_post_url":"https:\/\/cotidianidades.online\/wp-admin\/post.php?post={{id}}&action=edit","ajax_url":"https:\/\/cotidianidades.online\/wp-admin\/admin-ajax.php","infinite_count":"2","infinite_total":"0","pagination":"number","infinite_scroll_event":"scroll","no_more_post_message":"No hay m\u00e1s entradas para mostrar.","grid_layout":"3","site_url":"https:\/\/cotidianidades.online","blogArchiveTitleLayout":"","blogArchiveTitleOn":"","show_comments":"Mostrar comentarios","masonryEnabled":"","blogMasonryBreakPoint":"921"}</script> <script id="pt-cv-content-views-script-js-extra" type="litespeed/javascript">var PT_CV_PUBLIC={"_prefix":"pt-cv-","page_to_show":"5","_nonce":"7aaab9358b","is_admin":"","is_mobile":"","ajaxurl":"https:\/\/cotidianidades.online\/wp-admin\/admin-ajax.php","lang":"","loading_image_src":"data:image\/gif;base64,R0lGODlhDwAPALMPAMrKygwMDJOTkz09PZWVla+vr3p6euTk5M7OzuXl5TMzMwAAAJmZmWZmZszMzP\/\/\/yH\/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAPACwAAAAADwAPAAAEQvDJaZaZOIcV8iQK8VRX4iTYoAwZ4iCYoAjZ4RxejhVNoT+mRGP4cyF4Pp0N98sBGIBMEMOotl6YZ3S61Bmbkm4mAgAh+QQFCgAPACwAAAAADQANAAAENPDJSRSZeA418itN8QiK8BiLITVsFiyBBIoYqnoewAD4xPw9iY4XLGYSjkQR4UAUD45DLwIAIfkEBQoADwAsAAAAAA8ACQAABC\/wyVlamTi3nSdgwFNdhEJgTJoNyoB9ISYoQmdjiZPcj7EYCAeCF1gEDo4Dz2eIAAAh+QQFCgAPACwCAAAADQANAAAEM\/DJBxiYeLKdX3IJZT1FU0iIg2RNKx3OkZVnZ98ToRD4MyiDnkAh6BkNC0MvsAj0kMpHBAAh+QQFCgAPACwGAAAACQAPAAAEMDC59KpFDll73HkAA2wVY5KgiK5b0RRoI6MuzG6EQqCDMlSGheEhUAgqgUUAFRySIgAh+QQFCgAPACwCAAIADQANAAAEM\/DJKZNLND\/kkKaHc3xk+QAMYDKsiaqmZCxGVjSFFCxB1vwy2oOgIDxuucxAMTAJFAJNBAAh+QQFCgAPACwAAAYADwAJAAAEMNAs86q1yaWwwv2Ig0jUZx3OYa4XoRAfwADXoAwfo1+CIjyFRuEho60aSNYlOPxEAAAh+QQFCgAPACwAAAIADQANAAAENPA9s4y8+IUVcqaWJ4qEQozSoAzoIyhCK2NFU2SJk0hNnyEOhKR2AzAAj4Pj4GE4W0bkJQIAOw==","is_mobile_tablet":"","sf_no_post_found":"No se han encontrado entradas.","lf__separator":","};var PT_CV_PAGINATION={"first":"\u00ab","prev":"\u2039","next":"\u203a","last":"\u00bb","goto_first":"Ir a la primera p\u00e1gina","goto_prev":"Ir a la p\u00e1gina anterior","goto_next":"Ir a la p\u00e1gina siguiente","goto_last":"Ir a la \u00faltima p\u00e1gina","current_page":"La p\u00e1gina actual es","goto_page":"Ir a la p\u00e1gina"}</script> <script id="astra-addon-js-js-extra" type="litespeed/javascript">var astraAddon={"sticky_active":"","svgIconClose":"<span class=\"ast-icon icon-close\"><svg viewBox=\"0 0 512 512\" aria-hidden=\"true\" role=\"img\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"18px\" height=\"18px\">\n <path d=\"M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z\" \/>\n <\/svg><\/span>","hf_account_show_menu_on":"hover","hf_account_action_type":"link","header_main_stick":"0","header_above_stick":"0","header_below_stick":"0","stick_header_meta":"","header_main_stick_meta":"","header_above_stick_meta":"","header_below_stick_meta":"","sticky_header_on_devices":"desktop","sticky_header_style":"none","sticky_hide_on_scroll":"0","break_point":"921","tablet_break_point":"921","mobile_break_point":"544","header_main_shrink":"1","header_logo_width":"","responsive_header_logo_width":{"desktop":40,"tablet":"","mobile":""},"stick_origin_position":"","site_layout":"ast-full-width-layout","site_content_width":"1040","site_layout_padded_width":"1200","site_layout_box_width":"1200","header_builder_active":"1","component_limit":"10","is_header_builder_active":"1"}</script> <script type="litespeed/javascript">/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1)</script> <script data-no-optimize="1">!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function i(t){return e({},it,t)}function o(t,e){var n,a="LazyLoad::Initialized",i=new t(e);try{n=new CustomEvent(a,{detail:{instance:i}})}catch(t){(n=document.createEvent("CustomEvent")).initCustomEvent(a,!1,!1,{instance:i})}window.dispatchEvent(n)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,bt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,bt,e)}function r(t){return s(t,null),0}function u(t){return null===c(t)}function d(t){return c(t)===vt}function f(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function _(t,e){nt?t.classList.add(e):t.className+=(t.className?" ":"")+e}function v(t,e){nt?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function b(t,e){!e||(e=e._observer)&&e.unobserve(t)}function p(t,e){t&&(t.loadingCount+=e)}function h(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function m(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function E(t){return!!t[st]}function I(t){return t[st]}function y(t){return delete t[st]}function A(e,t){var n;E(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[st]=n)}function k(a,t){var i;E(a)&&(i=I(a),t.forEach(function(t){var e,n;e=a,(t=i[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function L(t,e,n){_(t,e.class_loading),s(t,ut),n&&(p(n,1),f(e.callback_loading,t,n))}function w(t,e,n){n&&t.setAttribute(e,n)}function x(t,e){w(t,ct,l(t,e.data_sizes)),w(t,rt,l(t,e.data_srcset)),w(t,ot,l(t,e.data_src))}function O(t,e,n){var a=l(t,e.data_bg_multi),i=l(t,e.data_bg_multi_hidpi);(a=at&&i?i:a)&&(t.style.backgroundImage=a,n=n,_(t=t,(e=e).class_applied),s(t,ft),n&&(e.unobserve_completed&&b(t,e),f(e.callback_applied,t,n)))}function N(t,e){!e||0<e.loadingCount||0<e.toLoadCount||f(t.callback_finish,e)}function C(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function M(t){return!!t.llEvLisnrs}function z(t){if(M(t)){var e,n,a=t.llEvLisnrs;for(e in a){var i=a[e];n=e,i=i,t.removeEventListener(n,i)}delete t.llEvLisnrs}}function R(t,e,n){var a;delete t.llTempImage,p(n,-1),(a=n)&&--a.toLoadCount,v(t,e.class_loading),e.unobserve_completed&&b(t,n)}function T(o,r,c){var l=g(o)||o;M(l)||function(t,e,n){M(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";C(t,a,e),C(t,"error",n)}(l,function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_loaded),s(e,dt),f(n.callback_loaded,e,a),i||N(n,a),z(l)},function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_error),s(e,_t),f(n.callback_error,e,a),i||N(n,a),z(l)})}function G(t,e,n){var a,i,o,r,c;t.llTempImage=document.createElement("IMG"),T(t,e,n),E(c=t)||(c[st]={backgroundImage:c.style.backgroundImage}),o=n,r=l(a=t,(i=e).data_bg),c=l(a,i.data_bg_hidpi),(r=at&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),L(a,i,o)),O(t,e,n)}function D(t,e,n){var a;T(t,e,n),a=e,e=n,(t=It[(n=t).tagName])&&(t(n,a),L(n,a,e))}function V(t,e,n){var a;a=t,(-1<yt.indexOf(a.tagName)?D:G)(t,e,n)}function F(t,e,n){var a;t.setAttribute("loading","lazy"),T(t,e,n),a=e,(e=It[(n=t).tagName])&&e(n,a),s(t,vt)}function j(t){t.removeAttribute(ot),t.removeAttribute(rt),t.removeAttribute(ct)}function P(t){m(t,function(t){k(t,Et)}),k(t,Et)}function S(t){var e;(e=At[t.tagName])?e(t):E(e=t)&&(t=I(e),e.style.backgroundImage=t.backgroundImage)}function U(t,e){var n;S(t),n=e,u(e=t)||d(e)||(v(e,n.class_entered),v(e,n.class_exited),v(e,n.class_applied),v(e,n.class_loading),v(e,n.class_loaded),v(e,n.class_error)),r(t),y(t)}function $(t,e,n,a){var i;n.cancel_on_exit&&(c(t)!==ut||"IMG"===t.tagName&&(z(t),m(i=t,function(t){j(t)}),j(i),P(t),v(t,n.class_loading),p(a,-1),r(t),f(n.callback_cancel,t,e,a)))}function q(t,e,n,a){var i,o,r=(o=t,0<=pt.indexOf(c(o)));s(t,"entered"),_(t,n.class_entered),v(t,n.class_exited),i=t,o=a,n.unobserve_entered&&b(i,o),f(n.callback_enter,t,e,a),r||V(t,n,a)}function H(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function B(t,i,o){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?q(t.target,t,i,o):(e=t.target,n=t,a=i,t=o,void(u(e)||(_(e,a.class_exited),$(e,n,a,t),f(a.callback_exit,e,n,t))));var e,n,a})}function J(e,n){var t;et&&!H(e)&&(n._observer=new IntersectionObserver(function(t){B(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function K(t){return Array.prototype.slice.call(t)}function Q(t){return t.container.querySelectorAll(t.elements_selector)}function W(t){return c(t)===_t}function X(t,e){return e=t||Q(e),K(e).filter(u)}function Y(e,t){var n;(n=Q(e),K(n).filter(W)).forEach(function(t){v(t,e.class_error),r(t)}),t.update()}function t(t,e){var n,a,t=i(t);this._settings=t,this.loadingCount=0,J(t,this),n=t,a=this,Z&&window.addEventListener("online",function(){Y(n,a)}),this.update(e)}var Z="undefined"!=typeof window,tt=Z&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),et=Z&&"IntersectionObserver"in window,nt=Z&&"classList"in document.createElement("p"),at=Z&&1<window.devicePixelRatio,it={elements_selector:".lazy",container:tt||Z?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",rt="srcset",ct="sizes",lt="poster",st="llOriginalAttrs",ut="loading",dt="loaded",ft="applied",_t="error",vt="native",gt="data-",bt="ll-status",pt=[ut,dt,ft,_t],ht=[ot],mt=[ot,lt],Et=[ot,rt,ct],It={IMG:function(t,e){m(t,function(t){A(t,Et),x(t,e)}),A(t,Et),x(t,e)},IFRAME:function(t,e){A(t,ht),w(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){A(t,ht),w(t,ot,l(t,e.data_src))}),A(t,mt),w(t,lt,l(t,e.data_poster)),w(t,ot,l(t,e.data_src)),t.load()}},yt=["IMG","IFRAME","VIDEO"],At={IMG:P,IFRAME:function(t){k(t,ht)},VIDEO:function(t){a(t,function(t){k(t,ht)}),k(t,mt),t.load()}},kt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,i=this._settings,o=X(t,i);{if(h(this,o.length),!tt&&et)return H(i)?(e=i,n=this,o.forEach(function(t){-1!==kt.indexOf(t.tagName)&&F(t,e,n)}),void h(n,0)):(t=this._observer,i=o,t.disconnect(),a=t,void i.forEach(function(t){a.observe(t)}));this.loadAll(o)}},destroy:function(){this._observer&&this._observer.disconnect(),Q(this._settings).forEach(function(t){y(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;X(t,n).forEach(function(t){b(t,e),V(t,n,e)})},restoreAll:function(){var e=this._settings;Q(e).forEach(function(t){U(t,e)})}},t.load=function(t,e){e=i(e);V(t,e)},t.resetStatus=function(t){r(t)},Z&&function(t,e){if(e)if(e.length)for(var n,a=0;n=e[a];a+=1)o(t,n);else o(t,e)}(t,window.lazyLoadOptions),t});!function(e,t){"use strict";function a(){t.body.classList.add("litespeed_lazyloaded")}function n(){console.log("[LiteSpeed] Start Lazy Load Images"),d=new LazyLoad({elements_selector:"[data-lazyloaded]",callback_finish:a}),o=function(){d.update()},e.MutationObserver&&new MutationObserver(o).observe(t.documentElement,{childList:!0,subtree:!0,attributes:!0})}var d,o;e.addEventListener?e.addEventListener("load",n,!1):e.attachEvent("onload",n)}(window,document);</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),window.location.reload(!0))});</script><script data-optimized="1" type="litespeed/javascript" data-src="https://cotidianidades.online/wp-content/litespeed/js/96b9a56e2b99f8dae900853e1320604c.js?ver=f75d0"></script><script>const litespeed_ui_events=["mouseover","click","keydown","wheel","touchmove","touchstart"];var urlCreator=window.URL||window.webkitURL;function litespeed_load_delayed_js_force(){console.log("[LiteSpeed] Start Load JS Delayed"),litespeed_ui_events.forEach(e=>{window.removeEventListener(e,litespeed_load_delayed_js_force,{passive:!0})}),document.querySelectorAll("iframe[data-litespeed-src]").forEach(e=>{e.setAttribute("src",e.getAttribute("data-litespeed-src"))}),"loading"==document.readyState?window.addEventListener("DOMContentLoaded",litespeed_load_delayed_js):litespeed_load_delayed_js()}litespeed_ui_events.forEach(e=>{window.addEventListener(e,litespeed_load_delayed_js_force,{passive:!0})});async function litespeed_load_delayed_js(){let t=[];for(var d in document.querySelectorAll('script[type="litespeed/javascript"]').forEach(e=>{t.push(e)}),t)await new Promise(e=>litespeed_load_one(t[d],e));document.dispatchEvent(new Event("DOMContentLiteSpeedLoaded")),window.dispatchEvent(new Event("DOMContentLiteSpeedLoaded"))}function litespeed_load_one(t,e){console.log("[LiteSpeed] Load ",t);var d=document.createElement("script");d.addEventListener("load",e),d.addEventListener("error",e),t.getAttributeNames().forEach(e=>{"type"!=e&&d.setAttribute("data-src"==e?"src":e,t.getAttribute(e))});let a=!(d.type="text/javascript");!d.src&&t.textContent&&(d.src=litespeed_inline2src(t.textContent),a=!0),t.after(d),t.remove(),a&&e()}function litespeed_inline2src(t){try{var d=urlCreator.createObjectURL(new Blob([t.replace(/^(?:<!--)?(.*?)(?:-->)?$/gm,"$1")],{type:"text/javascript"}))}catch(e){d="data:text/javascript;base64,"+btoa(t.replace(/^(?:<!--)?(.*?)(?:-->)?$/gm,"$1"))}return d}</script></body></html> <!-- Page optimized by LiteSpeed Cache @2025-03-20 16:15:00 --> <!-- Page cached by LiteSpeed Cache 6.5.0.2 on 2025-03-20 16:14:59 --> <!-- Guest Mode --> <!-- QUIC.cloud UCSS in queue -->