¡Claro! Comenzar a aprender HTML y CSS es un paso emocionante para quienes desean crear sitios web desde cero. HTML (HyperText Markup Language) se utiliza para estructurar el contenido de una página web, mientras que CSS (Cascading Style Sheets) se encarga de darle estilo y diseño a ese contenido. Aquí te proporcionaré una guía básica para que puedas crear un sitio web con varias páginas utilizando HTML y CSS.
1. Estructura básica de un documento HTML:
Un documento HTML básico consta de varias partes, incluyendo la declaración del tipo de documento, el elemento , encabezados () y cuerpo (). Aquí tienes un ejemplo de la estructura básica:
htmlhtml>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Título de tu páginatitle>
<link rel="stylesheet" href="styles.css">
head>
<body>
body>
html>
2. Crear varias páginas HTML:
Puedes crear varias páginas HTML para tu sitio web simplemente creando archivos separados para cada una. Por ejemplo, podrías tener un archivo llamado index.html para tu página de inicio y luego otros archivos como acerca.html, productos.html, contacto.html, etc.
3. Enlace entre páginas:
Para permitir que los usuarios naveguen entre las diferentes páginas de tu sitio web, necesitas enlaces. Puedes agregar enlaces usando la etiqueta de HTML. Por ejemplo:
html<a href="acerca.html">Acerca de nosotrosa>
4. Estilizar tu sitio web con CSS:
Puedes crear un archivo separado llamado styles.css para agregar estilos a tus páginas HTML. Aquí hay un ejemplo básico de cómo podrías estilizar un encabezado (
) y un párrafo (
):
css/* styles.css */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
.container {
width: 80%;
margin: auto;
overflow: hidden;
}
header {
background: #333;
color: #fff;
padding: 20px;
text-align: center;
}
h1 {
margin-top: 40px;
}
p {
line-height: 1.6;
}
5. Aplicar estilos a páginas HTML:
css
/* styles.css */
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
}
.container {
width: 80%;
margin: auto;
overflow: hidden;
}
header {
background: #333;
color: #fff;
padding: 20px;
text-align: center;
}
h1 {
margin-top: 40px;
}
p {
line-height: 1.6;
}
Para aplicar los estilos CSS a tus páginas HTML, solo necesitas enlazar el archivo CSS en el encabezado de cada página, como se muestra en la estructura básica de HTML arriba.
6. Construir el contenido de tus páginas:
Una vez que tienes la estructura básica de HTML y CSS, puedes comenzar a construir el contenido de tus páginas. Utiliza etiquetas HTML como
,
,
,
, etc., para estructurar y organizar tu contenido de manera significativa.
7. Práctica y experimentación:
La mejor manera de aprender HTML y CSS es practicar y experimentar. No tengas miedo de probar cosas nuevas y ver cómo afectan el diseño y la estructura de tu sitio web. Además, hay una gran cantidad de recursos en línea, tutoriales y documentación que pueden ayudarte a aprender y mejorar tus habilidades.
Con estos pasos básicos, deberías poder comenzar a crear tu propio sitio web con varias páginas utilizando HTML y CSS. Recuerda que la práctica constante es clave para mejorar tus habilidades y crear sitios web más impresionantes. ¡Buena suerte!
Más Informaciones
Por supuesto, profundicemos más en cada uno de los aspectos involucrados en la creación de un sitio web con múltiples páginas utilizando HTML y CSS.
1. Estructura básica de un documento HTML:
: Esta declaración especifica el tipo de documento y asegura que el navegador interprete el HTML correctamente.: Define el elemento raíz de un documento HTML y especifica el idioma principal del contenido.: Contiene metadatos del documento, como el título de la página, enlaces a hojas de estilo externas, y otros elementos como metadescripciones, metapalabras clave, entre otros.: Especifica la codificación de caracteres del documento como UTF-8, que es ampliamente compatible y admite una amplia gama de caracteres.: Proporciona instrucciones al navegador sobre cómo controlar las dimensiones y la escala de la página para adaptarse a diferentes dispositivos.</code>: Define el título de la página que se muestra en la pestaña del navegador.</li> <li><code><link rel="stylesheet" href="styles.css"></code>: Enlaza el archivo CSS externo <code>styles.css</code> para aplicar estilos a la página.</li> </ul> <h3>2. Crear varias páginas HTML:</h3> <ul> <li>Para crear múltiples páginas HTML, simplemente debes crear archivos separados para cada una de ellas. Por ejemplo, <code>index.html</code> para la página de inicio, <code>acerca.html</code> para la página «Acerca de nosotros», <code>productos.html</code> para la página de productos, <code>contacto.html</code> para la página de contacto, etc.</li> <li>Cada página debe tener su propia estructura HTML y puede compartir o tener estilos únicos definidos en el archivo CSS.</li> </ul> <h3>3. Enlace entre páginas:</h3> <ul> <li>Para permitir la navegación entre páginas, puedes usar la etiqueta <code><a></code> de HTML para crear enlaces.</li> <li>Por ejemplo, <code><a href="acerca.html">Acerca de nosotros</a></code> crea un enlace que lleva a la página «Acerca de nosotros» cuando se hace clic en él.</li> <li>Asegúrate de que la ruta en el atributo <code>href</code> sea correcta y apunte al archivo HTML correspondiente.</li> </ul> <h3>4. Estilizar tu sitio web con CSS:</h3> <ul> <li>CSS se utiliza para dar estilo y diseño a las páginas HTML. Puedes definir reglas CSS para cambiar la apariencia de los elementos HTML, como el color de fondo, el tamaño de la fuente, la disposición de los elementos, etc.</li> <li>Define estilos comunes para elementos HTML, como el cuerpo de la página, encabezados, párrafos, enlaces, etc.</li> <li>Utiliza clases y selectores para aplicar estilos específicos a elementos individuales o grupos de elementos.</li> <li>Experimenta con propiedades CSS para lograr el diseño deseado, como <code>font-family</code>, <code>color</code>, <code>background-color</code>, <code>margin</code>, <code>padding</code>, <code>width</code>, <code>height</code>, entre otras.</li> </ul> <h3>5. Aplicar estilos a páginas HTML:</h3> <ul> <li>Para aplicar los estilos CSS a tus páginas HTML, simplemente enlaza el archivo CSS externo utilizando la etiqueta <code><link></code> dentro del elemento <code><head></code> de cada página HTML.</li> <li>Por ejemplo, <code><link rel="stylesheet" href="styles.css"></code> enlaza el archivo CSS <code>styles.css</code> con la página HTML actual.</li> </ul> <h3>6. Construir el contenido de tus páginas:</h3> <ul> <li>Utiliza etiquetas HTML para estructurar y organizar el contenido de tus páginas, como <code><br /> <h1></code>, <code></p> <p></code>, <code></p> <ul></code>, <code></p> <li></code>, etc.</li> <li>Proporciona contenido significativo y relevante para cada página de tu sitio web, asegurándote de que sea fácil de entender y navegar para los usuarios.</li> <li>Incorpora imágenes, videos, enlaces y otros elementos multimedia según sea necesario para mejorar la experiencia del usuario.</li> </ul> <h3>7. Práctica y experimentación:</h3> <ul> <li>La práctica regular y la experimentación son fundamentales para mejorar tus habilidades en HTML y CSS.</li> <li>Realiza pequeños proyectos o desafíos para aplicar lo que has aprendido y explorar nuevas técnicas y conceptos.</li> <li>Utiliza recursos en línea como tutoriales, documentación oficial, foros de desarrollo web y comunidades en línea para obtener ayuda, inspiración y consejos.</li> </ul> <p>Con estos detalles adicionales, deberías tener una comprensión más sólida de cómo crear un sitio web con múltiples páginas utilizando HTML y CSS, así como algunos consejos prácticos para mejorar tus habilidades y continuar tu aprendizaje en el desarrollo web. ¡Adelante y sigue construyendo!</p> </div> </div> </p> <div class="stream-item stream-item-below-post-content"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'a1bbb3c3c30486fc0e0daadefc678c32', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/a1bbb3c3c30486fc0e0daadefc678c32/invoke.js"></script> </div> </div></div> </div><!-- .entry-content /--> <div id="post-extra-info"> <div class="theiaStickySidebar"> <div class="single-post-meta post-meta clearfix"><span class="meta-item last-updated">Last Updated: 23/02/2024</span></div><!-- .post-meta --> <div id="share-buttons-top" class="share-buttons share-buttons-top"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=Gu%C3%ADa%20para%20Crear%20Sitios%20Web&url=https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&title=Gu%C3%ADa%20para%20Crear%20Sitios%20Web" rel="external noopener nofollow" title="LinkedIn" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">LinkedIn</span> </a> <a href="https://www.tumblr.com/share/link?url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&name=Gu%C3%ADa%20para%20Crear%20Sitios%20Web" rel="external noopener nofollow" title="Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&description=Gu%C3%ADa%20para%20Crear%20Sitios%20Web&media=https://revistacompleta.com/wp-content/uploads/2023/12/revista-completa-high-resolution-logo.png" rel="external noopener nofollow" title="Pinterest" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">Pinterest</span> </a> <a href="https://reddit.com/submit?url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&title=Gu%C3%ADa%20para%20Crear%20Sitios%20Web" rel="external noopener nofollow" title="Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">Reddit</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://revistacompleta.com/guia-para-crear-sitios-web-2/&redirect_uri=https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="Messenger" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">Messenger</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://revistacompleta.com/guia-para-crear-sitios-web-2/&redirect_uri=https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="Messenger" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">Messenger</span> </a> <a href="https://api.whatsapp.com/send?text=Gu%C3%ADa%20para%20Crear%20Sitios%20Web%20https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="WhatsApp" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">WhatsApp</span> </a> <a href="https://telegram.me/share/url?url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&text=Gu%C3%ADa%20para%20Crear%20Sitios%20Web" rel="external noopener nofollow" title="Telegram" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">Telegram</span> </a> <a href="viber://forward?text=Gu%C3%ADa%20para%20Crear%20Sitios%20Web%20https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="Viber" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">Viber</span> </a> <a href="https://line.me/R/msg/text/?Gu%C3%ADa%20para%20Crear%20Sitios%20Web%20https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="Line" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">Line</span> </a> <a href="mailto:?subject=Gu%C3%ADa%20para%20Crear%20Sitios%20Web&body=https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="Compartir por correo electrónico" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">Compartir por correo electrónico</span> </a> <a href="#" rel="external noopener nofollow" title="Imprimir" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">Imprimir</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </div> </div> <div class="clearfix"></div> <script id="tie-schema-json" type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BlogPosting","dateCreated":"2024-02-23T18:55:07+03:00","datePublished":"2024-02-23T18:55:07+03:00","dateModified":"2024-02-23T18:55:07+03:00","headline":"Gu\u00eda para Crear Sitios Web","name":"Gu\u00eda para Crear Sitios Web","keywords":"Aprendizaje,contenido,CSS,desarrollo web,Dise\u00f1o Web,Enlaces,Estilos,estructura,HTML,Navegaci\u00f3n,P\u00e1ginas,Pr\u00e1ctica,Principiantes,Sitios web,Tutorial","url":"https:\/\/revistacompleta.com\/guia-para-crear-sitios-web-2\/","description":"\u00a1Claro! Comenzar a aprender HTML y CSS es un paso emocionante para quienes desean crear sitios web desde cero. HTML (HyperText Markup Language) se utiliza para estructurar el contenido de una p\u00e1gina w","copyrightYear":"2024","articleSection":"programaci\u00f3n","articleBody":"\u00a1Claro! Comenzar a aprender HTML y CSS es un paso emocionante para quienes desean crear sitios web desde cero. HTML (HyperText Markup Language) se utiliza para estructurar el contenido de una p\u00e1gina web, mientras que CSS (Cascading Style Sheets) se encarga de darle estilo y dise\u00f1o a ese contenido. Aqu\u00ed te proporcionar\u00e9 una gu\u00eda b\u00e1sica para que puedas crear un sitio web con varias p\u00e1ginas utilizando HTML y CSS.1. Estructura b\u00e1sica de un documento HTML:Un documento HTML b\u00e1sico consta de varias partes, incluyendo la declaraci\u00f3n del tipo de documento, el elemento , encabezados () y cuerpo (). Aqu\u00ed tienes un ejemplo de la estructura b\u00e1sica:htmlCopy code\n\n\n \n \n T\u00edtulo de tu p\u00e1gina\n \n\n\n \n\n\n2. Crear varias p\u00e1ginas HTML:Puedes crear varias p\u00e1ginas HTML para tu sitio web simplemente creando archivos separados para cada una. Por ejemplo, podr\u00edas tener un archivo llamado index.html para tu p\u00e1gina de inicio y luego otros archivos como acerca.html, productos.html, contacto.html, etc.3. Enlace entre p\u00e1ginas:Para permitir que los usuarios naveguen entre las diferentes p\u00e1ginas de tu sitio web, necesitas enlaces. Puedes agregar enlaces usando la etiqueta de HTML. Por ejemplo:htmlCopy codeAcerca de nosotros\n4. Estilizar tu sitio web con CSS:Puedes crear un archivo separado llamado styles.css para agregar estilos a tus p\u00e1ginas HTML. Aqu\u00ed hay un ejemplo b\u00e1sico de c\u00f3mo podr\u00edas estilizar un encabezado () y un p\u00e1rrafo ():cssCopy code\/* styles.css *\/\nbody {\n font-family: Arial, sans-serif;\n background-color: #f0f0f0;\n margin: 0;\n padding: 0;\n}\n\n.container {\n width: 80%;\n margin: auto;\n overflow: hidden;\n}\n\nheader {\n background: #333;\n color: #fff;\n padding: 20px;\n text-align: center;\n}\n\nh1 {\n margin-top: 40px;\n}\n\np {\n line-height: 1.6;\n}\n5. Aplicar estilos a p\u00e1ginas HTML:Para aplicar los estilos CSS a tus p\u00e1ginas HTML, solo necesitas enlazar el archivo CSS en el encabezado de cada p\u00e1gina, como se muestra en la estructura b\u00e1sica de HTML arriba.6. Construir el contenido de tus p\u00e1ginas:Una vez que tienes la estructura b\u00e1sica de HTML y CSS, puedes comenzar a construir el contenido de tus p\u00e1ginas. Utiliza etiquetas HTML como , , , , etc., para estructurar y organizar tu contenido de manera significativa.7. Pr\u00e1ctica y experimentaci\u00f3n:La mejor manera de aprender HTML y CSS es practicar y experimentar. No tengas miedo de probar cosas nuevas y ver c\u00f3mo afectan el dise\u00f1o y la estructura de tu sitio web. Adem\u00e1s, hay una gran cantidad de recursos en l\u00ednea, tutoriales y documentaci\u00f3n que pueden ayudarte a aprender y mejorar tus habilidades.Con estos pasos b\u00e1sicos, deber\u00edas poder comenzar a crear tu propio sitio web con varias p\u00e1ginas utilizando HTML y CSS. Recuerda que la pr\u00e1ctica constante es clave para mejorar tus habilidades y crear sitios web m\u00e1s impresionantes. \u00a1Buena suerte!M\u00e1s Informaciones\n\nPor supuesto, profundicemos m\u00e1s en cada uno de los aspectos involucrados en la creaci\u00f3n de un sitio web con m\u00faltiples p\u00e1ginas utilizando HTML y CSS.1. Estructura b\u00e1sica de un documento HTML:: Esta declaraci\u00f3n especifica el tipo de documento y asegura que el navegador interprete el HTML correctamente.: Define el elemento ra\u00edz de un documento HTML y especifica el idioma principal del contenido.: Contiene metadatos del documento, como el t\u00edtulo de la p\u00e1gina, enlaces a hojas de estilo externas, y otros elementos como metadescripciones, metapalabras clave, entre otros.: Especifica la codificaci\u00f3n de caracteres del documento como UTF-8, que es ampliamente compatible y admite una amplia gama de caracteres.: Proporciona instrucciones al navegador sobre c\u00f3mo controlar las dimensiones y la escala de la p\u00e1gina para adaptarse a diferentes dispositivos.: Define el t\u00edtulo de la p\u00e1gina que se muestra en la pesta\u00f1a del navegador.: Enlaza el archivo CSS externo styles.css para aplicar estilos a la p\u00e1gina.2. Crear varias p\u00e1ginas HTML:Para crear m\u00faltiples p\u00e1ginas HTML, simplemente debes crear archivos separados para cada una de ellas. Por ejemplo, index.html para la p\u00e1gina de inicio, acerca.html para la p\u00e1gina \"Acerca de nosotros\", productos.html para la p\u00e1gina de productos, contacto.html para la p\u00e1gina de contacto, etc.Cada p\u00e1gina debe tener su propia estructura HTML y puede compartir o tener estilos \u00fanicos definidos en el archivo CSS.3. Enlace entre p\u00e1ginas:Para permitir la navegaci\u00f3n entre p\u00e1ginas, puedes usar la etiqueta de HTML para crear enlaces.Por ejemplo, Acerca de nosotros crea un enlace que lleva a la p\u00e1gina \"Acerca de nosotros\" cuando se hace clic en \u00e9l.Aseg\u00farate de que la ruta en el atributo href sea correcta y apunte al archivo HTML correspondiente.4. Estilizar tu sitio web con CSS:CSS se utiliza para dar estilo y dise\u00f1o a las p\u00e1ginas HTML. Puedes definir reglas CSS para cambiar la apariencia de los elementos HTML, como el color de fondo, el tama\u00f1o de la fuente, la disposici\u00f3n de los elementos, etc.Define estilos comunes para elementos HTML, como el cuerpo de la p\u00e1gina, encabezados, p\u00e1rrafos, enlaces, etc.Utiliza clases y selectores para aplicar estilos espec\u00edficos a elementos individuales o grupos de elementos.Experimenta con propiedades CSS para lograr el dise\u00f1o deseado, como font-family, color, background-color, margin, padding, width, height, entre otras.5. Aplicar estilos a p\u00e1ginas HTML:Para aplicar los estilos CSS a tus p\u00e1ginas HTML, simplemente enlaza el archivo CSS externo utilizando la etiqueta dentro del elemento de cada p\u00e1gina HTML.Por ejemplo, enlaza el archivo CSS styles.css con la p\u00e1gina HTML actual.6. Construir el contenido de tus p\u00e1ginas:Utiliza etiquetas HTML para estructurar y organizar el contenido de tus p\u00e1ginas, como , , , , etc.Proporciona contenido significativo y relevante para cada p\u00e1gina de tu sitio web, asegur\u00e1ndote de que sea f\u00e1cil de entender y navegar para los usuarios.Incorpora im\u00e1genes, videos, enlaces y otros elementos multimedia seg\u00fan sea necesario para mejorar la experiencia del usuario.7. Pr\u00e1ctica y experimentaci\u00f3n:La pr\u00e1ctica regular y la experimentaci\u00f3n son fundamentales para mejorar tus habilidades en HTML y CSS.Realiza peque\u00f1os proyectos o desaf\u00edos para aplicar lo que has aprendido y explorar nuevas t\u00e9cnicas y conceptos.Utiliza recursos en l\u00ednea como tutoriales, documentaci\u00f3n oficial, foros de desarrollo web y comunidades en l\u00ednea para obtener ayuda, inspiraci\u00f3n y consejos.Con estos detalles adicionales, deber\u00edas tener una comprensi\u00f3n m\u00e1s s\u00f3lida de c\u00f3mo crear un sitio web con m\u00faltiples p\u00e1ginas utilizando HTML y CSS, as\u00ed como algunos consejos pr\u00e1cticos para mejorar tus habilidades y continuar tu aprendizaje en el desarrollo web. \u00a1Adelante y sigue construyendo!","publisher":{"@id":"#Publisher","@type":"Organization","name":"Revista Completa","logo":{"@type":"ImageObject","url":"https:\/\/revistacompleta.com\/wp-content\/uploads\/2023\/12\/revista-completa-high-resolution-logo-transparent.png"},"sameAs":["https:\/\/www.facebook.com\/larevistacompleta\/"]},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/revistacompleta.com\/guia-para-crear-sitios-web-2\/","breadcrumb":{"@id":"#Breadcrumb"}},"author":{"@type":"Person","name":"admin","url":"https:\/\/revistacompleta.com\/author\/admin\/"},"image":{"@type":"ImageObject","url":"https:\/\/revistacompleta.com\/wp-content\/uploads\/2023\/12\/revista-completa-high-resolution-logo.png","width":2000,"height":1500}}</script> <div id="share-buttons-bottom" class="share-buttons share-buttons-bottom"> <div class="share-links share-centered icons-only share-rounded"> <a href="https://www.facebook.com/sharer.php?u=https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=Gu%C3%ADa%20para%20Crear%20Sitios%20Web&url=https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&title=Gu%C3%ADa%20para%20Crear%20Sitios%20Web" rel="external noopener nofollow" title="LinkedIn" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">LinkedIn</span> </a> <a href="https://www.tumblr.com/share/link?url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&name=Gu%C3%ADa%20para%20Crear%20Sitios%20Web" rel="external noopener nofollow" title="Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&description=Gu%C3%ADa%20para%20Crear%20Sitios%20Web&media=https://revistacompleta.com/wp-content/uploads/2023/12/revista-completa-high-resolution-logo.png" rel="external noopener nofollow" title="Pinterest" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">Pinterest</span> </a> <a href="https://reddit.com/submit?url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&title=Gu%C3%ADa%20para%20Crear%20Sitios%20Web" rel="external noopener nofollow" title="Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">Reddit</span> </a> <a href="https://vk.com/share.php?url=https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="VKontakte" target="_blank" class="vk-share-btn " data-raw="https://vk.com/share.php?url={post_link}"> <span class="share-btn-icon tie-icon-vk"></span> <span class="screen-reader-text">VKontakte</span> </a> <a href="mailto:?subject=Gu%C3%ADa%20para%20Crear%20Sitios%20Web&body=https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="Compartir por correo electrónico" target="_blank" class="email-share-btn " data-raw="mailto:?subject={post_title}&body={post_link}"> <span class="share-btn-icon tie-icon-envelope"></span> <span class="screen-reader-text">Compartir por correo electrónico</span> </a> <a href="#" rel="external noopener nofollow" title="Imprimir" target="_blank" class="print-share-btn " data-raw="#"> <span class="share-btn-icon tie-icon-print"></span> <span class="screen-reader-text">Imprimir</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> </article><!-- #the-post /--> <div class="post-components"> <div class="stream-item stream-item-below-post-comments"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'a1bbb3c3c30486fc0e0daadefc678c32', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/a1bbb3c3c30486fc0e0daadefc678c32/invoke.js"></script> </div> </div></div> </div><!-- .post-components /--> </div><!-- .main-content --> </div><!-- .main-content-row /--></div><!-- #content /--><div class="stream-item stream-item-above-footer"><div class="stream-item-size" style=""> <div class="stream-item stream-item-in-post stream-item-in-post-1"><script type="text/javascript"> atOptions = { 'key' : 'a1bbb3c3c30486fc0e0daadefc678c32', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.topcreativeformat.com/a1bbb3c3c30486fc0e0daadefc678c32/invoke.js"></script> </div> </div></div> <footer id="footer" class="site-footer dark-skin dark-widgetized-area"> <div id="footer-widgets-container"> <div class="container"> </div><!-- .container /--> </div><!-- #Footer-widgets-container /--> <div id="site-info" class="site-info"> <div class="container"> <div class="tie-row"> <div class="tie-col-md-12"> <div class="copyright-text copyright-text-first"><footer> © Derechos de Autor 2024, Todos los Derechos Reservados | <span style="color:red;" class="tie-icon-heart"></span> </footer> </div><div class="copyright-text copyright-text-second"> | <a href="https://revistacompleta.com/about-us/">Acerca de Nosotros</a> | <a href="https://revistacompleta.com/contact-us/">Contáctanos</a> | <a href="https://revistacompleta.com/report/">Reportar</a> | <a href="https://revistacompleta.com/terms-and-conditions/">Términos y Condiciones</a> | <a href="https://revistacompleta.com/privacy-policy/">Política de Privacidad</a> | <a href="https://revistacompleta.com/faq/">Preguntas Frecuentes (FAQ)</a> | <a href="https://revistacompleta.com/disclaimer/">Aviso Legal</a></div><ul class="social-icons"><li class="social-icons-item"><a class="social-link facebook-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.facebook.com/larevistacompleta/"><span class="tie-social-icon tie-icon-facebook"></span><span class="screen-reader-text">Facebook</span></a></li></ul> </div><!-- .tie-col /--> </div><!-- .tie-row /--> </div><!-- .container /--> </div><!-- #site-info /--> </footer><!-- #footer /--> <div id="share-buttons-mobile" class="share-buttons share-buttons-mobile"> <div class="share-links icons-only"> <a href="https://www.facebook.com/sharer.php?u=https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="Facebook" target="_blank" class="facebook-share-btn " data-raw="https://www.facebook.com/sharer.php?u={post_link}"> <span class="share-btn-icon tie-icon-facebook"></span> <span class="screen-reader-text">Facebook</span> </a> <a href="https://twitter.com/intent/tweet?text=Gu%C3%ADa%20para%20Crear%20Sitios%20Web&url=https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="X" target="_blank" class="twitter-share-btn " data-raw="https://twitter.com/intent/tweet?text={post_title}&url={post_link}"> <span class="share-btn-icon tie-icon-twitter"></span> <span class="screen-reader-text">X</span> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&title=Gu%C3%ADa%20para%20Crear%20Sitios%20Web" rel="external noopener nofollow" title="LinkedIn" target="_blank" class="linkedin-share-btn " data-raw="https://www.linkedin.com/shareArticle?mini=true&url={post_full_link}&title={post_title}"> <span class="share-btn-icon tie-icon-linkedin"></span> <span class="screen-reader-text">LinkedIn</span> </a> <a href="https://www.tumblr.com/share/link?url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&name=Gu%C3%ADa%20para%20Crear%20Sitios%20Web" rel="external noopener nofollow" title="Tumblr" target="_blank" class="tumblr-share-btn " data-raw="https://www.tumblr.com/share/link?url={post_link}&name={post_title}"> <span class="share-btn-icon tie-icon-tumblr"></span> <span class="screen-reader-text">Tumblr</span> </a> <a href="https://pinterest.com/pin/create/button/?url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&description=Gu%C3%ADa%20para%20Crear%20Sitios%20Web&media=https://revistacompleta.com/wp-content/uploads/2023/12/revista-completa-high-resolution-logo.png" rel="external noopener nofollow" title="Pinterest" target="_blank" class="pinterest-share-btn " data-raw="https://pinterest.com/pin/create/button/?url={post_link}&description={post_title}&media={post_img}"> <span class="share-btn-icon tie-icon-pinterest"></span> <span class="screen-reader-text">Pinterest</span> </a> <a href="https://reddit.com/submit?url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&title=Gu%C3%ADa%20para%20Crear%20Sitios%20Web" rel="external noopener nofollow" title="Reddit" target="_blank" class="reddit-share-btn " data-raw="https://reddit.com/submit?url={post_link}&title={post_title}"> <span class="share-btn-icon tie-icon-reddit"></span> <span class="screen-reader-text">Reddit</span> </a> <a href="fb-messenger://share?app_id=5303202981&display=popup&link=https://revistacompleta.com/guia-para-crear-sitios-web-2/&redirect_uri=https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="Messenger" target="_blank" class="messenger-mob-share-btn messenger-share-btn " data-raw="fb-messenger://share?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">Messenger</span> </a> <a href="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link=https://revistacompleta.com/guia-para-crear-sitios-web-2/&redirect_uri=https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="Messenger" target="_blank" class="messenger-desktop-share-btn messenger-share-btn " data-raw="https://www.facebook.com/dialog/send?app_id=5303202981&display=popup&link={post_link}&redirect_uri={post_link}"> <span class="share-btn-icon tie-icon-messenger"></span> <span class="screen-reader-text">Messenger</span> </a> <a href="https://api.whatsapp.com/send?text=Gu%C3%ADa%20para%20Crear%20Sitios%20Web%20https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="WhatsApp" target="_blank" class="whatsapp-share-btn " data-raw="https://api.whatsapp.com/send?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-whatsapp"></span> <span class="screen-reader-text">WhatsApp</span> </a> <a href="https://telegram.me/share/url?url=https://revistacompleta.com/guia-para-crear-sitios-web-2/&text=Gu%C3%ADa%20para%20Crear%20Sitios%20Web" rel="external noopener nofollow" title="Telegram" target="_blank" class="telegram-share-btn " data-raw="https://telegram.me/share/url?url={post_link}&text={post_title}"> <span class="share-btn-icon tie-icon-paper-plane"></span> <span class="screen-reader-text">Telegram</span> </a> <a href="viber://forward?text=Gu%C3%ADa%20para%20Crear%20Sitios%20Web%20https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="Viber" target="_blank" class="viber-share-btn " data-raw="viber://forward?text={post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-phone"></span> <span class="screen-reader-text">Viber</span> </a> <a href="https://line.me/R/msg/text/?Gu%C3%ADa%20para%20Crear%20Sitios%20Web%20https://revistacompleta.com/guia-para-crear-sitios-web-2/" rel="external noopener nofollow" title="Line" target="_blank" class="line-share-btn " data-raw="https://line.me/R/msg/text/?{post_title}%20{post_link}"> <span class="share-btn-icon tie-icon-line"></span> <span class="screen-reader-text">Line</span> </a> </div><!-- .share-links /--> </div><!-- .share-buttons /--> <div class="mobile-share-buttons-spacer"></div> <a id="go-to-top" class="go-to-top-button" href="#go-to-tie-body"> <span class="tie-icon-angle-up"></span> <span class="screen-reader-text">Botón volver arriba</span> </a> </div><!-- #tie-wrapper /--> <aside class=" side-aside normal-side dark-skin dark-widgetized-area appear-from-left" aria-label="Barra lateral Secundaria" style="visibility: hidden;"> <div data-height="100%" class="side-aside-wrapper has-custom-scroll"> <a href="#" class="close-side-aside remove big-btn"> <span class="screen-reader-text">Cerrar</span> </a><!-- .close-side-aside /--> <div id="mobile-container"> <div id="mobile-search"> <form role="search" method="get" class="search-form" action="https://revistacompleta.com/"> <label> <span class="screen-reader-text">Buscar:</span> <input type="search" class="search-field" placeholder="Buscar …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Buscar" /> </form> </div><!-- #mobile-search /--> <div id="mobile-menu" class=""> </div><!-- #mobile-menu /--> <div id="mobile-social-icons" class="social-icons-widget solid-social-icons"> <ul><li class="social-icons-item"><a class="social-link facebook-social-icon" rel="external noopener nofollow" target="_blank" href="https://www.facebook.com/larevistacompleta/"><span class="tie-social-icon tie-icon-facebook"></span><span class="screen-reader-text">Facebook</span></a></li></ul> </div><!-- #mobile-social-icons /--> </div><!-- #mobile-container /--> </div><!-- .side-aside-wrapper /--> </aside><!-- .side-aside /--> </div><!-- #tie-container /--> </div><!-- .background-overlay /--> <script id="ckyBannerTemplate" type="text/template"><div class="cky-overlay cky-hide"></div><div class="cky-btn-revisit-wrapper cky-revisit-hide" data-cky-tag="revisit-consent" data-tooltip="Preferencias de consentimiento" style="background-color:#0056a7"> <button class="cky-btn-revisit" aria-label="Preferencias de consentimiento"> <img src="https://revistacompleta.com/wp-content/plugins/cookie-law-info/lite/frontend/images/revisit.svg" alt="Revisit consent button"> </button></div><div class="cky-consent-container cky-hide" tabindex="0"> <div class="cky-consent-bar" data-cky-tag="notice" style="background-color:#FFFFFF;border-color:#f4f4f4;color:#212121"> <div class="cky-notice"> <p class="cky-title" role="heading" aria-level="1" data-cky-tag="title" style="color:#212121">Valoramos tu privacidad</p><div class="cky-notice-group"> <div class="cky-notice-des" data-cky-tag="description" style="color:#212121"> <p>Utilizamos cookies para mejorar tu experiencia de navegación, ofrecer anuncios o contenido personalizado y analizar nuestro tráfico. Al hacer clic en 'Aceptar Todo', aceptas nuestro uso de cookies.</p> </div><div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"> <button class="cky-btn cky-btn-customize" aria-label="Personalizar" data-cky-tag="settings-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc">Personalizar</button> <button class="cky-btn cky-btn-reject" aria-label="Rechazar Todo" data-cky-tag="reject-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc">Rechazar Todo</button> <button class="cky-btn cky-btn-accept" aria-label="Aceptar Todo" data-cky-tag="accept-button" style="color:#FFFFFF;background-color:#1863dc;border-color:#1863dc">Aceptar Todo</button> </div></div></div></div></div><div class="cky-modal" tabindex="0"> <div class="cky-preference-center" data-cky-tag="detail" style="color:#212121;background-color:#FFFFFF;border-color:#F4F4F4"> <div class="cky-preference-header"> <span class="cky-preference-title" role="heading" aria-level="1" data-cky-tag="detail-title" style="color:#212121">Personalizar Preferencias de Consentimiento</span> <button class="cky-btn-close" aria-label="[cky_preference_close_label]" data-cky-tag="detail-close"> <img src="https://revistacompleta.com/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt="Close"> </button> </div><div class="cky-preference-body-wrapper"> <div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color:#212121"> <p>Utilizamos cookies para ayudarte a navegar eficientemente y realizar funciones específicas. Encontrarás información detallada sobre todas las cookies en cada categoría de consentimiento a continuación.</p> <p>Las cookies categorizadas como 'Necesarias' se almacenan en tu navegador ya que son esenciales para habilitar las funcionalidades básicas del sitio.</p> <p>También utilizamos cookies de terceros que nos ayudan a analizar cómo utilizas este sitio web, almacenar tus preferencias y proporcionar contenido y anuncios relevantes para ti. Estas cookies solo se almacenarán en tu navegador con tu consentimiento previo.</p> <p>Puedes elegir habilitar o deshabilitar algunas o todas estas cookies, pero desactivar algunas de ellas puede afectar tu experiencia de navegación.</p> </div><div class="cky-accordion-wrapper" data-cky-tag="detail-categories"> <div class="cky-accordion" id="ckyDetailCategorynecessary"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Necessary" data-cky-tag="detail-category-title" style="color:#212121">Necessary</button><span class="cky-always-active">Siempre activa</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchnecessary"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No hay cookies para mostrar.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryfunctional"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Functional" data-cky-tag="detail-category-title" style="color:#212121">Functional</button><span class="cky-always-active">Siempre activa</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchfunctional"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No hay cookies para mostrar.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryanalytics"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Analytics" data-cky-tag="detail-category-title" style="color:#212121">Analytics</button><span class="cky-always-active">Siempre activa</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No hay cookies para mostrar.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryperformance"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Performance" data-cky-tag="detail-category-title" style="color:#212121">Performance</button><span class="cky-always-active">Siempre activa</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchperformance"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No hay cookies para mostrar.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Advertisement" data-cky-tag="detail-category-title" style="color:#212121">Advertisement</button><span class="cky-always-active">Siempre activa</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchadvertisement"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#212121"> <p>Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#212121;background-color:#f4f4f4;border-color:#ebebeb"><p class="cky-empty-cookies-text">No hay cookies para mostrar.</p></div> </div> </div> </div></div><div class="cky-footer-wrapper"> <span class="cky-footer-shadow"></span> <div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"> <button class="cky-btn cky-btn-reject" aria-label="Rechazar Todo" data-cky-tag="detail-reject-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc"> Rechazar Todo </button> <button class="cky-btn cky-btn-preferences" aria-label="Guardar mis preferencias" data-cky-tag="detail-save-button" style="color:#1863dc;background-color:transparent;border-color:#1863dc"> Guardar mis preferencias </button> <button class="cky-btn cky-btn-accept" aria-label="Aceptar Todo" data-cky-tag="detail-accept-button" style="color:#ffffff;background-color:#1863dc;border-color:#1863dc"> Aceptar Todo </button> </div></div></div></div></script> <script> function _katexRender(rootElement) { const eles = rootElement.querySelectorAll(".katex-eq:not(.katex-rendered)"); for(let idx=0; idx < eles.length; idx++) { const ele = eles[idx]; ele.classList.add("katex-rendered"); try { katex.render( ele.textContent, ele, { displayMode: ele.getAttribute("data-katex-display") === 'true', throwOnError: false } ); } catch(n) { ele.style.color="red"; ele.textContent = n.message; } } } function katexRender() { _katexRender(document); } document.addEventListener("DOMContentLoaded", function() { katexRender(); // Perform a KaTeX rendering step when the DOM is mutated. const katexObserver = new MutationObserver(function(mutations) { [].forEach.call(mutations, function(mutation) { if (mutation.target && mutation.target instanceof Element) { _katexRender(mutation.target); } }); }); const katexObservationConfig = { subtree: true, childList: true, attributes: true, characterData: true }; katexObserver.observe(document.body, katexObservationConfig); }); </script> <div id="ays_tooltip" ><div id="ays_tooltip_block"><p>¡Este contenido está protegido contra copia! Para compartirlo, utilice los botones de compartir rápido o copie el enlace.</p> </div></div> <style> #ays_tooltip,.ays_tooltip_class { display: none; position: absolute; z-index: 999999999; background-color: #ffffff; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity:1; border: 1px solid #b7b7b7; border-radius: 3px; box-shadow: rgba(0,0,0,0) 0px 0px 15px 1px; color: #00872a; padding: 5px; text-transform: none; ; } #ays_tooltip > *, .ays_tooltip_class > * { color: #00872a; font-size: 12px; } #ays_tooltip_block { font-size: 12px; backdrop-filter: blur(0px); } @media screen and (max-width: 768px){ #ays_tooltip,.ays_tooltip_class { font-size: 12px; } #ays_tooltip > *, .ays_tooltip_class > * { font-size: 12px; } } </style> <style> *:not(input):not(textarea)::selection { background-color: transparent !important; color: inherit !important; } *:not(input):not(textarea)::-moz-selection { background-color: transparent !important; color: inherit !important; } </style> <script> function stopPrntScr() { var inpFld = document.createElement("input"); inpFld.setAttribute("value", "Access Denied"); inpFld.setAttribute("width", "0"); inpFld.style.height = "0px"; inpFld.style.width = "0px"; inpFld.style.border = "0px"; document.body.appendChild(inpFld); inpFld.select(); document.execCommand("copy"); inpFld.remove(inpFld); } (function ($) { 'use strict'; $(function () { let all = $('*').not('script, meta, link, style, noscript, title'), tooltip = $('#ays_tooltip'), tooltipClass = "mouse"; if (tooltipClass == "mouse" || tooltipClass == "mouse_first_pos") { $(document).on('mousemove', function (e) { let cordinate_x = e.pageX; let cordinate_y = e.pageY; let windowWidth = $(window).width(); if (cordinate_y < tooltip.outerHeight()) { tooltip.css({'top': (cordinate_y + 10) + 'px'}); } else { tooltip.css({'top': (cordinate_y - tooltip.outerHeight()) + 'px'}); } if (cordinate_x > (windowWidth - tooltip.outerWidth())) { tooltip.css({'left': (cordinate_x - tooltip.outerWidth()) + 'px'}); } else { tooltip.css({'left': (cordinate_x + 5) + 'px'}); } }); } else { tooltip.addClass(tooltipClass); } $(document).on('contextmenu', function (e) { let target = $(event.target); let t = e || window.event; let n = t.target || t.srcElement; if (!target.is("") && (!target.is("1") && !target.is("img")) && (!target.is("") && !target.is("a") && n.parentElement.nodeName !== "A") ) { if (n.nodeName !== "A" ) { show_tooltip(1 ); audio_play(); } return false; } }); $(document).on('contextmenu', function (e) { let target = $(event.target); if (target.is("img") || target.is("div.ays_tooltip_class")) { let t = e || window.event; let n = t.target || t.srcElement; if (n.nodeName !== "A") { show_tooltip(1 ); audio_play(); } return false; } }); $(document).on('dragstart', function () { let target = $(event.target); if (!target.is("")) { show_tooltip(1 ); audio_play(); return false; } }); $(window).on('keydown', function (event) { var sccp_selObj = window.getSelection(); var check_selectors = true; if (!sccp_selObj.rangeCount < 1) { var sccp_selRange = sccp_selObj.getRangeAt(0); var sccp_selection_selector = sccp_selRange.startContainer.parentElement; check_selectors = !$(sccp_selection_selector).is(""); } if (check_selectors) { var isOpera = (BrowserDetect.browser === "Opera"); var isFirefox = (BrowserDetect.browser === 'Firefox'); var isSafari = (BrowserDetect.browser === 'Safari'); var isIE = (BrowserDetect.browser === 'Explorer'); var isChrome = (BrowserDetect.browser === 'Chrome'); var isMozilla = (BrowserDetect.browser === 'Mozilla'); if (BrowserDetect.OS === 'Windows') { if (isChrome) { if (((event.ctrlKey && event.shiftKey) && ( event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 68 || event.keyCode === 67))) { show_tooltip(1); audio_play(); return false; } } if (isFirefox) { if (((event.ctrlKey && event.shiftKey) && ( event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 67 || event.keyCode === 75 || event.keyCode === 69)) || event.keyCode === 118 || (event.keyCode === 112 && event.shiftKey) || (event.keyCode === 115 && event.shiftKey) || (event.keyCode === 118 && event.shiftKey) || (event.keyCode === 120 && event.shiftKey)) { show_tooltip(1); audio_play(); return false; } } if (isOpera) { if (((event.ctrlKey && event.shiftKey) && ( event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 67 || event.keyCode === 88 || event.keyCode === 69))) { show_tooltip(1); audio_play(); return false; } } if (isIE) { if ((event.keyCode === 123 && event.shiftKey)) { show_tooltip(1); audio_play(); return false; } } if (isMozilla) { if ((event.ctrlKey && event.keyCode === 73) || (event.altKey && event.keyCode === 68)) { show_tooltip(1); audio_play(); return false; } } if ((event.keyCode === 83 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 65 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } if (event.keyCode === 67 && event.ctrlKey && !event.shiftKey) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 86 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 88 && event.ctrlKey)) { show_tooltip(1 ); audio_play(); return false; } if ((event.keyCode === 85 && event.ctrlKey)) { show_tooltip(1 ); audio_play(); return false; } if (event.keyCode === 123 || (event.keyCode === 123 && event.shiftKey)) { show_tooltip(1); audio_play(); return false; } } else if (BrowserDetect.OS === 'Linux') { if (isChrome) { if ( ( (event.ctrlKey && event.shiftKey) && (event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 67 ) ) || (event.ctrlKey && event.keyCode === 85) ) { show_tooltip(1); audio_play(); return false; } } if (isFirefox) { if (((event.ctrlKey && event.shiftKey) && (event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 67 || event.keyCode === 75 || event.keyCode === 69)) || event.keyCode === 118 || event.keyCode === 116 || (event.keyCode === 112 && event.shiftKey) || (event.keyCode === 115 && event.shiftKey) || (event.keyCode === 118 && event.shiftKey) || (event.keyCode === 120 && event.shiftKey) || (event.keyCode === 85 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } } if (isOpera) { if (((event.ctrlKey && event.shiftKey) && (event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 67 || event.keyCode === 88 || event.keyCode === 69)) || (event.ctrlKey && event.keyCode === 85)) { show_tooltip(1); audio_play(); return false; } } if ((event.keyCode === 83 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } if (event.keyCode === 65 && event.ctrlKey) { show_tooltip(1); audio_play(); return false; } if (event.keyCode === 67 && event.ctrlKey && !event.shiftKey) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 86 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 88 && event.ctrlKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 85 && event.ctrlKey)) { show_tooltip(1 ); audio_play(); return false; } if (event.keyCode === 123 || (event.keyCode === 123 && event.shiftKey)) { show_tooltip(1); audio_play(); return false; } } else if (BrowserDetect.OS === 'Mac') { if (isChrome || isSafari || isOpera || isFirefox) { if (event.metaKey && ( event.keyCode === 73 || event.keyCode === 74 || event.keyCode === 69 || event.keyCode === 75)) { show_tooltip(1); audio_play(); return false; } } if ((event.keyCode === 83 && event.metaKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 65 && event.metaKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 67 && event.metaKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 86 && event.metaKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 88 && event.metaKey)) { show_tooltip(1); audio_play(); return false; } if ((event.keyCode === 85 && event.metaKey)) { show_tooltip(1 ); audio_play(); return false; } if (event.keyCode === 123) { show_tooltip(1); audio_play(); return false; } } } }); function disableSelection(e) { if (typeof e.onselectstart !== "undefined") e.onselectstart = function () { show_tooltip( ); audio_play(); return false }; else if (typeof e.style.MozUserSelect !== "undefined") e.style.MozUserSelect = "none"; else e.onmousedown = function () { show_tooltip(); audio_play(); return false }; e.style.cursor = "default" } var msg_count = 1; function show_tooltip(mess) { if (mess && msg_count == 1) { if (tooltipClass == 'mouse_first_pos') { if ($('#ays_tooltip2').length > 0) { $('#ays_tooltip2').remove(); } var tooltip2 = tooltip.clone().prop('id','ays_tooltip2').insertBefore(tooltip); $('#ays_tooltip2').addClass('ays_tooltip_class'); tooltip2.css({'display': 'table'}); $('#ays_tooltip').fadeOut(); setTimeout(function () { tooltip2.remove(); }, 1000); }else{ tooltip.css({'display': 'table'}); setTimeout(function () { $('#ays_tooltip').fadeOut(500); }, 1000); } } } function audio_play(audio) { if (audio) { var audio = document.getElementById("sccp_public_audio"); if (audio) { audio.currentTime = 0; audio.play(); } } } }); })(jQuery); var copyrightText = ''; var copyrightIncludeUrl = ''; var copyrightWord = ''; function copyToClipboard(text) { var textarea = document.createElement("textarea"); textarea.textContent = text; textarea.style.position = "fixed"; document.body.appendChild(textarea); textarea.select(); try { return document.execCommand("cut"); } catch (ex) { console.warn("Copy to clipboard failed.", ex); return false; } finally { document.body.removeChild(textarea); } } function htmlDecode(input) { var doc = new DOMParser().parseFromString(input, "text/html"); return doc.documentElement.textContent; } var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this.searchString(this.dataOS) || "an unknown OS"; }, searchString: function (data) { for (var i = 0; i < data.length; i++) { var dataString = data[i].string; var dataProp = data[i].prop; this.versionSearchString = data[i].versionSearch || data[i].identity; if (dataString) { if (dataString.indexOf(data[i].subString) !== -1) return data[i].identity; } else if (dataProp) return data[i].identity; } }, searchVersion: function (dataString) { var index = dataString.indexOf(this.versionSearchString); if (index === -1) return; return parseFloat(dataString.substring(index + this.versionSearchString.length + 1)); }, dataBrowser: [{ string: navigator.userAgent, subString: "Chrome", identity: "Chrome" }, { string: navigator.userAgent, subString: "OmniWeb", versionSearch: "OmniWeb/", identity: "OmniWeb" }, { string: navigator.vendor, subString: "Apple", identity: "Safari", versionSearch: "Version" }, { prop: window.opera, identity: "Opera", versionSearch: "Version" }, { string: navigator.vendor, subString: "iCab", identity: "iCab" }, { string: navigator.vendor, subString: "KDE", identity: "Konqueror" }, { string: navigator.userAgent, subString: "Firefox", identity: "Firefox" }, { string: navigator.vendor, subString: "Camino", identity: "Camino" }, { // for newer Netscapes (6+) string: navigator.userAgent, subString: "Netscape", identity: "Netscape" }, { string: navigator.userAgent, subString: "MSIE", identity: "Explorer", versionSearch: "MSIE" }, { string: navigator.userAgent, subString: "Gecko", identity: "Mozilla", versionSearch: "rv" }, { // for older Netscapes (4-) string: navigator.userAgent, subString: "Mozilla", identity: "Netscape", versionSearch: "Mozilla" }], dataOS: [{ string: navigator.platform, subString: "Win", identity: "Windows" }, { string: navigator.platform, subString: "Mac", identity: "Mac" }, { string: navigator.userAgent, subString: "iPhone", identity: "iPhone/iPod" }, { string: navigator.platform, subString: "Linux", identity: "Linux" }] }; BrowserDetect.init(); // }, false); </script> <div id="autocomplete-suggestions" class="autocomplete-suggestions"></div><div id="is-scroller-outer"><div id="is-scroller"></div></div><div id="fb-root"></div> <div id="tie-popup-search-desktop" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">Cerrar</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="Buscar"> <form method="get" class="tie-popup-search-form" action="https://revistacompleta.com/"> <input class="tie-popup-search-input " inputmode="search" type="text" name="s" title="Buscar por" autocomplete="off" placeholder="Teclea y pulsa Enter" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">Buscar por</span> </button> </form> </div><!-- .pop-up-live-search /--> </div><!-- .popup-search-wrap-inner /--> </div><!-- .tie-popup-search-wrap /--> <div id="tie-popup-search-mobile" class="tie-popup tie-popup-search-wrap" style="display: none;"> <a href="#" class="tie-btn-close remove big-btn light-btn"> <span class="screen-reader-text">Cerrar</span> </a> <div class="popup-search-wrap-inner"> <div class="live-search-parent pop-up-live-search" data-skin="live-search-popup" aria-label="Buscar"> <form method="get" class="tie-popup-search-form" action="https://revistacompleta.com/"> <input class="tie-popup-search-input is-ajax-search" inputmode="search" type="text" name="s" title="Buscar por" autocomplete="off" placeholder="Buscar por" /> <button class="tie-popup-search-submit" type="submit"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text">Buscar por</span> </button> </form> </div><!-- .pop-up-live-search /--> </div><!-- .popup-search-wrap-inner /--> </div><!-- .tie-popup-search-wrap /--> <script type="text/javascript" src="https://revistacompleta.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.6" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/revistacompleta.com\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://revistacompleta.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9.6" id="contact-form-7-js"></script> <script type="text/javascript" src="https://revistacompleta.com/wp-content/plugins/katex/assets/katex-0.13.13/katex.min.js?ver=6.5.5" id="katex-js"></script> <script type="text/javascript" id="tie-scripts-js-extra"> /* <![CDATA[ */ var tie = {"is_rtl":"","ajaxurl":"https:\/\/revistacompleta.com\/wp-admin\/admin-ajax.php","is_side_aside_light":"","is_taqyeem_active":"","is_sticky_video":"","mobile_menu_top":"","mobile_menu_active":"area_1","mobile_menu_parent":"","lightbox_all":"true","lightbox_gallery":"true","lightbox_skin":"dark","lightbox_thumb":"horizontal","lightbox_arrows":"true","is_singular":"1","autoload_posts":"","reading_indicator":"","lazyload":"","select_share":"true","select_share_twitter":"","select_share_facebook":"","select_share_linkedin":"","select_share_email":"","facebook_app_id":"5303202981","twitter_username":"","responsive_tables":"true","ad_blocker_detector":"","sticky_behavior":"upwards","sticky_desktop":"true","sticky_mobile":"true","sticky_mobile_behavior":"default","ajax_loader":"<div class=\"loader-overlay\"><div class=\"spinner-circle\"><\/div><\/div>","type_to_search":"1","lang_no_results":"Sin resultados","sticky_share_mobile":"true","sticky_share_post":"","sticky_share_post_menu":""}; /* ]]> */ </script> <script type="text/javascript" src="https://revistacompleta.com/wp-content/themes/jannah/assets/js/scripts.min.js?ver=7.0.2" id="tie-scripts-js"></script> <script type="text/javascript" src="https://revistacompleta.com/wp-content/themes/jannah/assets/ilightbox/lightbox.js?ver=7.0.2" id="tie-js-ilightbox-js"></script> <script type="text/javascript" src="https://revistacompleta.com/wp-content/themes/jannah/assets/js/sliders.min.js?ver=7.0.2" id="tie-js-sliders-js"></script> <script type="text/javascript" src="https://revistacompleta.com/wp-content/themes/jannah/assets/js/shortcodes.js?ver=7.0.2" id="tie-js-shortcodes-js"></script> <script type="text/javascript" src="https://revistacompleta.com/wp-content/themes/jannah/assets/js/desktop.min.js?ver=7.0.2" id="tie-js-desktop-js"></script> <script type="text/javascript" src="https://revistacompleta.com/wp-content/themes/jannah/assets/js/live-search.js?ver=7.0.2" id="tie-js-livesearch-js"></script> <script type="text/javascript" src="https://revistacompleta.com/wp-content/themes/jannah/assets/js/single.min.js?ver=7.0.2" id="tie-js-single-js"></script> <script> WebFontConfig ={ google:{ families: [ 'Poppins:600,regular:latin&display=swap' ] } }; (function(){ var wf = document.createElement('script'); wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.defer = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script><script type="text/javascript"> jQuery.ajax({ type : "GET", url : "https://revistacompleta.com/wp-admin/admin-ajax.php", data : "postviews_id=36748&action=tie_postviews", cache: !1, success: function( data ){ jQuery(".single-post-meta").find(".meta-views").html( data ); } }); </script> </body> </html>