| 1 | <a> | Define un hipervínculo (enlace) hacia otra página o recurso. | <a href="https://www.ejemplo.com" target="_blank" rel="noopener">Visita Ejemplo</a> | Atributos: href, target, rel. Use rel='noopener' al abrir en nueva pestaña. |
| 2 | <abbr> | Elemento <abbr>: uso y propósito común. | <abbr>Contenido de ejemplo</abbr> | |
| 3 | <address> | Elemento <address>: uso y propósito común. | <address>Contenido de ejemplo</address> | |
| 4 | <area> | Elemento HTML vacío/void <area> (no requiere etiqueta de cierre). | <area /> | Elemento void. Ver atributos específicos. |
| 5 | <article> | Elemento <article>: uso y propósito común. | <article>Contenido de ejemplo</article> | |
| 6 | <aside> | Elemento <aside>: uso y propósito común. | <aside>Contenido de ejemplo</aside> | |
| 7 | <audio> | Elemento <audio>: uso y propósito común. | <audio>Contenido de ejemplo</audio> | |
| 8 | <b> | Elemento <b>: uso y propósito común. | <b>Contenido de ejemplo</b> | |
| 9 | <base> | Elemento HTML vacío/void <base> (no requiere etiqueta de cierre). | <base /> | Elemento void. Ver atributos específicos. |
| 10 | <bdi> | Elemento <bdi>: uso y propósito común. | <bdi>Contenido de ejemplo</bdi> | |
| 11 | <bdo> | Elemento <bdo>: uso y propósito común. | <bdo>Contenido de ejemplo</bdo> | |
| 12 | <blockquote> | Elemento <blockquote>: uso y propósito común. | <blockquote>Contenido de ejemplo</blockquote> | |
| 13 | <body> | Elemento <body>: uso y propósito común. | <body>Contenido de ejemplo</body> | |
| 14 | <br> | Elemento HTML vacío/void <br> (no requiere etiqueta de cierre). | <br /> | Elemento void. Ver atributos específicos. |
| 15 | <button> | Elemento <button>: uso y propósito común. | <button>Contenido de ejemplo</button> | |
| 16 | <canvas> | Elemento <canvas>: uso y propósito común. | <canvas>Contenido de ejemplo</canvas> | |
| 17 | <caption> | Elemento <caption>: uso y propósito común. | <caption>Contenido de ejemplo</caption> | |
| 18 | <cite> | Elemento <cite>: uso y propósito común. | <cite>Contenido de ejemplo</cite> | |
| 19 | <code> | Elemento <code>: uso y propósito común. | <code>Contenido de ejemplo</code> | |
| 20 | <col> | Elemento HTML vacío/void <col> (no requiere etiqueta de cierre). | <col /> | Elemento void. Ver atributos específicos. |
| 21 | <colgroup> | Elemento <colgroup>: uso y propósito común. | <colgroup>Contenido de ejemplo</colgroup> | |
| 22 | <data> | Elemento <data>: uso y propósito común. | <data>Contenido de ejemplo</data> | |
| 23 | <datalist> | Elemento <datalist>: uso y propósito común. | <datalist>Contenido de ejemplo</datalist> | |
| 24 | <dd> | Elemento <dd>: uso y propósito común. | <dd>Contenido de ejemplo</dd> | |
| 25 | <del> | Elemento <del>: uso y propósito común. | <del>Contenido de ejemplo</del> | |
| 26 | <details> | Elemento <details>: uso y propósito común. | <details>Contenido de ejemplo</details> | |
| 27 | <dfn> | Elemento <dfn>: uso y propósito común. | <dfn>Contenido de ejemplo</dfn> | |
| 28 | <dialog> | Elemento <dialog>: uso y propósito común. | <dialog>Contenido de ejemplo</dialog> | |
| 29 | <div> | Elemento <div>: uso y propósito común. | <div>Contenido de ejemplo</div> | |
| 30 | <dl> | Elemento <dl>: uso y propósito común. | <dl>Contenido de ejemplo</dl> | |
| 31 | <dt> | Elemento <dt>: uso y propósito común. | <dt>Contenido de ejemplo</dt> | |
| 32 | <em> | Elemento <em>: uso y propósito común. | <em>Contenido de ejemplo</em> | |
| 33 | <embed> | Elemento HTML vacío/void <embed> (no requiere etiqueta de cierre). | <embed /> | Elemento void. Ver atributos específicos. |
| 34 | <fieldset> | Elemento <fieldset>: uso y propósito común. | <fieldset>Contenido de ejemplo</fieldset> | |
| 35 | <figcaption> | Elemento <figcaption>: uso y propósito común. | <figcaption>Contenido de ejemplo</figcaption> | |
| 36 | <figure> | Elemento <figure>: uso y propósito común. | <figure>Contenido de ejemplo</figure> | |
| 37 | <footer> | Elemento <footer>: uso y propósito común. | <footer>Contenido de ejemplo</footer> | |
| 38 | <form> | Formulario para enviar datos al servidor. | <form action="/enviar" method="post"><input name="nombre" /></form> | Atributos: action, method. Incluir CSRF token en aplicaciones reales. |
| 39 | <h1> | Encabezado de nivel 1. Usado para títulos y estructura del documento. | <h1>Encabezado nivel 1</h1> | Encabezados van de <h1> (más importante) a <h6> (menos importante). |
| 40 | <h2> | Encabezado de nivel 2. Usado para títulos y estructura del documento. | <h2>Encabezado nivel 2</h2> | Encabezados van de <h1> (más importante) a <h6> (menos importante). |
| 41 | <h3> | Encabezado de nivel 3. Usado para títulos y estructura del documento. | <h3>Encabezado nivel 3</h3> | Encabezados van de <h1> (más importante) a <h6> (menos importante). |
| 42 | <h4> | Encabezado de nivel 4. Usado para títulos y estructura del documento. | <h4>Encabezado nivel 4</h4> | Encabezados van de <h1> (más importante) a <h6> (menos importante). |
| 43 | <h5> | Encabezado de nivel 5. Usado para títulos y estructura del documento. | <h5>Encabezado nivel 5</h5> | Encabezados van de <h1> (más importante) a <h6> (menos importante). |
| 44 | <h6> | Encabezado de nivel 6. Usado para títulos y estructura del documento. | <h6>Encabezado nivel 6</h6> | Encabezados van de <h1> (más importante) a <h6> (menos importante). |
| 45 | <head> | Elemento <head>: uso y propósito común. | <head>Contenido de ejemplo</head> | |
| 46 | <header> | Elemento <header>: uso y propósito común. | <header>Contenido de ejemplo</header> | |
| 47 | <hr> | Elemento HTML vacío/void <hr> (no requiere etiqueta de cierre). | <hr /> | Elemento void. Ver atributos específicos. |
| 48 | <html> | Elemento <html>: uso y propósito común. | <html>Contenido de ejemplo</html> | |
| 49 | <i> | Elemento <i>: uso y propósito común. | <i>Contenido de ejemplo</i> | |
| 50 | <iframe> | Elemento <iframe>: uso y propósito común. | <iframe>Contenido de ejemplo</iframe> | |
| 51 | <img> | Incrusta una imagen en la página. | <img src="imagen.jpg" alt="Descripción de la imagen" /> | Atributos: src, alt, srcset. Incluir alt por accesibilidad. Es un elemento void. |
| 52 | <input> | Campo de entrada de datos en formularios (texto, checkbox, radio, etc.). | <input type="text" name="usuario" placeholder="Tu nombre" /> | Atributos: type, name, value, placeholder. |
| 53 | <ins> | Elemento <ins>: uso y propósito común. | <ins>Contenido de ejemplo</ins> | |
| 54 | <kbd> | Elemento <kbd>: uso y propósito común. | <kbd>Contenido de ejemplo</kbd> | |
| 55 | <label> | Elemento <label>: uso y propósito común. | <label>Contenido de ejemplo</label> | |
| 56 | <legend> | Elemento <legend>: uso y propósito común. | <legend>Contenido de ejemplo</legend> | |
| 57 | <li> | Elemento <li>: uso y propósito común. | <li>Contenido de ejemplo</li> | |
| 58 | <link> | Enlaza recursos externos (p. ej. hojas de estilo CSS). | <link rel="stylesheet" href="comienzo.css" /> | Usado en <head>. Atributos: rel, href. |
| 59 | <main> | Elemento <main>: uso y propósito común. | <main>Contenido de ejemplo</main> | |
| 60 | <map> | Elemento <map>: uso y propósito común. | <map>Contenido de ejemplo</map> | |
| 61 | <mark> | Elemento <mark>: uso y propósito común. | <mark>Contenido de ejemplo</mark> | |
| 62 | <meta> | Metadatos del documento (codificación, viewport, descripción). | <meta charset="utf-8" /> | Se coloca en el <head>. No tiene contenido visible. |
| 63 | <meter> | Elemento <meter>: uso y propósito común. | <meter>Contenido de ejemplo</meter> | |
| 64 | <nav> | Elemento <nav>: uso y propósito común. | <nav>Contenido de ejemplo</nav> | |
| 65 | <noscript> | Elemento <noscript>: uso y propósito común. | <noscript>Contenido de ejemplo</noscript> | |
| 66 | <object> | Elemento <object>: uso y propósito común. | <object>Contenido de ejemplo</object> | |
| 67 | <ol> | Elemento <ol>: uso y propósito común. | <ol>Contenido de ejemplo</ol> | |
| 68 | <optgroup> | Elemento <optgroup>: uso y propósito común. | <optgroup>Contenido de ejemplo</optgroup> | |
| 69 | <option> | Elemento <option>: uso y propósito común. | <option>Contenido de ejemplo</option> | |
| 70 | <output> | Elemento <output>: uso y propósito común. | <output>Contenido de ejemplo</output> | |
| 71 | <p> | Define un párrafo de texto. | <p>Este es un párrafo.</p> | Puede contener elementos en línea como <a>, <strong>, <em>. |
| 72 | <param> | Elemento HTML vacío/void <param> (no requiere etiqueta de cierre). | <param /> | Elemento void. Ver atributos específicos. |
| 73 | <picture> | Elemento <picture>: uso y propósito común. | <picture>Contenido de ejemplo</picture> | |
| 74 | <pre> | Elemento <pre>: uso y propósito común. | <pre>Contenido de ejemplo</pre> | |
| 75 | <progress> | Elemento <progress>: uso y propósito común. | <progress>Contenido de ejemplo</progress> | |
| 76 | <q> | Elemento <q>: uso y propósito común. | <q>Contenido de ejemplo</q> | |
| 77 | <rp> | Elemento <rp>: uso y propósito común. | <rp>Contenido de ejemplo</rp> | |
| 78 | <rt> | Elemento <rt>: uso y propósito común. | <rt>Contenido de ejemplo</rt> | |
| 79 | <ruby> | Elemento <ruby>: uso y propósito común. | <ruby>Contenido de ejemplo</ruby> | |
| 80 | <s> | Elemento <s>: uso y propósito común. | <s>Contenido de ejemplo</s> | |
| 81 | <samp> | Elemento <samp>: uso y propósito común. | <samp>Contenido de ejemplo</samp> | |
| 82 | <script> | Inserta o enlaza código JavaScript. | <script>console.log("Hola")</script> | Para código externo use src. Puede usar defer o async. |
| 83 | <section> | Elemento <section>: uso y propósito común. | <section>Contenido de ejemplo</section> | |
| 84 | <select> | Elemento <select>: uso y propósito común. | <select>Contenido de ejemplo</select> | |
| 85 | <small> | Elemento <small>: uso y propósito común. | <small>Contenido de ejemplo</small> | |
| 86 | <source> | Elemento HTML vacío/void <source> (no requiere etiqueta de cierre). | <source /> | Elemento void. Ver atributos específicos. |
| 87 | <span> | Elemento <span>: uso y propósito común. | <span>Contenido de ejemplo</span> | |
| 88 | <strong> | Elemento <strong>: uso y propósito común. | <strong>Contenido de ejemplo</strong> | |
| 89 | <style> | Elemento <style>: uso y propósito común. | <style>Contenido de ejemplo</style> | |
| 90 | <sub> | Elemento <sub>: uso y propósito común. | <sub>Contenido de ejemplo</sub> | |
| 91 | <summary> | Elemento <summary>: uso y propósito común. | <summary>Contenido de ejemplo</summary> | |
| 92 | <sup> | Elemento <sup>: uso y propósito común. | <sup>Contenido de ejemplo</sup> | |
| 93 | <table> | Elemento <table>: uso y propósito común. | <table>Contenido de ejemplo</table> | |
| 94 | <tbody> | Elemento <tbody>: uso y propósito común. | <tbody>Contenido de ejemplo</tbody> | |
| 95 | <td> | Elemento <td>: uso y propósito común. | <td>Contenido de ejemplo</td> | |
| 96 | <template> | Elemento <template>: uso y propósito común. | <template>Contenido de ejemplo</template> | |
| 97 | <textarea> | Elemento <textarea>: uso y propósito común. | <textarea>Contenido de ejemplo</textarea> | |
| 98 | <tfoot> | Elemento <tfoot>: uso y propósito común. | <tfoot>Contenido de ejemplo</tfoot> | |
| 99 | <th> | Elemento <th>: uso y propósito común. | <th>Contenido de ejemplo</th> | |
| 100 | <thead> | Elemento <thead>: uso y propósito común. | <thead>Contenido de ejemplo</thead> | |
| 101 | <time> | Elemento <time>: uso y propósito común. | <time>Contenido de ejemplo</time> | |
| 102 | <title> | Elemento <title>: uso y propósito común. | <title>Contenido de ejemplo</title> | |