Elemento textarea en HTML

El elemento html textarea es un elemento de formulario que proporciona un cuadro de texto de varias líneas editable. Un ejemplo de un elemento </code> simple:</p><div class="wp-block-codemirror-blocks-code-block code-block"><pre class="CodeMirror" data-setting='{"mode":"htmlmixed","mime":"text/html","theme":"material","lineNumbers":false,"styleActiveLine":false,"lineWrapping":false,"readOnly":true,"language":"HTML","modeName":"html"}'>< textarea name = "textarea" > escribe texto aquí </ textarea ></pre></div><h2 class="has-text-align-center has-light-green-cyan-background-color has-background" id="etiqueta-html-textarea">Etiqueta html textarea</h2><figure class="wp-block-table"><table><tbody><tr><th class="has-text-align-left" data-align="left" scope="row">Clasificaciones de contenido</th><td>Un elemento organizativo, un elemento normal, un elemento interactivo y un elemento relacionado con la forma.</td></tr><tr><th class="has-text-align-left" data-align="left" scope="row">Contenido permitido</th><td>Texto.</td></tr><tr><th class="has-text-align-left" data-align="left" scope="row">Acrónimo</th><td>Las etiquetas de inicio o finalización no se pueden omitir.</td></tr><tr><th class="has-text-align-left" data-align="left" scope="row">Elementos del padre</th><td>Cualquier elemento que acepte contenido normal.</td></tr><tr><th class="has-text-align-left" data-align="left" scope="row">Interfaz DOMO</th><td><code>HTMLTextAreaElement</code></td></tr></tbody></table></figure><h2 class="has-text-align-center has-light-green-cyan-background-color has-background" id="soporte-de-navegadores">Soporte de navegadores</h2><figure class="wp-block-table"><table><tbody><tr><th class="has-text-align-center" data-align="center">Chrome</th><th class="has-text-align-center" data-align="center">Firefox</th><th class="has-text-align-center" data-align="center">Edge</th><th class="has-text-align-center" data-align="center">Safari</th><th class="has-text-align-center" data-align="center">Ópera</th></tr><tr><td class="has-text-align-center" data-align="center">Soportado</td><td class="has-text-align-center" data-align="center">Soportado</td><td class="has-text-align-center" data-align="center">Soportado</td><td class="has-text-align-center" data-align="center">Soportado</td><td class="has-text-align-center" data-align="center">Soportado</td></tr></tbody></table></figure><p>Una función <code>autocomplete</code> que todavía no es compatible con la mayoría de los navegadores.</p><h2 class="has-text-align-center has-light-green-cyan-background-color has-background" id="caracteristicas">Características</h2><p>En este elemento html textarea se pueden utilizar propiedades globales.</p><h3 id="autocomplete" style="font-size:25px"><strong><em>autocomplete</em></strong></h3><p>Esta propiedad indica si el valor de este elemento se puede completar automáticamente a través del navegador. Los posibles valores de esta propiedad son:</p><ul><li><strong><code>off</code>:</strong> El usuario debe ingresar manualmente valores en este campo cada vez, o la página proporciona un método para autocompletar entradas de forma aislada del navegador, es decir, el navegador no interfiere con el problema de autocompletar.</li><li><strong><code>on</code>:</strong> El navegador puede completar automáticamente los valores ingresados ​​por el usuario en función de los valores ingresados ​​por el usuario en tiempos anteriores.</li></ul><p>Si no se establece ningún valor de propiedad <code>autocomplete</code> en un elemento <code><textarea></code>, entonces el navegador usará la propiedad del <code>autocomplete</code> formulario al que pertenece ese elemento, que es el <code><form></code> elemento padre de ese elemento o el elemento <code><form></code> cuyo valor de propiedad hijo usamos <code>id</code>en una propiedad <code>form</code> de ese elemento.</p><p>Para obtener más información, consulte el párrafo de propiedades <code>autocomplete</code> en la página del elemento <code><form></code>. Cabe señalar que esta función se agregó a HTML5 y no estaba presente antes.</p><h3 id="autofocus" style="font-size:25px"><strong><em>autofocus</em></strong></h3><p>Esta propiedad booleana nos permite especificar que queremos que el foco se mueva a este elemento al cargar la página a menos que el usuario lo cambie (por ejemplo, escribiendo un elemento de entrada diferente).</p><p>Esta propiedad solo se puede usar en un elemento relacionado con el formulario en el documento. Cabe señalar que esta función se agregó a HTML5 y no estaba presente antes.</p><p>Ejemplo de uso de la función <code>autofocus</code>:</p><div class="wp-block-codemirror-blocks-code-block code-block"><pre class="CodeMirror" data-setting='{"mode":"htmlmixed","mime":"text/html","theme":"material","lineNumbers":false,"styleActiveLine":false,"lineWrapping":false,"readOnly":true,"language":"HTML","modeName":"html"}'>< textarea name = "textarea" autofocus > Escriba el texto aquí </ textarea ></pre></div><h3 id="cols" style="font-size:25px"><strong><em>cols</em></strong></h3><p>Especifica el ancho aparente de este elemento en anchos de caracteres. Si se especifica esta propiedad, debe ser un número entero positivo. De lo contrario, su valor predeterminado es <code>20</code>(en HTML5).</p><p>Un ejemplo del uso de las propiedades <code>cols</code> y <code>rows</code> para especificar las dimensiones de un cuadro de texto:</p><div class="wp-block-codemirror-blocks-code-block code-block"><pre class="CodeMirror" data-setting='{"mode":"htmlmixed","mime":"text/html","theme":"material","lineNumbers":false,"styleActiveLine":false,"lineWrapping":false,"readOnly":true,"language":"HTML","modeName":"html"}'>< textarea name = "textarea" rows = "10" cols = "50" > escriba el texto aquí </ textarea ></pre></div><h3 id="disabled" style="font-size:25px"><strong><em>disabled</em></strong></h3><p>Esta propiedad booleana indica que el usuario no puede interactuar con este elemento, y si no se especifica ningún valor para esta propiedad, heredará su valor del elemento que lo contiene como el elemento  <code><fieldset></code>, y si no hay ningún elemento que contenga este elemento que tenga la propiedad  <code>disabled</code>, este elemento se activará.</p><p>Ejemplo de uso de la función <code>disabled</code>:</p><div class="wp-block-codemirror-blocks-code-block code-block"><pre class="CodeMirror" data-setting='{"mode":"htmlmixed","mime":"text/html","theme":"material","lineNumbers":false,"styleActiveLine":false,"lineWrapping":false,"readOnly":true,"language":"HTML","modeName":"html"}'>< textarea name = "textarea" disabled > No puedes escribir aquí </ textarea ></pre></div><h3 id="form" style="font-size:25px"><strong><em>form</em></strong></h3><p>Esta propiedad determina a qué forma pertenece el elemento <code><textarea></code> y el valor de esta propiedad debe ser un identificador de <code>id</code> elemento <code><form></code> en el propio documento.</p><p>Esta propiedad le permite vincular elementos <code><textarea></code> a elementos <code><form></code> en cualquier parte del documento, pero un elemento <code><textarea></code> dentro de un <code><form></code> elemento no se puede vincular a <code><form></code> otro elemento  .</p><p>Cabe señalar que esta función se agregó a HTML5 y no estaba presente antes. Ejemplo de uso de la propiedad <code>form</code> para asociar un cuadro de texto con un formulario que no tiene padre:</p><div class="wp-block-codemirror-blocks-code-block code-block"><pre class="CodeMirror" data-setting='{"mode":"htmlmixed","mime":"text/html","theme":"material","lineNumbers":false,"styleActiveLine":false,"lineWrapping":false,"readOnly":true,"language":"HTML","modeName":"html"}'>< form action = "action_page.php" id = "from1" > name: < input type = "text" name = "username" > < input type = "submit" > </ form > < textarea name = "textarea" form = "from1" > escribe texto aquí </ textarea ></pre></div><h3 id="maxlength" style="font-size:25px"><strong><em>maxlength</em></strong></h3><p>El número máximo de caracteres que el usuario puede ingresar, y si no se especifica ningún valor para esta propiedad, el usuario podrá ingresar un número ilimitado de caracteres.</p><p>Cabe señalar que esta función se agregó a HTML5 y no estaba presente antes. Ejemplo de uso de la propiedad <code>maxlength</code> para limitar el número máximo de caracteres que puede ingresar un usuario:</p><div class="wp-block-codemirror-blocks-code-block code-block"><pre class="CodeMirror" data-setting='{"mode":"htmlmixed","mime":"text/html","theme":"material","lineNumbers":false,"styleActiveLine":false,"lineWrapping":false,"readOnly":true,"language":"HTML","modeName":"html"}'>< textarea name = "textarea" maxlength = "50" > escribe el texto aquí </ textarea ></pre></div><h3 id="minlength" style="font-size:25px"><strong><em>minlength</em></strong></h3><p>El número mínimo de caracteres que debe ingresar el usuario. Cabe señalar que esta función se agregó a HTML5 y no estaba presente antes.</p><p>Ejemplo de uso de la propiedad <code>minlength</code> para especificar el número mínimo de caracteres que el usuario debe ingresar, y el navegador no aceptará el envío del formulario si el número de caracteres es menor que este valor. Observe cómo usamos la propiedad <code>form</code> para referirnos a un modelo que no es padre del elemento <code><textarea></code>:</p><div class="wp-block-codemirror-blocks-code-block code-block"><pre class="CodeMirror" data-setting='{"mode":"htmlmixed","mime":"text/html","theme":"material","lineNumbers":false,"styleActiveLine":false,"lineWrapping":false,"readOnly":true,"language":"HTML","modeName":"html"}'>< form action = "action_page.php" id = "from1" > name: < input type = "text" name = "username" > < input type = "submit" > </ form > < textarea name = "textarea" form = " from1 " minlength = "10" > escriba el texto aquí </ textarea ></pre></div><h3 id="name" style="font-size:25px"><strong><em>name</em></strong></h3><p>Esta propiedad se utiliza para especificar el nombre de este elemento (con el que se asociará cuando se envíe el formulario).</p><h3 id="placeholder" style="font-size:25px"><strong><em>placeholder</em></strong></h3><p>Sugerencia para el usuario Para saber qué escribir en este elemento, tenga en cuenta que las líneas nuevas en el texto de la sugerencia se mostrarán en el elemento tal como están. Cabe señalar que esta función se agregó a HTML5 y no estaba presente antes.</p><p>Ejemplo del elemento <code><textarea></code> con la propiedad <code>placeholder</code>:</p><div class="wp-block-codemirror-blocks-code-block code-block"><pre class="CodeMirror" data-setting='{"mode":"htmlmixed","mime":"text/html","theme":"material","lineNumbers":false,"styleActiveLine":false,"lineWrapping":false,"readOnly":true,"language":"HTML","modeName":"html"}'>< textarea name = "textarea" placeholder = "content hint " rows = "10" cols = "50" > </ textarea ></pre></div><h3 id="readonly" style="font-size:25px"><strong><em>readonly</em></strong></h3><p>Esta propiedad booleana indica que el usuario no puede modificar el valor de este elemento, pero a diferencia de la propiedad, la propiedad <code>disabled</code> no impedirá que el <code>readonly</code> usuario seleccione texto o haga clic en el elemento, y el valor del elemento se enviará junto con los datos del formulario al servidor.</p><p>Ejemplo de uso de la función <code>readonly</code>:</p><div class="wp-block-codemirror-blocks-code-block code-block"><pre class="CodeMirror" data-setting='{"mode":"htmlmixed","mime":"text/html","theme":"material","lineNumbers":false,"styleActiveLine":false,"lineWrapping":false,"readOnly":true,"language":"HTML","modeName":"html"}'>< textarea name = "textarea" readonly > Solo se puede seleccionar texto </ textarea ></pre></div><h3 id="required" style="font-size:25px"><strong><em>required</em></strong></h3><p>Una propiedad booleana que indica que este elemento es obligatorio y se debe especificar al menos una de sus opciones. Cabe señalar que esta función se agregó a HTML5 y no estaba presente antes.</p><h3 id="rows" style="font-size:25px"><strong><em>rows</em></strong></h3><p>El número de líneas que se muestran en el elemento.</p><h3 id="spellcheck" style="font-size:25px"><strong><em>spellcheck</em></strong></h3><p>Establecer este valor en <code>true</code> indica que el navegador debe comprobar si hay errores ortográficos y gramaticales. El valor <code>default</code> indica que el elemento heredará el valor <code>spellcheck</code> de propiedad del elemento padre o lo tomará del navegador. </p><p>El valor <code>false</code> significa que no debe verificar errores ortográficos y gramaticales en este elemento. Cabe señalar que esta función se agregó a HTML5 y no estaba presente antes.</p><h3 id="wrap" style="font-size:25px"><strong><em>wrap</em></strong></h3><p>Esta propiedad indica cómo se envuelve el texto en este elemento. Los valores permitidos son:</p><ul><li><code>hard</code>: El navegador colocará nuevas líneas (CR + LF) para cada línea más larga que el ancho de este elemento, luego el <code>cols</code>.</li><li><code>soft</code>: El navegador se asegurará de que todas las líneas nuevas incluyan los caracteres especiales CR + LF, pero el navegador no agregará ninguna línea nueva.</li></ul><p>Si no se especifica ningún valor para esta propiedad, su valor predeterminado es <code>soft</code>. Cabe señalar que esta función se agregó a HTML5 y no estaba presente antes. Ejemplo de asignación de valor <code>hard</code>a la propiedad <code>wrap</code>:</p><div class="wp-block-codemirror-blocks-code-block code-block"><pre class="CodeMirror" data-setting='{"mode":"htmlmixed","mime":"text/html","theme":"material","lineNumbers":false,"styleActiveLine":false,"lineWrapping":false,"readOnly":true,"language":"HTML","modeName":"html"}'>< textarea name = "textarea" cols = "10" wrap = "hard" > escribe el texto aquí </ textarea ></pre></div><h2 class="has-text-align-center has-light-green-cyan-background-color has-background" id="notas">Notas</h2><h3 id="cambiar-el-tamano-del-elementonbsplttextareagt">Cambiar el tamaño del elemento <code><textarea></code></h3><p>La escala de elementos <code><textarea></code> se puede controlar usando la propiedad <code>resize</code>, si el cambio de tamaño está habilitado de manera predeterminada, puede deshabilitar usando la siguiente regla CSS :</p><div class="wp-block-codemirror-blocks-code-block code-block"><pre class="CodeMirror" data-setting='{"mode":"css","mime":"text/css","theme":"material","lineNumbers":false,"styleActiveLine":false,"lineWrapping":false,"readOnly":true,"language":"CSS","modeName":"css"}'>textarea { resize: none; }</pre></div><h3 id="interactuar-connbspcss"><strong>Interactuar con CSS</strong></h3><p>En cuanto a CSS, el elemento <code><textarea></code> es un elemento reemplazado y la especificación HTML no define dónde está la línea de base del elemento <code><textarea></code>, por lo que cada navegador usará una ubicación diferente. </p><p>Por lo tanto, no se recomienda utilizar el valor de una <code>baseline</code> propiedad <code>vertical-align</code> en CSS, porque su comportamiento es impredecible. Tenga en cuenta que el elemento <code><textarea></code> tiene dimensiones netas, como mapas de bits ( <code><img></code>).</p><h3 id="formato-predeterminado"><strong>Formato predeterminado</strong></h3><p>Los navegadores difieren en cómo muestran el elemento <code><textarea></code>, pero tienen en común al establecer la propiedad <code>display</code> en <code>inline-block</code>, cambiar el puntero <code>cursor</code> a <code>text</code>y cambiar la familia de texto <code>font-family</code> a <code>monospace</code>. El resto de características (como marco <code>border</code>, fondo <code>background</code>, notas al pie <code>padding</code>, etc.) difieren entre los navegadores.</p><hr class="wp-block-separator"/><ul class="wp-block-latest-posts__list is-grid columns-3 wp-block-latest-posts"><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento summary en HTML" href="http://bigcode.es/elemento-summary-en-html/"><img alt="Elemento summary en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-summary-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-summary-en-html/">Elemento summary en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento details en HTML" href="http://bigcode.es/elemento-details-en-html/"><img alt="Elemento details en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-details-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-details-en-html/">Elemento details en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento meter en HTML" href="http://bigcode.es/elemento-meter-en-html/"><img alt="Elemento meter en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-meter-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-meter-en-html/">Elemento meter en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento legend en HTML" href="http://bigcode.es/elemento-legend-en-html/"><img alt="Elemento legend en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-legend-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-legend-en-html/">Elemento legend en HTML</a></li><li><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-textarea-en-html/">Elemento textarea en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento select en HTML" href="http://bigcode.es/elemento-select-en-html/"><img alt="Elemento select en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-select-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-select-en-html/">Elemento select en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento progress en HTML" href="http://bigcode.es/elemento-progress-en-html/"><img alt="Elemento progress en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-progress-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-progress-en-html/">Elemento progress en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento output en HTML" href="http://bigcode.es/elemento-output-en-html/"><img alt="Elemento output en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-output-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-output-en-html/">Elemento output en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento option en HTML" href="http://bigcode.es/elemento-option-en-html/"><img alt="Elemento option en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-option-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-option-en-html/">Elemento option en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento optgroup en HTML" href="http://bigcode.es/elemento-optgroup-en-html/"><img alt="Elemento optgroup en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-optgroup-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-optgroup-en-html/">Elemento optgroup en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento track en HTML" href="http://bigcode.es/elemento-track-en-html/"><img alt="Elemento track en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/09/Elemento-track-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-track-en-html/">Elemento track en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento label en HTML" href="http://bigcode.es/elemento-label-en-html/"><img alt="Elemento label en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-label-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-label-en-html/">Elemento label en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento input en HTML" href="http://bigcode.es/elemento-input-en-html/"><img alt="Elemento input en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-input-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-input-en-html/">Elemento input en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento form en HTML" href="http://bigcode.es/elemento-form-en-html/"><img alt="Elemento form en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-form-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-form-en-html/">Elemento form en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento fieldset en HTML" href="http://bigcode.es/elemento-fieldset-en-html/"><img alt="Elemento fieldset en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-fieldset-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-fieldset-en-html/">Elemento fieldset en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento datalist en HTML" href="http://bigcode.es/elemento-datalist-en-html/"><img alt="Elemento datalist en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-datalist-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-datalist-en-html/">Elemento datalist en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento button en HTML" href="http://bigcode.es/elemento-button-en-html/"><img alt="Elemento button en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-button-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-button-en-html/">Elemento button en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento tr en HTML" href="http://bigcode.es/elemento-tr-en-html/"><img alt="Elemento tr en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-tr-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-tr-en-html/">Elemento tr en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento thead en HTML" href="http://bigcode.es/elemento-thead-en-html/"><img alt="Elemento thead en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-thead-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-thead-en-html/">Elemento thead en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento th en HTML" href="http://bigcode.es/elemento-th-en-html/"><img alt="Elemento th en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-th-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-th-en-html/">Elemento th en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento tbody en HTML" href="http://bigcode.es/elemento-tbody-en-html/"><img alt="Elemento tbody en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-tbody-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-tbody-en-html/">Elemento tbody en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento tfoot en HTML" href="http://bigcode.es/elemento-tfoot-en-html/"><img alt="Elemento tfoot en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-tfoot-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-tfoot-en-html/">Elemento tfoot en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento table en HTML" href="http://bigcode.es/elemento-table-en-html/"><img alt="Elemento table en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-table-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-table-en-html/">Elemento table en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento td en HTML" href="http://bigcode.es/elemento-td-en-html/"><img alt="Elemento td en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-td-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-td-en-html/">Elemento td en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento colgroup en HTML" href="http://bigcode.es/elemento-colgroup-en-html/"><img alt="Elemento colgroup en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-colgroup-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-colgroup-en-html/">Elemento colgroup en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento col en HTML" href="http://bigcode.es/elemento-col-en-html/"><img alt="Elemento col en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-col-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-col-en-html/">Elemento col en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento caption en HTML" href="http://bigcode.es/elemento-caption-en-html/"><img alt="Elemento caption en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-caption-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-caption-en-html/">Elemento caption en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento del en HTML" href="http://bigcode.es/elemento-del-en-html/"><img alt="Elemento del en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-del-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-del-en-html/">Elemento del en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento script en HTML" href="http://bigcode.es/elemento-script-en-html/"><img alt="Elemento script en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-script-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-script-en-html/">Elemento script en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento noscript en HTML" href="http://bigcode.es/elemento-noscript-en-html/"><img alt="Elemento noscript en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/09/Elemento-noscript-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-noscript-en-html/">Elemento noscript en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento canvas en HTML" href="http://bigcode.es/elemento-canvas-en-html/"><img alt="Elemento canvas en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/09/Elemento-canvas-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-canvas-en-html/">Elemento canvas en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento picture en HTML" href="http://bigcode.es/elemento-picture-en-html/"><img alt="Elemento picture en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/09/Elemento-picture-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-picture-en-html/">Elemento picture en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento ins en HTML" href="http://bigcode.es/elemento-ins-en-html/"><img alt="Elemento ins en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/10/Elemento-ins-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-ins-en-html/">Elemento ins en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento video en HTML" href="http://bigcode.es/elemento-video-en-html/"><img alt="Elemento video en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/09/Elemento-video-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-video-en-html/">Elemento video en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento source en HTML" href="http://bigcode.es/elemento-source-en-html/"><img alt="Elemento source en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/09/Elemento-source-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-source-en-html/">Elemento source en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento param en HTML" href="http://bigcode.es/elemento-param-en-html/"><img alt="Elemento param en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/09/Elemento-param-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-param-en-html/">Elemento param en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento object en HTML" href="http://bigcode.es/elemento-object-en-html/"><img alt="Elemento object en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/09/Elemento-object-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-object-en-html/">Elemento object en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento embed en HTML" href="http://bigcode.es/elemento-embed-en-html/"><img alt="Elemento embed en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/09/Elemento-embed-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-embed-en-html/">Elemento embed en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento map en HTML" href="http://bigcode.es/elemento-map-en-html/"><img alt="Elemento map en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/09/Elemento-map-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-map-en-html/">Elemento map en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento img en HTML" href="http://bigcode.es/elemento-img-en-html/"><img alt="Elemento img en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/09/Elemento-img-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-img-en-html/">Elemento img en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento audio en HTML" href="http://bigcode.es/elemento-audio-en-html/"><img alt="Elemento audio en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/09/Elemento-audio-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-audio-en-html/">Elemento audio en HTML</a></li><li><div class="wp-block-latest-posts__featured-image"><a aria-label="Elemento area en HTML" href="http://bigcode.es/elemento-area-en-html/"><img alt="Elemento area en html" class="attachment-thumbnail size-thumbnail wp-post-image" height="150" loading="lazy" onerror="this.remove();" src="http://bigcode.es/wp-content/uploads/2021/09/Elemento-area-en-html-150x150.webp" style="" width="150"/></a></div><a class="wp-block-latest-posts__post-title" href="http://bigcode.es/elemento-area-en-html/">Elemento area en HTML</a></li></ul></div><footer aria-label="Meta de entradas" class="entry-meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg aria-hidden="true" height="1em" viewBox="0 0 512 512" width="1em" xmlns="http://www.w3.org/2000/svg"><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"></path></svg></span><span class="screen-reader-text">Categorías </span><a href="http://bigcode.es/lenguajes/html/" rel="category tag">HTML</a></span><nav aria-label="Entrada individual" class="post-navigation" id="nav-below"> <span class="screen-reader-text">Navegación de entradas</span><div class="nav-previous"><span class="gp-icon icon-arrow-left"><svg aria-hidden="true" clip-rule="evenodd" fill-rule="evenodd" height="1em" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 192 512" width="1em" xmlns="http://www.w3.org/2000/svg"><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"></path></svg></span><span class="prev" title="Anterior"><a href="http://bigcode.es/elemento-select-en-html/" rel="prev">Elemento select en HTML</a></span></div><div class="nav-next"><span class="gp-icon icon-arrow-right"><svg aria-hidden="true" clip-rule="evenodd" fill-rule="evenodd" height="1em" stroke-linejoin="round" stroke-miterlimit="1.414" viewBox="0 0 192 512" width="1em" xmlns="http://www.w3.org/2000/svg"><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"></path></svg></span><span class="next" title="Siguiente"><a href="http://bigcode.es/elemento-legend-en-html/" rel="next">Elemento legend en HTML</a></span></div></nav></footer></div></article></main></div></div></div><div class="site-footer"><footer aria-label="Sitio" class="site-info" itemscope="" itemtype="https://schema.org/WPFooter"><div class="inside-site-info grid-container"><div class="copyright-bar"> © 2026 BigCode</div></div></footer></div> <script defer="" id="generate-a11y" src="/data:text/javascript;base64,IWZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO2lmKCJxdWVyeVNlbGVjdG9yImluIGRvY3VtZW50JiYiYWRkRXZlbnRMaXN0ZW5lciJpbiB3aW5kb3cpe3ZhciBlPWRvY3VtZW50LmJvZHk7ZS5hZGRFdmVudExpc3RlbmVyKCJtb3VzZWRvd24iLGZ1bmN0aW9uKCl7ZS5jbGFzc0xpc3QuYWRkKCJ1c2luZy1tb3VzZSIpfSksZS5hZGRFdmVudExpc3RlbmVyKCJrZXlkb3duIixmdW5jdGlvbigpe2UuY2xhc3NMaXN0LnJlbW92ZSgidXNpbmctbW91c2UiKX0pfX0oKQ=="></script><style>.wp-container-1 > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }.wp-container-1 > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }.wp-container-1 > .aligncenter { margin-left: auto !important; margin-right: auto !important; }</style><style>.wp-container-2 > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }.wp-container-2 > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }.wp-container-2 > .aligncenter { margin-left: auto !important; margin-right: auto !important; }</style><style>.wp-container-3 > .alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; }.wp-container-3 > .alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; }.wp-container-3 > .aligncenter { margin-left: auto !important; margin-right: auto !important; }</style><style>.wp-container-4 {display: flex;gap: 2em;flex-wrap: nowrap;align-items: center;}.wp-container-4 > * { margin: 0; }</style><link data-optimized="1" href="http://bigcode.es/wp-content/litespeed/css/a067cda5d808434e24414462db7f7be7.css?ver=f7be7" id="lsi-style-css" media="all" rel="stylesheet"/><style id="lsi-style-inline-css">.icon-set-lsi_widget-1 a, .icon-set-lsi_widget-1 a:visited, .icon-set-lsi_widget-1 a:focus { border-radius: 2px; background: #ffffff !important; color: #000000 !important; font-size: 20px !important; } .icon-set-lsi_widget-1 a:hover { background: #eaeaea !important; color: #000000 !important; }</style> <script defer="" id="contact-form-7-js-extra" src="/data:text/javascript;base64,dmFyIHdwY2Y3PXsiYXBpIjp7InJvb3QiOiJodHRwczpcL1wvYmlnY29kZS5lc1wvd3AtanNvblwvIiwibmFtZXNwYWNlIjoiY29udGFjdC1mb3JtLTdcL3YxIn0sImNhY2hlZCI6IjEifQ=="></script> <script defer="" id="pt-cv-content-views-script-js-extra" src="/data:text/javascript;base64,dmFyIFBUX0NWX1BVQkxJQz17Il9wcmVmaXgiOiJwdC1jdi0iLCJwYWdlX3RvX3Nob3ciOiI1IiwiX25vbmNlIjoiODVjNmQ4ZWM1ZiIsImlzX2FkbWluIjoiIiwiaXNfbW9iaWxlIjoiIiwiYWpheHVybCI6Imh0dHBzOlwvXC9iaWdjb2RlLmVzXC93cC1hZG1pblwvYWRtaW4tYWpheC5waHAiLCJsYW5nIjoiIiwibG9hZGluZ19pbWFnZV9zcmMiOiJkYXRhOmltYWdlXC9naWY7YmFzZTY0LFIwbEdPRGxoRHdBUEFMTVBBTXJLeWd3TURKT1RrejA5UFpXVmxhK3ZyM3A2ZXVUazVNN096dVhsNVRNek13QUFBSm1abVdabVpzek16UFwvXC9cL3lIXC9DMDVGVkZORFFWQkZNaTR3QXdFQUFBQWgrUVFGQ2dBUEFDd0FBQUFBRHdBUEFBQUVRdkRKYVphWk9JY1Y4aVFLOFZSWDRpVFlvQXdaNGlDWW9Balo0UnhlamhWTm9UK21SR1A0Y3lGNFBwME45OHNCR0lCTUVNT290bDZZWjNTNjFCbWJrbTRtQWdBaCtRUUZDZ0FQQUN3QUFBQUFEUUFOQUFBRU5QREpTUlNaZUE0MThpdE44UWlLOEJpTElUVnNGaXlCQklvWXFub2V3QUQ0eFB3OWlZNFhMR1lTamtRUjRVQVVENDVETHdJQUlma0VCUW9BRHdBc0FBQUFBQThBQ1FBQUJDXC93eVZsYW1UaTNuU2Rnd0ZOZGhFSmdUSm9OeW9COUlTWW9RbWRqaVpQY2o3RVlDQWVDRjFnRURvNER6MmVJQUFBaCtRUUZDZ0FQQUN3Q0FBQUFEUUFOQUFBRU1cL0RKQnhpWWVMS2RYM0lKWlQxRlUwaUlnMlJOS3gzT2taVm5aOThUb1JENE15aURua0FoNkJrTkMwTXZzQWowa01wSEJBQWgrUVFGQ2dBUEFDd0dBQUFBQ1FBUEFBQUVNREM1OUtwRkRsbDczSGtBQTJ3Vlk1S2dpSzViMFJSb0k2TXV6RzZFUXFDRE1sU0doZUVoVUFncWdVVUFGUnlTSWdBaCtRUUZDZ0FQQUN3Q0FBSUFEUUFOQUFBRU1cL0RKS1pOTE5EXC9ra0thSGMzeGsrUUFNWURLc2lhcW1aQ3hHVmpTRkZDeEIxdnd5Mm9PZ0lEeHV1Y3hBTVRBSkZBSk5CQUFoK1FRRkNnQVBBQ3dBQUFZQUR3QUpBQUFFTU5Bczg2cTF5YVd3d3YySWcwalVaeDNPWWE0WG9SQWZ3QURYb0F3Zm8xK0NJanlGUnVFaG82MGFTTllsT1B4RUFBQWgrUVFGQ2dBUEFDd0FBQUlBRFFBTkFBQUVOUEE5czR5OCtJVVZjcWFXSjRxRVFvelNvQXpvSXloQ0syTkZVMlNKazBoTm55RU9oS1IyQXpBQWo0UGo0R0U0VzBia0pRSUFPdz09In07dmFyIFBUX0NWX1BBR0lOQVRJT049eyJmaXJzdCI6Ilx1MDBhYiIsInByZXYiOiJcdTIwMzkiLCJuZXh0IjoiXHUyMDNhIiwibGFzdCI6Ilx1MDBiYiIsImdvdG9fZmlyc3QiOiJJciBhIGxhIHByaW1lcmEgcFx1MDBlMWdpbmEiLCJnb3RvX3ByZXYiOiJJciBhIGxhIHBcdTAwZTFnaW5hIGFudGVyaW9yIiwiZ290b19uZXh0IjoiSXIgYSBsYSBwXHUwMGUxZ2luYSBzaWd1aWVudGUiLCJnb3RvX2xhc3QiOiJJciBhIGxhIFx1MDBmYWx0aW1hIHBcdTAwZTFnaW5hIiwiY3VycmVudF9wYWdlIjoiTGEgcFx1MDBlMWdpbmEgYWN0dWFsIGVzIiwiZ290b19wYWdlIjoiSXIgYSBsYSBwXHUwMGUxZ2luYSJ9"></script> <script defer="" id="generate-smooth-scroll-js-extra" src="/data:text/javascript;base64,dmFyIHNtb290aD17ImVsZW1lbnRzIjpbIi5zbW9vdGgtc2Nyb2xsIiwibGkuc21vb3RoLXNjcm9sbCBhIl0sImR1cmF0aW9uIjoiODAwIn0="></script> <script defer="" id="codemirror-autoload-assets-js-before" src="/data:text/javascript;base64,dmFyIHdwY209eyJwbHVnaW5fdXJsIjoiaHR0cHM6Ly9iaWdjb2RlLmVzL3dwLWNvbnRlbnQvcGx1Z2lucy93cC1jb2RlbWlycm9yLWJsb2NrIiwiYXNzZXRzIjpbXSwicGFuZWxPcHRpb25zIjp7InNob3dQYW5lbCI6ITAsImxhbmd1YWdlTGFiZWwiOiJsYW5ndWFnZSIsInJ1bkJ1dHRvbiI6ITEsImZ1bGxTY3JlZW5CdXR0b24iOiEwLCJjb3B5QnV0dG9uIjohMH0sInZpZXciOiJwdWJsaWMifQ=="></script> <script defer="" id="generate-menu-js-extra" src="/data:text/javascript;base64,dmFyIGdlbmVyYXRlcHJlc3NNZW51PXsidG9nZ2xlT3BlbmVkU3ViTWVudXMiOiIxIiwib3BlblN1Yk1lbnVMYWJlbCI6IkFicmlyIGVsIHN1Ym1lblx1MDBmYSIsImNsb3NlU3ViTWVudUxhYmVsIjoiQ2VycmFyIGVsIHN1Ym1lblx1MDBmYSJ9"></script> <script data-no-optimize="1" defer="">!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LazyLoad=e()}(this,function(){"use strict";function e(){return(e=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n,a=arguments[e];for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t}).apply(this,arguments)}function i(t){return e({},it,t)}function o(t,e){var n,a="LazyLoad::Initialized",i=new t(e);try{n=new CustomEvent(a,{detail:{instance:i}})}catch(t){(n=document.createEvent("CustomEvent")).initCustomEvent(a,!1,!1,{instance:i})}window.dispatchEvent(n)}function l(t,e){return t.getAttribute(gt+e)}function c(t){return l(t,bt)}function s(t,e){return function(t,e,n){e=gt+e;null!==n?t.setAttribute(e,n):t.removeAttribute(e)}(t,bt,e)}function r(t){return s(t,null),0}function u(t){return null===c(t)}function d(t){return c(t)===vt}function f(t,e,n,a){t&&(void 0===a?void 0===n?t(e):t(e,n):t(e,n,a))}function _(t,e){nt?t.classList.add(e):t.className+=(t.className?" ":"")+e}function v(t,e){nt?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\s+)"+e+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")}function g(t){return t.llTempImage}function b(t,e){!e||(e=e._observer)&&e.unobserve(t)}function p(t,e){t&&(t.loadingCount+=e)}function h(t,e){t&&(t.toLoadCount=e)}function n(t){for(var e,n=[],a=0;e=t.children[a];a+=1)"SOURCE"===e.tagName&&n.push(e);return n}function m(t,e){(t=t.parentNode)&&"PICTURE"===t.tagName&&n(t).forEach(e)}function a(t,e){n(t).forEach(e)}function E(t){return!!t[st]}function I(t){return t[st]}function y(t){return delete t[st]}function A(e,t){var n;E(e)||(n={},t.forEach(function(t){n[t]=e.getAttribute(t)}),e[st]=n)}function k(a,t){var i;E(a)&&(i=I(a),t.forEach(function(t){var e,n;e=a,(t=i[n=t])?e.setAttribute(n,t):e.removeAttribute(n)}))}function L(t,e,n){_(t,e.class_loading),s(t,ut),n&&(p(n,1),f(e.callback_loading,t,n))}function w(t,e,n){n&&t.setAttribute(e,n)}function x(t,e){w(t,ct,l(t,e.data_sizes)),w(t,rt,l(t,e.data_srcset)),w(t,ot,l(t,e.data_src))}function O(t,e,n){var a=l(t,e.data_bg_multi),i=l(t,e.data_bg_multi_hidpi);(a=at&&i?i:a)&&(t.style.backgroundImage=a,n=n,_(t=t,(e=e).class_applied),s(t,ft),n&&(e.unobserve_completed&&b(t,e),f(e.callback_applied,t,n)))}function N(t,e){!e||0<e.loadingCount||0<e.toLoadCount||f(t.callback_finish,e)}function C(t,e,n){t.addEventListener(e,n),t.llEvLisnrs[e]=n}function M(t){return!!t.llEvLisnrs}function z(t){if(M(t)){var e,n,a=t.llEvLisnrs;for(e in a){var i=a[e];n=e,i=i,t.removeEventListener(n,i)}delete t.llEvLisnrs}}function R(t,e,n){var a;delete t.llTempImage,p(n,-1),(a=n)&&--a.toLoadCount,v(t,e.class_loading),e.unobserve_completed&&b(t,n)}function T(o,r,c){var l=g(o)||o;M(l)||function(t,e,n){M(t)||(t.llEvLisnrs={});var a="VIDEO"===t.tagName?"loadeddata":"load";C(t,a,e),C(t,"error",n)}(l,function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_loaded),s(e,dt),f(n.callback_loaded,e,a),i||N(n,a),z(l)},function(t){var e,n,a,i;n=r,a=c,i=d(e=o),R(e,n,a),_(e,n.class_error),s(e,_t),f(n.callback_error,e,a),i||N(n,a),z(l)})}function G(t,e,n){var a,i,o,r,c;t.llTempImage=document.createElement("IMG"),T(t,e,n),E(c=t)||(c[st]={backgroundImage:c.style.backgroundImage}),o=n,r=l(a=t,(i=e).data_bg),c=l(a,i.data_bg_hidpi),(r=at&&c?c:r)&&(a.style.backgroundImage='url("'.concat(r,'")'),g(a).setAttribute(ot,r),L(a,i,o)),O(t,e,n)}function D(t,e,n){var a;T(t,e,n),a=e,e=n,(t=It[(n=t).tagName])&&(t(n,a),L(n,a,e))}function V(t,e,n){var a;a=t,(-1<yt.indexOf(a.tagName)?D:G)(t,e,n)}function F(t,e,n){var a;t.setAttribute("loading","lazy"),T(t,e,n),a=e,(e=It[(n=t).tagName])&&e(n,a),s(t,vt)}function j(t){t.removeAttribute(ot),t.removeAttribute(rt),t.removeAttribute(ct)}function P(t){m(t,function(t){k(t,Et)}),k(t,Et)}function S(t){var e;(e=At[t.tagName])?e(t):E(e=t)&&(t=I(e),e.style.backgroundImage=t.backgroundImage)}function U(t,e){var n;S(t),n=e,u(e=t)||d(e)||(v(e,n.class_entered),v(e,n.class_exited),v(e,n.class_applied),v(e,n.class_loading),v(e,n.class_loaded),v(e,n.class_error)),r(t),y(t)}function $(t,e,n,a){var i;n.cancel_on_exit&&(c(t)!==ut||"IMG"===t.tagName&&(z(t),m(i=t,function(t){j(t)}),j(i),P(t),v(t,n.class_loading),p(a,-1),r(t),f(n.callback_cancel,t,e,a)))}function q(t,e,n,a){var i,o,r=(o=t,0<=pt.indexOf(c(o)));s(t,"entered"),_(t,n.class_entered),v(t,n.class_exited),i=t,o=a,n.unobserve_entered&&b(i,o),f(n.callback_enter,t,e,a),r||V(t,n,a)}function H(t){return t.use_native&&"loading"in HTMLImageElement.prototype}function B(t,i,o){t.forEach(function(t){return(a=t).isIntersecting||0<a.intersectionRatio?q(t.target,t,i,o):(e=t.target,n=t,a=i,t=o,void(u(e)||(_(e,a.class_exited),$(e,n,a,t),f(a.callback_exit,e,n,t))));var e,n,a})}function J(e,n){var t;et&&!H(e)&&(n._observer=new IntersectionObserver(function(t){B(t,e,n)},{root:(t=e).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))}function K(t){return Array.prototype.slice.call(t)}function Q(t){return t.container.querySelectorAll(t.elements_selector)}function W(t){return c(t)===_t}function X(t,e){return e=t||Q(e),K(e).filter(u)}function Y(e,t){var n;(n=Q(e),K(n).filter(W)).forEach(function(t){v(t,e.class_error),r(t)}),t.update()}function t(t,e){var n,a,t=i(t);this._settings=t,this.loadingCount=0,J(t,this),n=t,a=this,Z&&window.addEventListener("online",function(){Y(n,a)}),this.update(e)}var Z="undefined"!=typeof window,tt=Z&&!("onscroll"in window)||"undefined"!=typeof navigator&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),et=Z&&"IntersectionObserver"in window,nt=Z&&"classList"in document.createElement("p"),at=Z&&1<window.devicePixelRatio,it={elements_selector:".lazy",container:tt||Z?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_poster:"poster",class_applied:"applied",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1},ot="src",rt="srcset",ct="sizes",lt="poster",st="llOriginalAttrs",ut="loading",dt="loaded",ft="applied",_t="error",vt="native",gt="data-",bt="ll-status",pt=[ut,dt,ft,_t],ht=[ot],mt=[ot,lt],Et=[ot,rt,ct],It={IMG:function(t,e){m(t,function(t){A(t,Et),x(t,e)}),A(t,Et),x(t,e)},IFRAME:function(t,e){A(t,ht),w(t,ot,l(t,e.data_src))},VIDEO:function(t,e){a(t,function(t){A(t,ht),w(t,ot,l(t,e.data_src))}),A(t,mt),w(t,lt,l(t,e.data_poster)),w(t,ot,l(t,e.data_src)),t.load()}},yt=["IMG","IFRAME","VIDEO"],At={IMG:P,IFRAME:function(t){k(t,ht)},VIDEO:function(t){a(t,function(t){k(t,ht)}),k(t,mt),t.load()}},kt=["IMG","IFRAME","VIDEO"];return t.prototype={update:function(t){var e,n,a,i=this._settings,o=X(t,i);{if(h(this,o.length),!tt&&et)return H(i)?(e=i,n=this,o.forEach(function(t){-1!==kt.indexOf(t.tagName)&&F(t,e,n)}),void h(n,0)):(t=this._observer,i=o,t.disconnect(),a=t,void i.forEach(function(t){a.observe(t)}));this.loadAll(o)}},destroy:function(){this._observer&&this._observer.disconnect(),Q(this._settings).forEach(function(t){y(t)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(t){var e=this,n=this._settings;X(t,n).forEach(function(t){b(t,e),V(t,n,e)})},restoreAll:function(){var e=this._settings;Q(e).forEach(function(t){U(t,e)})}},t.load=function(t,e){e=i(e);V(t,e)},t.resetStatus=function(t){r(t)},Z&&function(t,e){if(e)if(e.length)for(var n,a=0;n=e[a];a+=1)o(t,n);else o(t,e)}(t,window.lazyLoadOptions),t});!function(e,t){"use strict";function a(){t.body.classList.add("litespeed_lazyloaded")}function n(){console.log("[LiteSpeed] Start Lazy Load Images"),d=new LazyLoad({elements_selector:"[data-lazyloaded]",callback_finish:a}),o=function(){d.update()},e.MutationObserver&&new MutationObserver(o).observe(t.documentElement,{childList:!0,subtree:!0,attributes:!0})}var d,o;e.addEventListener?e.addEventListener("load",n,!1):e.attachEvent("onload",n)}(window,document);</script><script data-no-optimize="1">var litespeed_vary=document.cookie.replace(/(?:(?:^|.*;\s*)_lscache_vary\s*\=\s*([^;]*).*$)|^.*$/,"");litespeed_vary||fetch("/wp-content/plugins/litespeed-cache/guest.vary.php",{method:"POST",cache:"no-cache",redirect:"follow"}).then(e=>e.json()).then(e=>{console.log(e),e.hasOwnProperty("reload")&&"yes"==e.reload&&(sessionStorage.setItem("litespeed_docref",document.referrer),window.location.reload(!0))});</script><script data-optimized="1" defer="" src="http://bigcode.es/wp-content/litespeed/js/e6446002bb3ad8b03d9efe35a893db37.js?ver=e60e4"></script>  </body></html>