Si desea convertirse en un desarrollador front-end, uno de los consejos más comunes que recibirá es aprender HTML. El lenguaje de marcado de hipertexto, abreviado como HTML, es la base de la mayoría de las páginas web.
HTML está hecho de diferentes cosas, como etiquetas, atributos y elementos. Nuestro enfoque serán las etiquetas HTML. Usamos etiquetas HTML para decirles a los navegadores cómo estructurar el contenido en encabezados, títulos, párrafos, imágenes y mucho más. Las etiquetas HTML son, por lo tanto, como palabras clave que definen cómo el navegador mostrará o formateará el contenido.
Los servidores leen las etiquetas HTML de arriba a abajo. No hay restricción en la cantidad de etiquetas HTML que debe tener una página web.
Todas las etiquetas HTML están encerradas entre <>
Cada etiqueta HTML realiza una función diferente
La mayoría de las etiquetas HTML tienen de apertura y de cierre
Tabla de contenido
Toggle ,
,
,
y
.
H1 es la etiqueta de encabezado más grande, mientras que H6 es la más pequeña.
En un documento HTML, las etiquetas de encabezado se pueden representar de la siguiente manera:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
Las etiquetas
a
están encerradas dentro de la etiqueta .
Por ejemplo, una etiqueta , se incluirá como;
<body>
<h1> This is heading 1 >/h1>
</body>
La etiqueta
o simplemente la etiqueta de párrafo se utiliza cuando desea estructurar el contenido en un párrafo. Presionar el botón ‘ingresar’ en un documento HTML en su editor de código no creará un nuevo párrafo.
Si desea más de un párrafo, debe usar varias etiquetas
en su documento. Las etiquetas de párrafo deben encerrarse dentro de la etiqueta .
La sintaxis de una etiqueta de párrafo es;
<p> ….some content here….</p>
Si desea tener cuatro párrafos, su código se estructurará como;
<body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body>
La etiqueta o simplemente negrita formateará cualquier contenido entre la apertura y el cierre como negrita.
La etiqueta en negrita puede estar entre un encabezado como H1 o incluso dentro de una etiqueta de párrafo.
Estos son ejemplos de una etiqueta en negrita;
<b> Bold Tag </b>
La frase ‘Etiqueta en negrita’ aparecerá en negrita.
<h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1>
La quinta edición estará en negrita.
La etiqueta en cursiva, denotada por , pone en cursiva el texto dentro de las etiquetas.
Por ejemplo, si tenemos
<i> These are italics </i>
Las palabras ‘estas son cursivas’ aparecerán en cursiva.
La etiqueta de subrayado, o , se utiliza cuando desea subrayar una determinada parte del texto en un documento HTML.
Por ejemplo, si tenemos;
<u> underline these words </u>
La frase entre las etiquetas estará subrayada.
La etiqueta Centro, , se utiliza para centrar contenido en un documento HTML.
Por ejemplo, si tenemos una etiqueta h2 escrita como
Centrar contenido en HTML
La mayoría de la gente usa los términos etiquetas y elementos HTML indistintamente. ¿Pero son lo mismo? Técnicamente, los elementos HTML y las etiquetas HTML son diferentes.
Las etiquetas HTML definen elementos HTML. Para lograr esto, el contenido se envuelve usando un nombre de etiqueta de apertura y cierre que coincida con el contenido de la etiqueta con la que estamos trabajando.
Este es un ejemplo de un elemento HTML:
<p> This is a paragraph </p>
es un ejemplo de una etiqueta HTML
Los atributos HTML brindan información adicional sobre los elementos HTML en un documento. Los atributos se encuentran dentro de los elementos HTML.
Este es un ejemplo de un atributo HTML
<button id=" SubmitOrder" class="btn">Order</button>
HTML como lenguaje de marcas ha evolucionado a lo largo de los años desde que Tim Berners-Lee lo introdujo en 1993. La primera versión de HTML tenía 18 etiquetas. Se agregan nuevas etiquetas con cada versión de HTML; la actualización más reciente fue HTML5 en 2014.
Una comparación cercana de HTML y HTML5 muestra que este último tiene etiquetas semánticas como
,
y
que describen claramente el contenido. Ahora tenemos más de 100 etiquetas HTML. Las siguientes son algunas de las etiquetas más populares que debe conocer:
El DOCTYPE no es técnicamente una etiqueta, sino una declaración que le dice al navegador qué tipo de archivo se cargará. Esta etiqueta le dice al navegador el tipo de HTML que se cargará.
En HTML5, puede declarar su archivo como
<!DOCTYPE html>
O
<!doctype html>
Nota: La declaración no tiene una etiqueta de cierre y no distingue entre mayúsculas y minúsculas.
La etiqueta ….. viene después de la etiqueta DOCTYPE. Esta etiqueta define el documento como una página web; todos los demás elementos estarán anidados dentro. La etiqueta HTML especifica el principio y el final de un documento HTML.
Una etiqueta se representa como;
<html>Content</html>
La sección de encabezado de un documento HTML está representada por una etiqueta
. Esta etiqueta se incluye dentro de la etiqueta y brinda información general sobre la página web.
La etiqueta
contiene otras etiquetas que brindan información específica de la página web, como el título y el autor de la página. El contenido de esta etiqueta no se muestra en la página web.
Esta es la sintaxis de una etiqueta
;
<head> …….. </head>
La etiqueta
declara el título de la página web. Esta etiqueta se incluye dentro de la etiqueta <head>. La etiqueta <title> aparecerá en la barra de título o en la pestaña de la ventana del navegador, pero no en la página web real. </p>
<p>La sintaxis de la etiqueta <título> es; </p>
<pre class="wp-block-prismatic-blocks"><title>HTML Tags for Beginners</title></pre>
<p>Cuando esté dentro de una etiqueta <head>, aparecerá como;</p>
<pre class="wp-block-prismatic-blocks"><head>
<title>HTML Tags for Beginners</title>
</head></pre>
<h3 id="h-body-body"><cuerpo> </cuerpo></h3>
<p>La etiqueta <body> muestra todo el contenido visible en una página web. Se pueden encontrar imágenes, enlaces, texto sin formato, videos y más dentro de las etiquetas <body> y </body>. </p>
<p>Algunas de las otras etiquetas que encontrará dentro del cuerpo incluyen la etiqueta </p>
<p> para el párrafo, la etiqueta <a> para las imágenes, la etiqueta <strong> para el texto en negrita y la etiqueta </p>
<ol> para una lista ordenada, por mencionar algunas. </p>
<p>La sintaxis de la etiqueta <body> es;</p>
<pre class="wp-block-prismatic-blocks"><body> Content </body></pre>
<h3 id="h-h1-to-h6-tags"><span class="ez-toc-section" id="Etiquetas_a"></span>Etiquetas </p>
<h1> a </p>
<h6><span class="ez-toc-section-end"></span></h3>
<p>Puede haber hasta 6 etiquetas de encabezado en un documento HTML. Cada una de las etiquetas está representada por un número del 1 al 6 como </p>
<h1>, </p>
<h2>, </p>
<h3>, </p>
<h4>, </p>
<h5> y </p>
<h6>. </p>
<p>H1 es la etiqueta de encabezado más grande, mientras que H6 es la más pequeña. </p>
<p>En un documento HTML, las etiquetas de encabezado se pueden representar de la siguiente manera:</p>
<pre class="wp-block-prismatic-blocks"><h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6></pre>
<p>Las etiquetas </p>
<h1> a </p>
<h6> están encerradas dentro de la etiqueta <body>.</p>
<p>Por ejemplo, una etiqueta ,<H1> se incluirá como;</p>
<pre class="wp-block-prismatic-blocks"><body>
<h1> This is heading 1 >/h1>
</body></pre>
<h3 id="h-p-p">
</h3>
<p>La etiqueta </p>
<p> o simplemente la etiqueta de párrafo se utiliza cuando desea estructurar el contenido en un párrafo. Presionar el botón ‘ingresar’ en un documento HTML en su editor de código no creará un nuevo párrafo. </p>
<p>Si desea más de un párrafo, debe usar varias etiquetas </p>
<p> en su documento. Las etiquetas de párrafo deben encerrarse dentro de la etiqueta <body>.</p>
<p>La sintaxis de una etiqueta de párrafo es; </p>
<pre class="wp-block-prismatic-blocks"><p> ….some content here….</p></pre>
<p>Si desea tener cuatro párrafos, su código se estructurará como; </p>
<pre class="wp-block-prismatic-blocks"><body>
<p>Content for first paragraph.</p>
<p>Content for the second paragraph.</p>
<p>Content for the fourth paragraph.</p>
</body></pre>
<h3 id="h-b-b"><b> </b></h3>
<p>La etiqueta <b> </b> o simplemente negrita formateará cualquier contenido entre la apertura <b> y el cierre </b> como negrita.</p>
<p>La etiqueta en negrita puede estar entre un encabezado como H1 o incluso dentro de una etiqueta de párrafo. </p>
<p>Estos son ejemplos de una etiqueta en negrita;</p>
<pre class="wp-block-prismatic-blocks"><b> Bold Tag </b></pre>
<p>La frase ‘Etiqueta en negrita’ aparecerá en negrita. </p>
<pre class="wp-block-prismatic-blocks"><h1> Keeping it cool, <b> Fifth edition </b>, the winners edition </h1> </pre>
<p>La quinta edición estará en negrita.</p>
<h3 id="h-i-i"><i> </i></h3>
<p>La etiqueta en cursiva, denotada por <i>, pone en cursiva el texto dentro de las etiquetas. </p>
<p>Por ejemplo, si tenemos </p>
<pre class="wp-block-prismatic-blocks"><i> These are italics </i></pre>
<p>Las palabras ‘estas son cursivas’ aparecerán en cursiva. </p>
<h3 id="h-u-u"><u> </u></h3>
<p>La etiqueta de subrayado, o <u>, se utiliza cuando desea subrayar una determinada parte del texto en un documento HTML. </p>
<p>Por ejemplo, si tenemos;</p>
<pre class="wp-block-prismatic-blocks"><u> underline these words </u></pre>
<p>La frase entre las etiquetas estará subrayada. </p>
<h3 id="h-center-center"><centro> </centro></h3>
<p>La etiqueta Centro, <center>, se utiliza para centrar contenido en un documento HTML. </p>
<p>Por ejemplo, si tenemos una etiqueta h2 escrita como </p>
<h2> Centrar contenido en HTML </h2>
<p>, podemos centrarla de la siguiente manera;</p>
<pre class="wp-block-prismatic-blocks"><center>
<h2> Centering Content in HTML </h2>
</center></pre>
<h3 id="h-span-span"><span></span></h3>
<p>La etiqueta Span, <span>, es un contenedor en línea genérico que no viene con un estilo predeterminado. Puede usar la etiqueta span para agrupar textos que desea diseñar. </p>
<p>Puede expandir la etiqueta dentro de otras etiquetas, como encabezados y párrafos;</p>
<pre class="wp-block-prismatic-blocks"><h2> Learn HTML <span> from experts </span> and be ready for the market </h2>
</pre>
<pre class="wp-block-prismatic-blocks"><p> Learn HTML <span> from experts </span> and be ready for the market </p></pre>
<h3 id="h-div-div">
<div></div>
</h3>
<p>Una etiqueta de división, abreviada como div, es una etiqueta que le permite agrupar diferentes etiquetas en un documento HTML. </p>
<p>A una etiqueta div se le puede dar una ‘clase’ para agregar un estilo externo usando CSS. </p>
<p>Así es como se representará un div que encierra una h1, h2 y una etiqueta de párrafo. </p>
<pre class="wp-block-prismatic-blocks"><div >
<h1> Learn HTML </h1>
<h2> HTML Tags </h2>
<p> HTML is a markup language……… </p>
</div></pre>
<h3 id="h-em-em"><em></em></h3>
<p>La etiqueta de énfasis, o <em>, se usa para enfatizar ciertas palabras en un documento HTML. </p>
<p>El contenido entre las etiquetas <em> aparecerá inclinado o en cursiva. </p>
<p>El contenido enfatizado dentro de un párrafo puede aparecer en un editor de código como;</p>
<pre class="wp-block-prismatic-blocks"><p> The meeting will start at <em> 0800 hrs </em>, please keep time </p></pre>
<h3 id="h-sup-sup"><sup></sup></h3>
<p>La etiqueta <sup> o superíndice permite que el texto adjunto esté por encima del resto. Un ejemplo perfecto es cuando quieres elevar al cuadrado un número X y representarlo matemáticamente para darte X2</p>
<p>La sintaxis para <sup> dentro de una etiqueta de párrafo será;</p>
<pre class="wp-block-prismatic-blocks"><H1> Harveys <sup>TM </sup> Company Limited </H1></pre>
<h3 id="h-sub-sub"><sub></sub></h3>
<p>La etiqueta de subíndice o <sub> es lo opuesto a la etiqueta de superíndice. El contenido encerrado en la etiqueta <sub> aparecerá debajo de la línea normal de texto. Un ejemplo perfecto es cuando se escribe la fórmula química del agua como H20. </p>
<p>La sintaxis de la etiqueta de subíndice será;</p>
<pre class="wp-block-prismatic-blocks">Remember that H <sub> 2 </sub> 0 is the chemical formula for water</pre>
<h3 id="h-br"></h3>
<p> es una etiqueta de cierre automático que representa un descanso. Todo el contenido después de <br /> comenzará en una nueva línea. </p>
<p>La sintaxis de <br /> dentro de un párrafo será;</p>
<pre class="wp-block-prismatic-blocks"><p> HTML is the abbreviation of Hypertext Markup Language <br>
There has been an ongoing debate as to whether it is a programming language or not <br>
However, we cannot downplay its importance <br>
HTML has been used in more than 95% of websites today </p></pre>
<h3 id="h-ol-ol-and-li-li"><span class="ez-toc-section" id="y"></span>
<ol></ol>
<p> y </p>
<li> </li>
<span class="ez-toc-section-end"></span></h3>
<p>La etiqueta de lista ordenada o </p>
<ol> debe usarse con otra etiqueta como </p>
<li>. </p>
<p>Los dos pueden aparecer en un editor de código como;</p>
<pre class="wp-block-prismatic-blocks"><ol>
<li> Asia </li>
<li> Africa </li>
<li> Europe </li>
</ol></pre>
<p>Cuando se representan en el navegador, los contenidos aparecerán numerados. </p>
<h3 id="h-img-src"><img origen=””/></h3>
<p>Es posible que desee agregar una imagen para el atractivo visual o incluso un logotipo. La etiqueta de imagen de cierre automático, <img src=””/>, es útil en tal caso. </p>
<p>La sintaxis de la etiqueta de la imagen será;</p>
<pre class="wp-block-prismatic-blocks"><img src=“https://cdn.pixabay.com/photo/2015/08/19/15/44/seo-896175_960_720.png”/></pre>
<p>El contenido entre comillas representa la URL de origen. </p>
<h3 id="h-wrapping-up"><span class="ez-toc-section" id="Terminando"></span>Terminando <span class="ez-toc-section-end"></span></h3>
<p>Existen más de 100 etiquetas HTML, pero las anteriores son las que debe conocer como principiante. HTML es compatible con la mayoría de los editores de código y, por lo tanto, tiene la seguridad de que nunca se equivocará cuando comience a aprender. </p>
</p></div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- góra strony elastyczna -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8477418410368926"
data-ad-slot="2282450815"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><div class='yarpp yarpp-related yarpp-related-website yarpp-related-none yarpp-template-list'>
<p>No related posts.</p>
</div>
</div>
<footer class="entry-meta" aria-label="Meta de entradas">
<span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Categorías </span>Sin categoría</span> <nav id="nav-below" class="post-navigation" aria-label="Entradas">
<div class="nav-previous"><span class="gp-icon icon-arrow-left"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 138.212c0 2.265-1.133 4.813-2.832 6.512L64.276 256.001l111.317 111.277c1.7 1.7 2.832 4.247 2.832 6.513 0 2.265-1.133 4.813-2.832 6.512L161.43 394.46c-1.7 1.7-4.249 2.832-6.514 2.832-2.266 0-4.816-1.133-6.515-2.832L16.407 262.514c-1.699-1.7-2.832-4.248-2.832-6.513 0-2.265 1.133-4.813 2.832-6.512l131.994-131.947c1.7-1.699 4.249-2.831 6.515-2.831 2.265 0 4.815 1.132 6.514 2.831l14.163 14.157c1.7 1.7 2.832 3.965 2.832 6.513z" fill-rule="nonzero" /></svg></span><span class="prev"><a href="https://kirukiru.es/como-medir-cualquier-cosa-con-un-papel-a4-y-su-telefono-android/" rel="prev">Cómo medir cualquier cosa con un papel A4 y su teléfono Android</a></span></div><div class="nav-next"><span class="gp-icon icon-arrow-right"><svg viewBox="0 0 192 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M178.425 256.001c0 2.266-1.133 4.815-2.832 6.515L43.599 394.509c-1.7 1.7-4.248 2.833-6.514 2.833s-4.816-1.133-6.515-2.833l-14.163-14.162c-1.699-1.7-2.832-3.966-2.832-6.515 0-2.266 1.133-4.815 2.832-6.515l111.317-111.316L16.407 144.685c-1.699-1.7-2.832-4.249-2.832-6.515s1.133-4.815 2.832-6.515l14.163-14.162c1.7-1.7 4.249-2.833 6.515-2.833s4.815 1.133 6.514 2.833l131.994 131.993c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span><span class="next"><a href="https://kirukiru.es/como-desinstalar-facilmente-programas-en-ubuntu-con-quninstaller/" rel="next">Cómo desinstalar fácilmente programas en Ubuntu con qUninstaller</a></span></div> </nav>
</footer>
</div>
</article>
</main>
</div>
<div class="widget-area sidebar is-right-sidebar" id="right-sidebar">
<div class="inside-right-sidebar">
<aside id="custom_html-2" class="widget_text widget inner-padding widget_custom_html"><div class="textwidget custom-html-widget"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8477418410368926"
crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8477418410368926"
data-ad-slot="2282450815"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div></aside><aside id="search-2" class="widget inner-padding widget_search"><form method="get" class="search-form" action="https://kirukiru.es/">
<label>
<span class="screen-reader-text">Buscar:</span>
<input type="search" class="search-field" placeholder="Buscar..." value="" name="s" title="Buscar:">
</label>
<button class="search-submit" aria-label="Buscar"><span class="gp-icon icon-search"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path fill-rule="evenodd" clip-rule="evenodd" d="M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z" /></svg></span></button></form>
</aside>
<aside id="recent-posts-2" class="widget inner-padding widget_recent_entries">
<h2 class="widget-title">nuevos articulos</h2>
<ul>
<li>
<a href="https://kirukiru.es/patron-de-diseno-de-estado-en-java/">Patrón de diseño de estado en Java</a>
</li>
<li>
<a href="https://kirukiru.es/declaracion-de-ruptura-de-java-etiqueta/">declaración de ruptura de Java, etiqueta</a>
</li>
<li>
<a href="https://kirukiru.es/como-instalar-y-configurar-vnc-en-debian-10/">Cómo instalar y configurar VNC en Debian 10</a>
</li>
<li>
<a href="https://kirukiru.es/modulo-de-escritura-de-python-use-los-verificadores-de-tipo-de-manera-efectiva/">Módulo de escritura de Python: use los verificadores de tipo de manera efectiva</a>
</li>
<li>
<a href="https://kirukiru.es/como-acelerar-el-manejo-de-sesiones-de-aplicaciones-python-mysql-con-redis-en-ubuntu-22-04/">Cómo acelerar el manejo de sesiones de aplicaciones Python/MySQL con Redis en Ubuntu 22.04</a>
</li>
<li>
<a href="https://kirukiru.es/como-funciona-el-cortafuegos-iptables/">Cómo funciona el cortafuegos Iptables</a>
</li>
<li>
<a href="https://kirukiru.es/spring-boot-no-se-puede-determinar-la-clase-del-controlador-de-base-de-datos-integrado-para-el-tipo-de-base-de-datos-none/">Spring Boot: no se puede determinar la clase del controlador de base de datos integrado para el tipo de base de datos NONE</a>
</li>
<li>
<a href="https://kirukiru.es/generador-de-codigos-qr-de-java-ejemplo-zxing/">Generador de códigos QR de Java – ejemplo zxing</a>
</li>
<li>
<a href="https://kirukiru.es/punto-de-control-de-bases-de-datos/">Punto de control de bases de datos</a>
</li>
<li>
<a href="https://kirukiru.es/como-usar-el-paquete-cobra-en-go/">Cómo usar el paquete Cobra en Go</a>
</li>
<li>
<a href="https://kirukiru.es/como-escalar-aplicaciones-node-js-con-clustering/">Cómo escalar aplicaciones Node.js con clustering</a>
</li>
<li>
<a href="https://kirukiru.es/como-monitorear-los-registros-de-autenticacion-del-sistema-en-ubuntu/">Cómo monitorear los registros de autenticación del sistema en Ubuntu</a>
</li>
<li>
<a href="https://kirukiru.es/como-configurar-un-cortafuegos-con-ufw-en-debian-11/">Cómo configurar un cortafuegos con UFW en Debian 11</a>
</li>
<li>
<a href="https://kirukiru.es/como-corregir-errores-comunes-de-letsencrypt/">Cómo corregir errores comunes de LetsEncrypt</a>
</li>
<li>
<a href="https://kirukiru.es/errores-de-redireccion-https-y-certificado-ssl-de-nginx/">Errores de redirección HTTPS y certificado SSL de Nginx</a>
</li>
</ul>
</aside> </div>
</div>
</div>
</div>
<div class="site-footer">
<footer class="site-info" aria-label="Sitio" itemtype="https://schema.org/WPFooter" itemscope>
<div class="inside-site-info grid-container">
<div class="copyright-bar">
<span class="copyright">© 2024 kirukiru.es</span> • Creado con <a href="https://generatepress.com" itemprop="url">GeneratePress</a> </div>
</div>
</footer>
</div>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(70815613, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/70815613" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter --><script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script><link rel='stylesheet' id='yarppRelatedCss-css' href='https://kirukiru.es/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=5.30.10' media='all' />
<!--[if lte IE 11]>
<script src="https://kirukiru.es/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.4.0" id="generate-classlist-js"></script>
<![endif]-->
<script id="generate-menu-js-extra">
var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"Abrir el submen\u00fa","closeSubMenuLabel":"Cerrar el submen\u00fa"};
</script>
<script src="https://kirukiru.es/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.4.0" id="generate-menu-js"></script>
</body>
</html>
<script>(function(){if (!document.body) return;var js = "window['__CF$cv$params']={r:'87d8b3c54f521419',t:'MTcxNDY2MDE1My45ODUwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script>