HTML es un lenguaje de marcado para páginas web. De hecho, HTML significa Lenguaje de marcado de hipertexto.
Una cosa que hay que dejar clara desde el principio y tener presente es que elHTML no es un lenguaje de programaciónHTML es sólo para dar formato al texto y para maquetar elementos como formularios, citas, vídeos.
En esta breve guía no nos detendremos demasiado en discusiones técnicas o filosóficas sobre qué es un hipertextopero tomaremos como definición la de página web, una página navegable en Internet.
Herramientas
Para desarrollar su primera página html, un simple editor de textoPara los usuarios de Windows, la sencilla Bloc de notas.
Nuestra primera página HTML
Abre el bloc de notas e introduce el siguiente código:
<html></html>
Haz clic en Guardar y elige un nombre "página.html" y en el menú desplegable "guardar como"recuerde seleccionar "todos los archivos“.
Ya hemos creado nuestra primera página html, que una vez abierta mostrará una página en blanco.
Cada página html consta básicamente de dos elementos, un head <head> y un cuerpo <body>.
Así modificamos nuestra página:
<html>
<head></head>
<body></body>
</html>
El DOCTYPE
En este punto es importante introducir el concepto de DOCTYPE. El doctype es una declaración que se inserta al principio del documento y que permite a los navegadores renderizar la página correctamente. En el caso de HTML5 la declaración doctype es la siguiente
<!doctype html>
<html>
<head></head>
<body></body>
</html>
En el pasado, se utilizaban declaraciones de doctype más largas y articuladas, pero ahora elHTML5 es una norma, por lo que nos limitaremos a ésta.
Añadir un título a la página HTML: la etiqueta title
Si intentamos abrir la página html creada anteriormente, veremos que en la barra de la ventana aparece la ruta del archivo. Si queremos añadir un título más explicativo, podemos añadir la etiqueta </strong> en el<strong><head></strong> del documento.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><!doctype html>
<html>
<head>
<title>Mi primera página web</title>
</head>
<body></body>
</html></code></pre>
<p>Además de hacer la página más fácil de usar, la presencia del título también es importante en el lateral <strong>SEO</strong>.</p>
<h2 class="wp-block-heading" id="i-tag">Etiquetas</h2>
<p>Una de las primeras cosas que podemos observar es que HTML es un lenguaje compuesto de etiquetas. Cada etiqueta HTML va siempre encerrada entre un signo menor ( ). Una etiqueta genérica se caracteriza por la siguiente sintaxis: </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><nomedeltag></code></pre>
<p>Las etiquetas pueden incluir una apertura <strong><nometag></strong> y un cierre <strong>.</strong>, </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><h1>Título del artículo</h1></code></pre>
<p>o ser etiquetas que no contienen ningún elemento y, por tanto, se cierran solas. Un ejemplo de este último tipo de etiquetas es <strong><img /></strong>.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><img src="mondo.jpg" /></code></pre>
<p>En esta breve guía no analizaremos todas las etiquetas html, sino sólo las que se utilizan con más frecuencia. Para obtener una lista exhaustiva de todas las etiquetas puede consultar <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">aquí</a>.</p>
<p>Veamos cuáles son las principales etiquetas y cómo utilizarlas.</p>
<h2 class="wp-block-heading" id="il-tag-h1-e-gli-altri-headings">La etiqueta <h1> y las demás rúbricas</h2>
<p>La etiqueta <strong><h1></strong> se utiliza para definir un encabezado, es decir, un texto que tiene mayor importancia dentro del contenido de nuestra página html, por lo que se formateará con una fuente más grande. </p>
<p>Existen varias etiquetas de cabecera en función de su importancia: así, se puede tener <strong><h1></strong>, <strong><h2></strong> , <<strong>h3></strong> , <strong><h4></strong> , <strong><h5></strong> , <strong><h6></strong>. </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><h1>Título de la página</h1></code></pre>
<h2 class="wp-block-heading" id="il-tag-p">La etiqueta <p></h2>
<p>El <<strong>p></strong> se utiliza para definir un párrafo. Si se inserta texto dentro de esta etiqueta, se formateará como texto libre. </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><p>En esta página hablaremos de HTML.</p></code></pre>
<h2 class="wp-block-heading" id="il-tag-b">La etiqueta <b></h2>
<p>La etiqueta <strong><b></strong> se utiliza para resaltar texto:</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><b>texto muy importante</b></code></pre>
<p>Su funcionamiento es idéntico al del <strong>ponga una parte del texto en negrita.</p>
<h2 class="wp-block-heading" id="il-tag-a">La etiqueta <a> </h2>
<p>La etiqueta <a> se utiliza para definir un enlace (enlaces entre páginas web) nos permite crear un enlace desde nuestra página a otra página. La sintaxis de un enlace es la siguiente: </p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><a href="https://www.google.it">Enlaces Google</a></code></pre>
<p>Podemos ver que el <a> necesita el atributo href que indica la página de destino. </p>
<h2 class="wp-block-heading" id="il-tag-img">La etiqueta <img></h2>
<p>La etiqueta <strong><img></strong> se utiliza para insertar una imagen en la página HTML. A diferencia de las etiquetas anteriores, la etiqueta <img> es una etiqueta de cierre automático, es decir, no necesita una etiqueta de cierre.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><img src="immagini/terra.jpg" /></code></pre>
<p>Como vemos en el ejemplo, el <img> necesita el atributo src, que indica la ruta a la imagen que se va a mostrar. El atributo <img> también puede tener otros atributos:</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><img src="immagini/terra.jpg" alt="imagen de la Tierra" /></code></pre>
<p>En este ejemplo, el atributo alt se utiliza para mostrar un texto alternativo en caso de que la imagen no se cargue. También es útil para indicar a los motores de búsqueda lo que se muestra en la página, lo que es muy importante en términos de SEO.</p>
<h2 class="wp-block-heading" id="i-tag-lista-ul-ol-li">Las etiquetas de lista <ul>, <ol>, <li></h2>
<p>Si queremos mostrar una lista en nuestra página html, podemos utilizar la etiqueta <ul>. Esta etiqueta muestra una lista desordenada, por lo que aparecerá un punto junto a cada elemento de la lista. Si queremos mostrar una lista numerada, podemos utilizar la etiqueta <ol>. </p>
<p>Cada elemento de la lista debe ir dentro de la etiqueta <li>.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><ul>
<li>Primo punto</li>
<li>Secondo punto</li>
<li>Terzo punto</li>
</ul></code></pre>
<h2 class="wp-block-heading" id="mini-tutorial-come-creare-la-tua-prima-pagina-web">Mini tutorial: cómo crear tu primera página web</h2>
<p>Tras un rápido vistazo a las principales etiquetas html, podemos intentar crear nuestra primera página web.</p>
<p>Abre el Bloc de notas o cualquier otro editor de texto y empieza a escribir este código:</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><!doctype html>
<html>
<head>
<title>Mi primera página web</title>
</head>
<body></body>
</html></code></pre>
<figure class="wp-block-image"><img decoding="async" width="600" height="400" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02.png" alt="primera página html" class="wp-image-133" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02.png 600w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-300x200.png 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure>
<p>Guardar como y recuerde seleccionar "Todos los archivos" en el cuadro desplegable y, a continuación, guardar como <strong>index.html</strong> o <strong>mipagina.html</strong> o lo que más nos gusta. </p>
<figure class="wp-block-image"><img loading="lazy" decoding="async" width="960" height="540" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1.png" alt="" class="wp-image-135" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1.png 960w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1-300x169.png 300w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1-768x432.png 768w" sizes="auto, (max-width: 960px) 100vw, 960px" /></figure>
<p>Si hacemos doble clic en el archivo que acabamos de guardar, se abrirá una nueva ventana del navegador con nuestra primera página html. Será una página vacía, pero tendrá el título que hemos introducido en el campo <strong><title></strong>.</p>
<figure class="wp-block-image"><img loading="lazy" decoding="async" width="650" height="133" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_03.png" alt="" class="wp-image-136" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_03.png 650w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_03-300x61.png 300w" sizes="auto, (max-width: 650px) 100vw, 650px" /></figure>
<p>Pasemos a la construcción de la página web. Añadimos una cabecera y algunos párrafos. Aplicamos el <strong><b></strong> algunas palabras para destacar, como el nombre de la ciudad de nacimiento, añadir una foto con la etiqueta <strong><img></strong> y un enlace a la página en Wikipedia.</p>
<pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><!doctype html>
<html>
<head>
<title>Mi primera página web</title>
</head>
<body>
<h1>Lionel Messi</h1>
<p>Lionel Andrés Messi, al que muchos llaman simplemente Leo, nació el 24 de junio de 1987 en <b>Rosario</b>en el estado argentino de Santa Fe.
</p>
<img src="Messi.jpg" />
<p>Sólo tiene cinco años cuando empieza a dar patadas al balón. Su primer equipo es el <b>Grandoli</b>En su ciudad hay una pequeña escuela de fútbol para niños. El entrenador de los chicos es Jorge Messi, obrero metalúrgico y padre del futuro campeón.
</p>
<p>A los siete años <a href="https://it.wikipedia.org/wiki/Lionel_Messi">Lionel Messi</a> Viste la camiseta de "Newell's Old Boys" y juega en las categorías inferiores. A los ojos de los aficionados al fútbol que seguían al chaval por los campos de Rosario, el talento del joven ya era evidente.
</p>
<h2>La llegada a barcelona</h2>
<p>Debido a un retraso en el desarrollo óseo del niño causado por los bajos niveles de hormonas del crecimiento en su organismo, la transición se desvanece.
</p>
<p>Se aconseja a la familia que busque tratamiento médico, pero es muy caro: se habla de 900 dólares al mes; Jorge Messi pide ayuda a Newell's Old Boys y a River Plate sin obtener soluciones adecuadas. Creyendo firmemente en el posible futuro de Lionel como campeón, pide ayuda a algunas fundaciones.
</p>
</body>
</html></code></pre>
<p>Si queremos insertar una imagen, podemos guardarla en la misma carpeta que el archivo html y recuperarla introduciendo el nombre del archivo en el campo <strong>src</strong> de la etiqueta <strong><img></strong>.</p>
<p>Si hemos hecho todo correctamente, deberíamos obtener algo como esto:</p>
<figure class="wp-block-image"><img loading="lazy" decoding="async" width="902" height="654" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04.png" alt="" class="wp-image-146" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04.png 902w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04-300x218.png 300w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04-768x557.png 768w" sizes="auto, (max-width: 902px) 100vw, 902px" /></figure>
<p>En esta breve guía sobre HTML, hemos visto cómo hacer una página web, añadir texto e imágenes, dar formato a una cabecera y texto en negrita, y añadir enlaces. </p>
<p>Para mejorar nuestra página tendremos que cambiar su apariencia, utilizando la función <strong>CSS</strong>. Este será el tema de una futura guía.</p>
</div>
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained">
<div class="wp-block-group post-meta has-small-font-size is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-ca2b611a wp-block-group-is-layout-flex" style="border-radius:5px;margin-top:var(--wp--preset--spacing--large)"></div>
</div>
</main>
<div class="wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-7bcabc6a wp-block-group-is-layout-constrained" style="margin-top:0;margin-bottom:0;padding-right:0;padding-left:0">
<div class="wp-block-comments alignfull wp-block-comments-query-loop has-tertiary-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--x-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--x-large);padding-left:var(--wp--preset--spacing--medium)">
<div class="wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-add6731d wp-block-group-is-layout-constrained" style="padding-right:0;padding-left:0">
<div class="wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-4548b604 wp-block-group-is-layout-constrained">
<h2 class="wp-block-heading">Comentarios</h2>
</div>
<div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained"></div>
<div id="respond" class="comment-respond wp-block-post-comments-form">
<h3 id="reply-title" class="comment-reply-title">Deja una respuesta <small><a rel="nofollow" id="cancel-comment-reply-link" href="/es/guida-html/#respond" style="display:none;">Cancelar la respuesta</a></small></h3><form action="https://www.francescopepe.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" data-trp-original-action="https://www.francescopepe.com/wp-comments-post.php"><p class="comment-notes"><span id="email-notes">Tu dirección de correo electrónico no será publicada.</span> <span class="required-field-message">Los campos obligatorios están marcados con <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comentario <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Nombre <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p>
<p class="comment-form-email"><label for="email">Correo electrónico <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p>
<p class="comment-form-url"><label for="url">Web</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p>
<p class="form-submit wp-block-button"><input name="submit" type="submit" id="submit" class="wp-block-button__link wp-element-button" value="Publicar el comentario" /> <input type='hidden' name='comment_post_ID' value='1' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p><input type="hidden" name="trp-form-language" value="es"/></form> </div><!-- #respond -->
</div>
</div>
</div>
<div class="wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-143bf0cf wp-block-group-is-layout-constrained" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large)">
<div class="wp-block-query alignwide is-layout-flow wp-block-query-is-layout-flow"><ul class="columns-3 wp-block-post-template has-large-font-size is-layout-grid wp-container-core-post-template-is-layout-e16f04fb wp-block-post-template-is-layout-grid"><li class="wp-block-post post-1084 post type-post status-publish format-standard has-post-thumbnail hentry category-guide">
<div class="wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-ca62ba71 wp-block-group-is-layout-flex"><div style="font-style:normal;font-weight:500" class="taxonomy-category has-link-color is-style-default wp-elements-db3cb2d8f722107ca7963f58d18208e1 wp-block-post-terms has-x-small-font-size"><a href="https://www.francescopepe.com/es/guias/" rel="tag">Guías</a></div>
<h2 style="font-style:normal;font-weight:600;text-decoration:none; margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;" class="wp-block-post-title has-base-font-size"><a href="https://www.francescopepe.com/es/como-enviar-datos-de-formulario-en-google-sheets/" target="_self" >Cómo enviar datos de formularios en Google Sheets: Guía práctica</a></h2>
<div class="wp-block-post-date has-x-small-font-size"><time datetime="2024-05-10T02:59:54+00:00">10 de mayo de 2024</time></div></div>
</li><li class="wp-block-post post-316 post type-post status-publish format-standard has-post-thumbnail hentry category-seo">
<div class="wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-ca62ba71 wp-block-group-is-layout-flex"><div style="font-style:normal;font-weight:500" class="taxonomy-category has-link-color is-style-default wp-elements-db3cb2d8f722107ca7963f58d18208e1 wp-block-post-terms has-x-small-font-size"><a href="https://www.francescopepe.com/es/seo/" rel="tag">SEO</a></div>
<h2 style="font-style:normal;font-weight:600;text-decoration:none; margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;" class="wp-block-post-title has-base-font-size"><a href="https://www.francescopepe.com/es/como-aumentar-la-visibilidad-en-los-motores-de-busqueda-con-faq-rich-snippets/" target="_self" >Cómo aumentar la visibilidad en los motores de búsqueda con el fragmento enriquecido de FAQ</a></h2>
<div class="wp-block-post-date has-x-small-font-size"><time datetime="2023-08-02T17:09:00+00:00">2 de agosto de 2023</time></div></div>
</li><li class="wp-block-post post-375 post type-post status-publish format-standard has-post-thumbnail hentry category-seo">
<div class="wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-ca62ba71 wp-block-group-is-layout-flex"><div style="font-style:normal;font-weight:500" class="taxonomy-category has-link-color is-style-default wp-elements-db3cb2d8f722107ca7963f58d18208e1 wp-block-post-terms has-x-small-font-size"><a href="https://www.francescopepe.com/es/seo/" rel="tag">SEO</a></div>
<h2 style="font-style:normal;font-weight:600;text-decoration:none; margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;" class="wp-block-post-title has-base-font-size"><a href="https://www.francescopepe.com/es/como-realizar-un-seguimiento-de-los-eventos-en-analytics/" target="_self" >Cómo realizar el seguimiento de eventos en Google Analytics</a></h2>
<div class="wp-block-post-date has-x-small-font-size"><time datetime="2019-08-05T15:32:46+00:00">5 de agosto de 2019</time></div></div>
</li></ul></div>
</div>
<footer class="site-footer wp-block-template-part">
<footer class="wp-block-group alignfull has-main-color has-base-background-color has-text-color has-background has-link-color wp-elements-da5a7e944c833a7e596099de9e0e4e4a has-global-padding is-layout-constrained wp-container-core-group-is-layout-d3460c8d wp-block-group-is-layout-constrained" style="border-top-color:var(--wp--preset--color--border-light);border-top-width:1px;margin-top:0px;padding-top:var(--wp--preset--spacing--xx-large);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--xx-large);padding-left:var(--wp--preset--spacing--medium)">
<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-010e51cd wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><p class="has-link-color wp-elements-f89e54a87e09ad25ba6ef7404bf88732 wp-block-site-title has-text-color has-main-color">Francesco Pepe</p>
<p class="has-small-font-size">Crea fácilmente sitios web atractivos y totalmente personalizables con el nuevo Editor de Sitios de WordPress y el tema en bloque Ollie. Sin necesidad de conocimientos de programación. Descárgalo gratis hoy mismo.</p>
<ul class="wp-block-social-links has-icon-color has-icon-background-color is-style-default is-content-justification-left is-layout-flex wp-container-core-social-links-is-layout-d893daad wp-block-social-links-is-layout-flex"><li style="color: #fff; background-color: #14111f; " class="wp-social-link wp-social-link-twitter has-base-color has-main-background-color wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Twitter</span></a></li>
<li style="color: #fff; background-color: #14111f; " class="wp-social-link wp-social-link-instagram has-base-color has-main-background-color wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Instagram</span></a></li>
<li style="color: #fff; background-color: #14111f; " class="wp-social-link wp-social-link-linkedin has-base-color has-main-background-color wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path></svg><span class="wp-block-social-link-label screen-reader-text">LinkedIn</span></a></li>
<li style="color: #fff; background-color: #14111f; " class="wp-social-link wp-social-link-facebook has-base-color has-main-background-color wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li></ul>
</div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p style="font-style:normal;font-weight:600">Empresa</p>
<div class="wp-block-group has-small-font-size has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained">
<p>Acerca de</p>
<p>Carreras profesionales</p>
<p>Activos de marca</p>
<p>Póngase en contacto con</p>
</div>
</div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p style="font-style:normal;font-weight:600">Recursos</p>
<div class="wp-block-group has-small-font-size has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained">
<p>Blog</p>
<p>Póngase en contacto con</p>
<p>Documentos de apoyo</p>
<p>Obtener ayuda</p>
</div>
</div>
<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
<p style="font-style:normal;font-weight:600">Producto</p>
<div class="wp-block-group has-small-font-size has-global-padding is-layout-constrained wp-container-core-group-is-layout-f5f3bcb8 wp-block-group-is-layout-constrained">
<p>Características</p>
<p>Precios</p>
<p>Casos prácticos</p>
<p>Demo</p>
</div>
</div>
</div>
</div>
</div>
<div class="wp-block-group alignwide has-secondary-color has-text-color has-link-color wp-elements-5e0e5debb1bea18d0a002bf19dd12e0c is-layout-flow wp-block-group-is-layout-flow" style="padding-top:40px">
<div class="wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-289c189c wp-block-group-is-layout-flex">
<p class="has-small-font-size">© 2025<strong>-</strong> Desarrollado por WordPress y <a href="https://olliewp.com">Ollie</a></p>
<div class="wp-block-group has-small-font-size is-nowrap is-layout-flex wp-container-core-group-is-layout-1b11d160 wp-block-group-is-layout-flex">
<p>Descargar</p>
<p>Visita Ollie</p>
<p>Visita Mike</p>
</div>
</div>
</div>
</footer>
</footer>
</div>
<template id="tp-language" data-tp-language="es_ES"></template><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/es\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/ollie\/*","\/es\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<div id="trp-floater-ls" onclick="" data-no-translation class="trp-language-switcher-container trp-floater-ls-names trp-bottom-right trp-color-dark flags-full-names" >
<div id="trp-floater-ls-current-language" class="trp-with-flags">
<a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()">
<img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/es_ES.png" width="18" height="12" alt="es_ES" title="Spanish">Spanish </a>
</div>
<div id="trp-floater-ls-language-list" class="trp-with-flags" >
<div class="trp-language-wrap trp-language-wrap-bottom"> <a href="https://www.francescopepe.com/guida-html/"
title="Italian">
<img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/it_IT.png" width="18" height="12" alt="it_IT" title="Italian">Italian </a>
<a href="https://www.francescopepe.com/en/html-guide/"
title="English">
<img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US" title="English">English </a>
<a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()"><img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/es_ES.png" width="18" height="12" alt="es_ES" title="Spanish">Spanish</a></div> </div>
</div>
<!-- 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-no" 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"><a href="https://www.francescopepe.com/es/" class="custom-logo-link" rel="home"><img width="1250" height="1250" src="https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo.png" class="custom-logo" alt="Francesco Pepe" decoding="async" srcset="https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo.png 1250w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-300x300.png 300w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-1024x1024.png 1024w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-150x150.png 150w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-768x768.png 768w" sizes="(max-width: 1250px) 100vw, 1250px" /></a></div>
<div class="cmplz-title" id="cmplz-header-1-optin">Gestionar el consentimiento</div>
<div class="cmplz-close" tabindex="0" role="button" aria-label="Cerrar ventana" data-no-translation-aria-label="">
<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 proporcionar la mejor experiencia, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento a estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o los identificadores únicos en este sitio. No consentir o retirar el consentimiento puede afectar negativamente a determinadas 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 fin legítimo de permitir el uso de un servicio específico solicitado explícitamente por el abonado o usuario, o con el único fin 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 el fin legítimo 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">Archivo técnico o acceso que se utiliza exclusivamente con fines estadísticos.</span>
<span class="cmplz-description-statistics-anonymous">El almacenamiento o acceso técnico se utiliza únicamente con fines estadísticos anónimos. Sin una citación judicial, el cumplimiento voluntario por parte de su proveedor de servicios de Internet o registros adicionales de terceros, la información almacenada o recuperada únicamente con este fin no puede utilizarse normalmente con fines de identificación.</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 con el fin de enviar publicidad, o para realizar un seguimiento del usuario en uno o varios sitios 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" data-no-translation="" data-trp-gettext="">Administrar opciones</a>
<a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview" data-no-translation="" data-trp-gettext="">Gestionar los servicios</a>
<a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper" data-no-translation="" data-trp-gettext="">Gestionar {cuenta_vendedores} 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/" data-no-translation="" data-trp-gettext="">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">Acepte</button>
<button class="cmplz-btn cmplz-deny">Nega</button>
<button class="cmplz-btn cmplz-view-preferences">Mostrar 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">Mostrar preferencias</a>
</div>
<div class="cmplz-links cmplz-documents">
<a class="cmplz-link cookie-statement" href="#" data-relative_url="">{título}</a>
<a class="cmplz-link privacy-statement" href="#" data-relative_url="">{título}</a>
<a class="cmplz-link impressum" href="#" data-relative_url="">{título}</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 el consentimiento</button>
</div><script type="application/json" id="wp-script-module-data-@wordpress/interactivity">
{"config":{"formello":{"ajax_url":"https://www.francescopepe.com/wp-admin/admin-ajax.php","nonce":"8e489b87c7","settings":{"messages":{"form":{"success":"Thanks for submitting this form.","error":"Ops. An error occurred."},"missingValue":{"default":"Please fill out this field.","checkbox":"This field is required.","radio":"Please select a value.","select":"Please select a value.","select-multiple":"Please select at least one value."},"patternMismatch":{"email":"Please enter a valid email address.","url":"Please enter a URL.","number":"Please enter a number","color":"Please match the following format: #rrggbb","date":"Please use the YYYY-MM-DD format","time":"Please use the 24-hour time format. Ex. 23:00","month":"Please use the YYYY-MM format","default":"Please match the requested format."},"outOfRange":{"over":"Please select a value that is no more than {max}.","under":"Please select a value that is no less than {min}."},"wrongLength":{"over":"Please shorten this text to no more than {maxLength} characters. You are currently using {length} characters.","under":"Please lengthen this text to {minLength} characters or more. You are currently using {length} characters."}},"reCaptcha":{"version":"1","site_key":"","threshold":"0.5"},"hCaptcha":{"version":"3","site_key":"","threshold":"0.5"}}},"popper":{"ajax_url":"https://www.francescopepe.com/wp-admin/admin-ajax.php","nonce":"7ae3067c25","mediaUrl":""}},"state":{"formello":{"captcha":{"enabled":false,"type":"reCaptcha","version":"1"},"errors":[],"debug":false}}}
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js?ver=1.0.0" id="prism-js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/components/prism-markup.min.js?ver=1.0.0" id="prism-lang-js"></script>
<script src="https://www.francescopepe.com/wp-includes/js/comment-reply.min.js?ver=6.8.2" id="comment-reply-js" async data-wp-strategy="async"></script>
<script id="trp-dynamic-translator-js-extra">
var trp_data = {"trp_custom_ajax_url":"https:\/\/www.francescopepe.com\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php","trp_wp_ajax_url":"https:\/\/www.francescopepe.com\/wp-admin\/admin-ajax.php","trp_language_to_query":"es_ES","trp_original_language":"it_IT","trp_current_language":"es_ES","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"video_src":{"selector":"video[src]","accessor":"src","attribute":true},"video_poster":{"selector":"video[poster]","accessor":"poster","attribute":true},"video_source_src":{"selector":"video source[src]","accessor":"src","attribute":true},"audio_src":{"selector":"audio[src]","accessor":"src","attribute":true},"audio_source_src":{"selector":"audio source[src]","accessor":"src","attribute":true},"picture_image_src":{"selector":"picture image[src]","accessor":"src","attribute":true},"picture_source_srcset":{"selector":"picture source[srcset]","accessor":"srcset","attribute":true},"image_alt":{"selector":"img[alt]","accessor":"alt","attribute":true},"meta_desc":{"selector":"meta[name=\"description\"],meta[property=\"og:title\"],meta[property=\"og:description\"],meta[property=\"og:site_name\"],meta[property=\"og:image:alt\"],meta[name=\"twitter:title\"],meta[name=\"twitter:description\"],meta[name=\"twitter:image:alt\"],meta[name=\"DC.Title\"],meta[name=\"DC.Description\"],meta[property=\"article:section\"],meta[property=\"article:tag\"]","accessor":"content","attribute":true},"page_title":{"selector":"title","accessor":"innertext","attribute":false},"meta_desc_img":{"selector":"meta[property=\"og:image\"],meta[property=\"og:image:secure_url\"],meta[name=\"twitter:image\"]","accessor":"content","attribute":true}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","poster","srcset","alt","content"],"gettranslationsnonceregular":"2637a90708","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]",".wp-block-code"]};
</script>
<script src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/js/trp-translate-dom-changes.js?ver=2.9.19" id="trp-dynamic-translator-js"></script>
<script id="wp-block-template-skip-link-js-after">
( function() {
var skipLinkTarget = document.querySelector( 'main' ),
sibling,
skipLinkTargetID,
skipLink;
// Early exit if a skip-link target can't be located.
if ( ! skipLinkTarget ) {
return;
}
/*
* Get the site wrapper.
* The skip-link will be injected in the beginning of it.
*/
sibling = document.querySelector( '.wp-site-blocks' );
// Early exit if the root element was not found.
if ( ! sibling ) {
return;
}
// Get the skip-link target's ID, and generate one if it doesn't exist.
skipLinkTargetID = skipLinkTarget.id;
if ( ! skipLinkTargetID ) {
skipLinkTargetID = 'wp--skip-link--target';
skipLinkTarget.id = skipLinkTargetID;
}
// Create the skip link.
skipLink = document.createElement( 'a' );
skipLink.classList.add( 'skip-link', 'screen-reader-text' );
skipLink.id = 'wp-skip-link';
skipLink.href = '#' + skipLinkTargetID;
skipLink.innerText = 'Saltar al contenido';
// Inject the skip link.
sibling.parentElement.insertBefore( skipLink, sibling );
}() );
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/plugins/line-numbers/prism-line-numbers.min.js?ver=1.0.0" id="prism-line-numbers-js"></script>
<script src="https://www.francescopepe.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-8917f4bdb6ac659920cf.js" id="googlesitekit-consent-mode-js"></script>
<script id="wp-consent-api-js-extra">
var consent_api = {"consent_type":"optin","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent"};
</script>
<script src="https://www.francescopepe.com/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js?ver=1.0.8" id="wp-consent-api-js"></script>
<script id="cmplz-cookiebanner-js-extra">
var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"21","version":"7.4.1","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:\/\/www.francescopepe.com\/es\/wp-json\/complianz\/v1\/","locale":"lang=es&locale=es_ES","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"30","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:\/\/www.francescopepe.com\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=21","page_links":{"eu":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/www.francescopepe.com\/es\/politica-de-cookies-de-la-ue\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/www.francescopepe.com\/es\/politica-de-privacidad\/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Haz clic para aceptar cookies de marketing y permitir este contenido"};
</script>
<script defer src="https://www.francescopepe.com/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=1751942610" id="cmplz-cookiebanner-js"></script>
</body>
</html>
