Aunque ya casi nadie programa directamente en HTML, pues se utilizan entornos de desarrollo que aplican técnicas avanzadas de formateo de textos web como HTML5 o CSS.
Si que resulta de utilidad en ocasiones tener una referencia simple a mano para poder personalizar determinados fragmentos de código.
Este es el motivo por el cual hemos realizado una guía rápida de las principales etiquetas utilizadas en la programación web html:
Metadatos del documento html
- <base>
- <head>
- <link>
- <meta>
- <style>
- <title>
Formato de texto:
- <b> o <strong> texto en negrita.
- <i> o <em> texto en cursiva.
- <small> texto más pequeño.
- <u> texto subrayado.
- <big> texto más grande.
- <sub> para texto subíndice y <sup> para superíndice.
- <strike>, <s> o <del> texto como tachado.
Estructura del documento.
- <address>
- <article> Contenidos que pueden separarse del resto del contenido. Visualmente no tienen porqué diferenciarse del resto del texto.
- <aside>
- <footer>
- <header>
- <h1>, <h2>, <h3>, … Para marcar los niveles de títulos de texto.
- <hgroup>
- <nav>
- <section> Contenidos pertenecientes a un índice. No presenta diferencias visuales para el texto incluido dentro de esta etiqueta.
- <a> Para marcar un texto como hipervínculo.
- <abbr> Saca un cuadro informativo al pasar el ratón por encima de un término o abreviación.
- <bdi>
- <bdo>
- <br> salta un espacio.
- <cite> realizar una cita » «.
- <code> indica que el texto hace referencia a código de programación.
- <data>
- <dfn>
- <em>
- <i>
- <kbd> Formato de texto que indica «lo que un usuario a de teclear».
- <mark>
- <q>
- <rp>
- <rt>
- <rtc>
- <ruby>
- <s>
- <samp>
- <span>
- <time>
- <u>
- <var>
- <wbr>
Formato del documento <body>
- <dd>
- <div>
- <dl>
- <dt>
- <figcaption>
- <figure>
- <hr> línea divisoria.
- <li> viñeta.
- <main>
- <ol>
- <p> Salto de línea.
- <pre>
- <ul>
- <del>
- <ins>
Tablas
- <table>
- <tbody>
- <td>
- <tfoot>
- <th>
- <thead>
- <tr>
- <caption>
- <col>
- <colgroup>
Formularios
- <button>
- <datalist>
- <fieldset>
- <form>
- <input>
- <keygen>
- <label>
- <legend>
- <meter>
- <optgroup>
- <option>
- <output>
- <progress>
- <select>
- <textarea>
Elementos multimedia incrustados
- <area>
- <audio>
- <map>
- <track>
- <video>
- <embed>
- <object>
- <param>
- <source>
Script y componentes web
- <details>
- <dialog>
- <menu>
- <menuitem>
- <summary>
- <content>
- <element>
- <shadow>
- <template>
- <canvas>
- <noscript>
- <script>
