La creación de una página web puede parecer un proceso complejo, lleno de programación, diseño y tecnología avanzada. Sin embargo, es posible desarrollar una página web sencilla utilizando herramientas básicas que están al alcance de cualquier persona. Una de estas herramientas es el bloc de notas. Este programa, que se encuentra preinstalado en los sistemas operativos de Microsoft, permite crear archivos de texto que pueden ser utilizados como código HTML, que es el lenguaje de marcado fundamental para construir páginas web. En este artículo, explicaremos detalladamente cómo se puede utilizar el bloc de notas para crear una página web, enfatizando los pasos fundamentales y las mejores prácticas que se deben seguir en la construcción de dicho sitio.
Antes de abordar los aspectos técnicos del proceso, es importante comprender el concepto de una página web. Una página web es un documento electrónico accesible a través de Internet y que es visualizado mediante un navegador web. Este documento se compone de varios elementos, como texto, imágenes y enlaces, que interactúan entre sí para ofrecer al usuario una experiencia visual. Al crear una página web en el bloc de notas, se permite a los principiantes adquirir un entendimiento profundo de la estructura básica de una web y de cómo se comunica en el entorno digital.
Preparativos iniciales para crear tu página web
Antes de comenzar a escribir código en el bloc de notas, conviene hacer algunos preparativos que facilitarán el proceso y asegurarán que el resultado sea óptimo. Uno de los pasos iniciales más relevantes es la planificación del contenido y el diseño de la página web. Reflexiona sobre el propósito y objetivo de la página. ¿Qué tipo de información deseas mostrar? ¿Cuál es la audiencia a la que te diriges? Responder a estas preguntas te permitirá definir una estructura y un formato claro antes de comenzar a escribir el código.
Además, es crucial tener una buena organización de todos los elementos que deseas incluir en la página. Considera tener una carpeta dedicada donde guardes tus archivos de HTML, imágenes y otros recursos que utilizarás. Esto te ayudará a mantener cada aspecto de tu proyecto accesible y ordenado. Ten en cuenta que una página básica de HTML puede incluir:
Títulos y subtítulos .Texto y párrafos .Imágenes .Enlaces .
Una vez que tengas claridad sobre el contenido y la estructura de tu página web, estás listo para empezar a utilizar el bloc de notas como herramienta de creación.
RECOMENDAMOS LEER: Cómo le puedo hacer para mejorar mi productividad y organización diaria
Pasos para crear una página web en bloc de notas
Ahora que has realizado la planificación inicial, procederemos a los pasos prácticos que debes seguir para construir tu página web utilizando el bloc de notas.
Paso 1: Abrir el Bloc de Notas
Inicia el proceso abriendo el programa del bloc de notas en tu sistema. Puedes buscar "Bloc de notas" en el menú de inicio de Windows y hacer clic en él para abrirlo. Una vez abierto, tendrás un lienzo en blanco donde podrás comenzar a escribir tu código HTML.
Paso 2: Estructura básica del archivo HTML
Todo archivo HTML comienza con una estructura base que define cómo se organiza y se presenta la información dentro de la página. La estructura básica de un documento HTML incluye las siguientes partes:
Título de tu página
Este es un párrafo de ejemplo para la página web.
La declaración indica al navegador que se está utilizando HTML5. Las etiquetas ,
y son esenciales para organizar el contenido. En la sección
, puedes sumar el título de tu página, el cual aparecerá en la pestaña del navegador.</p><span class="enlazatom-title-box">RECOMENDAMOS LEER:</span><a href="https://infodiariord.com/guias/como-hacer-recargas-desde-mi-celular-telcel-de-forma-facil-y-rapida/" rel="noopener"target="_blank" class="enlazatom-show-box enlazatom-disable-image-mobile enlazatom-disable-cta-mobile "><span>Cómo hacer recargas desde mi celular Telcel de forma fácil y rápida</span><div class="btn"><span class="chevron right"></span></div></a>
<h3>Paso 3: Agregar contenido a la página web</h3>
<p>Una vez que haya escrito la estructura básica, puedes comenzar a enriquecer tu página agregando más contenido. Esto puede incluir títulos, párrafos, imágenes y enlaces. Para insertar más texto, puedes usar las etiquetas </p>
<h2> y </p>
<p> para definir subtítulos y párrafos, respectivamente. Un ejemplo podría ser incluir imágenes de la siguiente manera:</p>
<pre>
<img decoding="async" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" alt="Descripción de la imagen" data-lazy-src="ruta/de/tu/imagen.jpg"><noscript><img decoding="async" loading="lazy" src="ruta/de/tu/imagen.jpg" alt="Descripción de la imagen"></noscript>
</pre>
<p>Recuerda que “ruta/de/tu/imagen.jpg” debe ser reemplazada con la ubicación real de la imagen que deseas mostrar, asegurándote de que la imagen esté en la misma carpeta que tu archivo HTML para facilitar el acceso.</p>
<h3>Paso 4: Guardar el archivo como HTML</h3>
<p>Después de terminar de escribir tu código HTML, es fundamental guardar el archivo de manera correcta para que el navegador pueda reconocerlo. Ve al menú ‘Archivo’ y selecciona ‘Guardar como’. En el cuadro de diálogo, debes seleccionar “Todos los archivos” en la opción ‘Tipo’, y luego nombrar tu archivo con la extensión .html (por ejemplo, mi_pagina.html). Asegúrate de guardar el archivo en la carpeta que creaste anteriormente.</p><span class="enlazatom-title-box">RECOMENDAMOS LEER:</span><a href="https://infodiariord.com/animales/como-se-llaman-los-cantos-que-hacen-las-ballenas-y-su-significado-en-el-oceano/" rel="noopener"target="_blank" class="enlazatom-show-box enlazatom-disable-image-mobile enlazatom-disable-cta-mobile "><span>Cómo se llaman los cantos que hacen las ballenas y su significado en el océano</span><div class="btn"><span class="chevron right"></span></div></a>
<h2>Visualizar la página web en el navegador</h2>
<p>Una vez que hayas guardado correctamente tu archivo HTML, es momento de verlo en acción. Localiza el archivo en la carpeta donde lo guardaste y haz doble clic sobre él. Esto abrirá la página en tu navegador por defecto, donde podrás ver el diseño y la estructura que creaste. Esta etapa es fundamental para verificar que todo el contenido se haya cargado correctamente y para ajustar cualquier aspecto que necesites cambiar.</p>
<p>Es buena idea hacer clic en diferentes partes de la página y probar los enlaces que has agregado para asegurarte de que funcionan. Si en este punto encuentras algún error, simplemente regresa al bloc de notas, realiza las correcciones necesarias y guarda el archivo nuevamente.</p>
<h3>Mejorando la presentación de tu página web</h3>
<p>Para hacer que tu página web sea más atractiva visualmente, puedes considerar la posibilidad de utilizar estilos CSS. Esto te permitirá controlar el diseño y la presentación de tu contenido. Aunque el estilo CSS requiere un poco más de conocimiento técnico y de estructura, puedes comenzar a integrarlo en tu archivo HTML mediante la siguiente etiqueta dentro del encabezado:</p>
<pre>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
h1 {
color: #333;
}
</style>
</pre>
<p>Este código establece una fuente y un color de fondo para el cuerpo de tu página, además de definir un color específico para los títulos. Puedes seguir explorando y agregando diferentes estilos a medida que adquieras más conocimiento en CSS.</p>
<h2>Conclusión sobre la creación de páginas web con el bloc de notas</h2>
<p>Crear una página web utilizando el bloc de notas es un proceso accesible y educativo que permite a los principiantes comprender la estructura básica de HTML y cómo organizar la información en línea. Al seguir los pasos descritos, desde la planificación inicial hasta la visualización en el navegador, puedes desarrollar una página funcional que cumpla con tus necesidades. Además, tener el control total del código te ofrece la oportunidad de experimentar con distintas características y aprender sobre la programación web de una manera práctica.</p><span class="enlazatom-title-box">RECOMENDAMOS LEER:</span><a href="https://infodiariord.com/ciencia-y-tecnologia/como-hacer-una-estufa-solar-casera-de-manera-efectiva-y-sencilla/" rel="noopener"target="_blank" class="enlazatom-show-box enlazatom-disable-image-mobile enlazatom-disable-cta-mobile "><span>Cómo hacer una estufa solar casera de manera efectiva y sencilla</span><div class="btn"><span class="chevron right"></span></div></a>
<p>Además, la utilización del bloc de notas no solo te introduce al HTML, sino que también sienta las bases para que puedas explorar otros lenguajes y marcos de desarrollo más avanzados en el futuro. A medida que adquieras confianza y competencias, puedes combinar HTML con CSS y JavaScript, expandiendo aún más tus habilidades y creando proyectos más complejos. La clave es la práctica constante y la disposición para aprender, lo cual te permitirá crecer continuamente en el mundo del desarrollo web.</p>
</div>
<span class="social-title">Compartelo en redes</span>
<div class="social-buttons flexbox">
<a title="Facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://infodiariord.com/guias/como-hacer-una-pagina-web-en-bloc-de-notas-de-manera-sencilla-y-efectiva/" class="asap-icon-single icon-facebook" target="_blank" rel="nofollow noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg></a>
<a title="X" href="https://twitter.com/intent/tweet?text=Cómo hacer una página web en bloc de notas de manera sencilla y efectiva&url=https://infodiariord.com/guias/como-hacer-una-pagina-web-en-bloc-de-notas-de-manera-sencilla-y-efectiva/" class="asap-icon-single icon-twitter" target="_blank" rel="nofollow noopener" viewBox="0 0 24 24"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4l11.733 16h4.267l-11.733 -16z" /><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" /></svg></a>
<a title="WhatsApp" href="https://wa.me/?text=Cómo hacer una página web en bloc de notas de manera sencilla y efectiva%20-%20https://infodiariord.com/guias/como-hacer-una-pagina-web-en-bloc-de-notas-de-manera-sencilla-y-efectiva/" class="asap-icon-single icon-whatsapp" target="_blank" rel="nofollow noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9" /> <path d="M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1" /></svg></a>
<a title="Telegram" href="https://t.me/share/url?url=https://infodiariord.com/guias/como-hacer-una-pagina-web-en-bloc-de-notas-de-manera-sencilla-y-efectiva/&text=Cómo hacer una página web en bloc de notas de manera sencilla y efectiva" class="asap-icon-single icon-telegram" target="_blank" rel="nofollow noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4" /></svg></a>
</div> <div class="author-box">
<div class="author-box-avatar">
<img alt='' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2080%2080'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/0f4fb2586474f10608fc589d9c60fda0?s=160&d=mm&r=g 2x' class='avatar avatar-80 photo' height='80' width='80' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/0f4fb2586474f10608fc589d9c60fda0?s=80&d=mm&r=g"/><noscript><img loading="lazy" alt='' src='https://secure.gravatar.com/avatar/0f4fb2586474f10608fc589d9c60fda0?s=80&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/0f4fb2586474f10608fc589d9c60fda0?s=160&d=mm&r=g 2x' class='avatar avatar-80 photo' height='80' width='80' decoding='async'/></noscript> </div>
<div class="author-box-info">
<p class="author-box-name">
Infodiario RD </p>
<p class="author-box-desc"></p>
</div>
</div>
<div class="comment-respond others-items"><p>¡No te lo pierdas!</p></div>
<div class="related-posts">
<article class="article-loop asap-columns-3">
<a href="https://infodiariord.com/hogar/como-hacer-una-funda-para-maquina-de-manera-sencilla-y-efectiva/" rel="bookmark">
<div class="article-content">
<div data-bg="https://infodiariord.com/wp-content/uploads/2024/08/como-hacer-una-funda-para-maquina-de-manera-sencilla-y-efectiva-1-400x267.jpg" style="" class="article-image rocket-lazyload"></div>
</div>
<p class="entry-title">Cómo hacer una funda para máquina de manera sencilla y efectiva</p>
</a>
</article>
<article class="article-loop asap-columns-3">
<a href="https://infodiariord.com/guias/como-hacer-portadas-para-libretas-de-manera-creativa-y-funcional/" rel="bookmark">
<p class="entry-title">Cómo hacer portadas para libretas de manera creativa y funcional</p>
</a>
</article>
<article class="article-loop asap-columns-3">
<a href="https://infodiariord.com/denuncias-actuales/utilizan-cuenta-de-banco-de-guachiman-para-estafar/" rel="bookmark">
<div class="article-content">
<div data-bg="https://infodiariord.com/wp-content/uploads/2023/11/snapedit_1700846123909-400x267.webp" style="" class="article-image rocket-lazyload"></div>
</div>
<p class="entry-title">Utilizan cuenta de banco de guachimán para estafar</p>
</a>
</article>
<article class="article-loop asap-columns-3">
<a href="https://infodiariord.com/economia-y-finanzas/con-cuanto-se-abre-una-cuenta-de-ahorros-y-cuales-son-los-requisitos-generales-para-hacerlo/" rel="bookmark">
<p class="entry-title">Con cuánto se abre una cuenta de ahorros y cuáles son los requisitos generales para hacerlo</p>
</a>
</article>
<article class="article-loop asap-columns-3">
<a href="https://infodiariord.com/politica-nacional/a-tres-semanas-de-elecciones-omar-fernandez-57-guillermo-moreno-34/" rel="bookmark">
<div class="article-content">
<div data-bg="https://infodiariord.com/wp-content/uploads/2024/04/omar-fernandez-y-guillermo-moreno-1000x600.webp" style="" class="article-image rocket-lazyload"></div>
</div>
<p class="entry-title">A tres semanas de elecciones: Omar Fernández 57%, Guillermo Moreno 34%"</p>
</a>
</article>
<article class="article-loop asap-columns-3">
<a href="https://infodiariord.com/ciencia-y-tecnologia/como-hacer-que-cargue-mas-rapido-tu-telefono-y-optimizar-su-rendimiento/" rel="bookmark">
<p class="entry-title">Cómo hacer que cargue más rápido tu teléfono y optimizar su rendimiento</p>
</a>
</article> </div>
</article>
<aside id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
<div class="sticky">
<div class="last-post-sidebar">
<article class="article-loop asap-columns-1">
<a href="https://infodiariord.com/medio-ambiente/paino-henriquez-juramenta-a-nuevos-viceministros-de-medio-ambiente/" rel="bookmark">
<div class="article-content">
<div data-bg="https://infodiariord.com/wp-content/uploads/2024/08/IMG_6908-300x140.jpg" style="" class="article-image rocket-lazyload"></div>
</div>
<p class="entry-title">Paíno Henríquez juramenta a nuevos viceministros de Medio Ambiente</p>
</a>
</article>
<article class="article-loop asap-columns-1">
<a href="https://infodiariord.com/cultura/cuales-son-los-bailes-tradicionales-de-veracruz-y-su-importancia-cultural/" rel="bookmark">
<div class="article-content">
<div data-bg="https://infodiariord.com/wp-content/uploads/2024/08/cuales-son-los-bailes-tradicionales-de-veracruz-y-su-importancia-cultural-300x140.webp" style="" class="article-image rocket-lazyload"></div>
</div>
<p class="entry-title">Cuáles son los bailes tradicionales de Veracruz y su importancia cultural</p>
</a>
</article>
<article class="article-loop asap-columns-1">
<a href="https://infodiariord.com/cultura/las-tradiciones-culturales-mas-significativas-que-existen-en-mexico/" rel="bookmark">
<div class="article-content">
<div data-bg="https://infodiariord.com/wp-content/uploads/2024/08/las-tradiciones-culturales-mas-significativas-que-existen-en-mexico-300x140.jpg" style="" class="article-image rocket-lazyload"></div>
</div>
<p class="entry-title">Las Tradiciones Culturales Más Significativas que Existen en México</p>
</a>
</article>
<article class="article-loop asap-columns-1">
<a href="https://infodiariord.com/cultura/las-diversas-tradiciones-que-enriquecen-nuestra-cultura-y-vida-cotidiana/" rel="bookmark">
<div class="article-content">
<div data-bg="https://infodiariord.com/wp-content/uploads/2024/08/las-diversas-tradiciones-que-enriquecen-nuestra-cultura-y-vida-cotidiana-300x140.jpg" style="" class="article-image rocket-lazyload"></div>
</div>
<p class="entry-title">Las diversas tradiciones que enriquecen nuestra cultura y vida cotidiana</p>
</a>
</article>
<article class="article-loop asap-columns-1">
<a href="https://infodiariord.com/relaciones/como-las-tradiciones-pueden-invalidar-el-mandamiento-en-la-practica-religiosa/" rel="bookmark">
<div class="article-content">
<div data-bg="https://infodiariord.com/wp-content/uploads/2024/08/como-las-tradiciones-pueden-invalidar-el-mandamiento-en-la-practica-religiosa-1-300x140.jpg" style="" class="article-image rocket-lazyload"></div>
</div>
<p class="entry-title">Cómo las tradiciones pueden invalidar el mandamiento en la práctica religiosa</p>
</a>
</article>
</div>
<div><div class="textwidget custom-html-widget">
<a href="https://infodiariord.com/economia-y-finanzas/precio-dolar-hoy/" target="_blank" style="display: inline-block; background-color: #3498db; color: white; padding: 10px 20px; text-align: center; text-decoration: none; font-size: 16px; cursor: pointer; border-radius: 5px; margin-left: 0px;" rel="noopener">Precio del dolar hoy</a>
</div></div>
</div>
</aside>
</main>
<span class="go-top"><span>Subir</span><i class="arrow arrow-up"></i></span>
<footer>
<div class="content-footer">
<div class="widget-content-footer">
<div class="widget_text widget-area"><div class="textwidget custom-html-widget"><footer style="background-color: #f8f9fa; padding: 20px; text-align: center; border-top: 1px solid #eaeaea;">
<div>
<a href="https://infodiariord.com/politicas-de-privacidad/">Política de Privacidad</a> |
<a href="https://infodiariord.com/terminos-y-condiciones/">Términos y Condiciones</a> |
<a href="https://infodiariord.com/contacto/">Contacto</a> |
<a href="https://infodiariord.com/sitemap_index.xml">Mapa del Sitio</a>
</div>
<div style="margin-top: 10px;">
© 2024 InfoDiarioRD. Todos los derechos reservados.
</div>
</footer></div></div>
</div>
</div>
</footer>
<!-- Consent Management powered by Complianz | GDPR/CCPA Cookie Consent https://wordpress.org/plugins/complianz-gdpr -->
<div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 banner-a optin cmplz-bottom-right cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin">
<div class="cmplz-header">
<div class="cmplz-logo"></div>
<div class="cmplz-title" id="cmplz-header-1-optin">Gestionar consentimiento</div>
<div class="cmplz-close" tabindex="0" role="button" aria-label="Cerrar ventana">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>
</div>
</div>
<div class="cmplz-divider cmplz-divider-header"></div>
<div class="cmplz-body">
<div class="cmplz-message" id="cmplz-message-1-optin">Para ofrecer las mejores experiencias, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento de estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o las identificaciones únicas en este sitio. No consentir o retirar el consentimiento, puede afectar negativamente a ciertas características y funciones.</div>
<!-- categories start -->
<div class="cmplz-categories">
<details class="cmplz-category cmplz-functional" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Funcional</span>
<span class='cmplz-always-active'>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-functional-optin"
data-category="cmplz_functional"
class="cmplz-consent-checkbox cmplz-functional"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-functional-optin" tabindex="0"><span class="screen-reader-text">Funcional</span></label>
</span>
Siempre activo </span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-functional">El almacenamiento o acceso técnico es estrictamente necesario para el propósito legítimo de permitir el uso de un servicio específico explícitamente solicitado por el abonado o usuario, o con el único propósito de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.</span>
</div>
</details>
<details class="cmplz-category cmplz-preferences" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Preferencias</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-preferences-optin"
data-category="cmplz_preferences"
class="cmplz-consent-checkbox cmplz-preferences"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-preferences-optin" tabindex="0"><span class="screen-reader-text">Preferencias</span></label>
</span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-preferences">El almacenamiento o acceso técnico es necesario para la finalidad legítima de almacenar preferencias no solicitadas por el abonado o usuario.</span>
</div>
</details>
<details class="cmplz-category cmplz-statistics" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Estadísticas</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-statistics-optin"
data-category="cmplz_statistics"
class="cmplz-consent-checkbox cmplz-statistics"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-statistics-optin" tabindex="0"><span class="screen-reader-text">Estadísticas</span></label>
</span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-statistics">El almacenamiento o acceso técnico que es utilizado exclusivamente con fines estadísticos.</span>
<span class="cmplz-description-statistics-anonymous">El almacenamiento o acceso técnico que se utiliza exclusivamente con fines estadísticos anónimos. Sin un requerimiento, el cumplimiento voluntario por parte de tu proveedor de servicios de Internet, o los registros adicionales de un tercero, la información almacenada o recuperada sólo para este propósito no se puede utilizar para identificarte.</span>
</div>
</details>
<details class="cmplz-category cmplz-marketing" >
<summary>
<span class="cmplz-category-header">
<span class="cmplz-category-title">Marketing</span>
<span class="cmplz-banner-checkbox">
<input type="checkbox"
id="cmplz-marketing-optin"
data-category="cmplz_marketing"
class="cmplz-consent-checkbox cmplz-marketing"
size="40"
value="1"/>
<label class="cmplz-label" for="cmplz-marketing-optin" tabindex="0"><span class="screen-reader-text">Marketing</span></label>
</span>
<span class="cmplz-icon cmplz-open">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg>
</span>
</span>
</summary>
<div class="cmplz-description">
<span class="cmplz-description-marketing">El almacenamiento o acceso técnico es necesario para crear perfiles de usuario para enviar publicidad, o para rastrear al usuario en una web o en varias web con fines de marketing similares.</span>
</div>
</details>
</div><!-- categories end -->
</div>
<div class="cmplz-links cmplz-information">
<a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Administrar opciones</a>
<a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview">Gestionar los servicios</a>
<a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper">Gestionar {vendor_count} proveedores</a>
<a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/">Leer más sobre estos propósitos</a>
</div>
<div class="cmplz-divider cmplz-footer"></div>
<div class="cmplz-buttons">
<button class="cmplz-btn cmplz-accept">Aceptar</button>
<button class="cmplz-btn cmplz-deny">Denegar</button>
<button class="cmplz-btn cmplz-view-preferences">Ver preferencias</button>
<button class="cmplz-btn cmplz-save-preferences">Guardar preferencias</button>
<a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Ver preferencias</a>
</div>
<div class="cmplz-links cmplz-documents">
<a class="cmplz-link cookie-statement" href="#" data-relative_url="">{title}</a>
<a class="cmplz-link privacy-statement" href="#" data-relative_url="">{title}</a>
<a class="cmplz-link impressum" href="#" data-relative_url="">{title}</a>
</div>
</div>
</div>
<div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Gestionar consentimiento</button>
</div><script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-browser-checker-js-after">
/* <![CDATA[ */
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
/* ]]> */
</script>
<script type="text/javascript" id="rocket-preload-links-js-extra">
/* <![CDATA[ */
var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/infodiariord.com","onHoverDelay":"100","rateThrottle":"3"};
/* ]]> */
</script>
<script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="rocket-preload-links-js-after">
/* <![CDATA[ */
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());
/* ]]> */
</script>
<script type="text/javascript" id="rocket_lazyload_css-js-extra">
/* <![CDATA[ */
var rocket_lazyload_css_data = {"threshold":"300"};
/* ]]> */
</script>
<script type="text/javascript" id="rocket_lazyload_css-js-after">
/* <![CDATA[ */
!function o(n,c,a){function s(t,e){if(!c[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(u)return u(t,!0);throw(r=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",r}r=c[t]={exports:{}},n[t][0].call(r.exports,function(e){return s(n[t][1][e]||e)},r,r.exports,o,n,c,a)}return c[t].exports}for(var u="function"==typeof require&&require,e=0;e<a.length;e++)s(a[e]);return s}({1:[function(e,t,r){"use strict";!function(){const r="undefined"==typeof rocket_pairs?[]:rocket_pairs,e="undefined"==typeof rocket_excluded_pairs?[]:rocket_excluded_pairs;e.map(t=>{var e=t.selector;const r=document.querySelectorAll(e);r.forEach(e=>{e.setAttribute("data-rocket-lazy-bg-".concat(t.hash),"excluded")})});const o=document.querySelector("#wpr-lazyload-bg-container");var t=rocket_lazyload_css_data.threshold||300;const n=new IntersectionObserver(e=>{e.forEach(t=>{if(t.isIntersecting){const e=r.filter(e=>t.target.matches(e.selector));e.map(t=>{var e;t&&((e=document.createElement("style")).textContent=t.style,o.insertAdjacentElement("afterend",e),t.elements.forEach(e=>{n.unobserve(e),e.setAttribute("data-rocket-lazy-bg-".concat(t.hash),"loaded")}))})}})},{rootMargin:t+"px"});function c(){0<(0<arguments.length&&void 0!==arguments[0]?arguments[0]:[]).length&&r.forEach(t=>{try{const e=document.querySelectorAll(t.selector);e.forEach(e=>{"loaded"!==e.getAttribute("data-rocket-lazy-bg-".concat(t.hash))&&"excluded"!==e.getAttribute("data-rocket-lazy-bg-".concat(t.hash))&&(n.observe(e),(t.elements||(t.elements=[])).push(e))})}catch(e){console.error(e)}})}c();const a=function(){const o=window.MutationObserver;return function(e,t){if(e&&1===e.nodeType){const r=new o(t);return r.observe(e,{attributes:!0,childList:!0,subtree:!0}),r}}}();t=document.querySelector("body"),a(t,c)}()},{}]},{},[1]);
//# sourceMappingURL=lazyload-css.min.js.map
/* ]]> */
</script>
<script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://infodiariord.com/wp-content/themes/asap/assets/js/asap.min.js?ver=01170124" id="asap-scripts-js" defer></script>
<script type="rocketlazyloadscript" data-rocket-type="text/javascript" data-rocket-src="https://infodiariord.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-3d6495dceaebc28bcca3.js" id="googlesitekit-consent-mode-js" defer></script>
<script type="text/javascript" id="cmplz-cookiebanner-js-extra">
/* <![CDATA[ */
var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"15","version":"7.1.0","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https:\/\/infodiariord.com\/wp-json\/complianz\/v1\/","locale":"lang=es&locale=es_ES","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"29","cookie_path":"\/","categories":{"statistics":"estad\u00edsticas","marketing":"m\u00e1rketing"},"tcf_active":"","placeholdertext":"Haz clic para aceptar cookies de marketing y permitir este contenido","css_file":"https:\/\/infodiariord.com\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=15","page_links":{"eu":{"cookie-statement":{"title":"Pol\u00edticas de cookies","url":"https:\/\/infodiariord.com\/politicas-de-cookies\/"},"privacy-statement":{"title":"Pol\u00edticas de privacidad","url":"https:\/\/infodiariord.com\/politicas-de-privacidad\/"},"impressum":{"title":"T\u00e9rminos y Condiciones","url":"https:\/\/infodiariord.com\/terminos-y-condiciones\/"}},"us":{"impressum":{"title":"T\u00e9rminos y Condiciones","url":"https:\/\/infodiariord.com\/terminos-y-condiciones\/"}},"uk":{"impressum":{"title":"T\u00e9rminos y Condiciones","url":"https:\/\/infodiariord.com\/terminos-y-condiciones\/"}},"ca":{"impressum":{"title":"T\u00e9rminos y Condiciones","url":"https:\/\/infodiariord.com\/terminos-y-condiciones\/"}},"au":{"impressum":{"title":"T\u00e9rminos y Condiciones","url":"https:\/\/infodiariord.com\/terminos-y-condiciones\/"}},"za":{"impressum":{"title":"T\u00e9rminos y Condiciones","url":"https:\/\/infodiariord.com\/terminos-y-condiciones\/"}},"br":{"impressum":{"title":"T\u00e9rminos y Condiciones","url":"https:\/\/infodiariord.com\/terminos-y-condiciones\/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Haz clic para aceptar cookies de marketing y permitir este contenido"};
/* ]]> */
</script>
<script type="rocketlazyloadscript" defer data-rocket-type="text/javascript" data-rocket-src="https://infodiariord.com/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=1722271791" id="cmplz-cookiebanner-js"></script>
<script type="rocketlazyloadscript" data-rocket-type="text/javascript" id="cmplz-cookiebanner-js-after">
/* <![CDATA[ */
document.addEventListener("cmplz_enable_category", function () {
document.querySelectorAll('[data-rocket-lazyload]').forEach(obj => {
if (obj.hasAttribute('data-lazy-src')) {
obj.setAttribute('src', obj.getAttribute('data-lazy-src'));
}
});
});
/* ]]> */
</script>
<script type="rocketlazyloadscript" data-minify="1" data-rocket-type="text/javascript" data-rocket-src="https://infodiariord.com/wp-content/cache/min/1/sdks/OneSignalSDK.js?ver=1726076196" id="remote_sdk-js" async="async" data-wp-strategy="async"></script>
<script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://infodiariord.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>
</body>
</html>
<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1726131627 --> 
