Referencia básica de etiquetas HTML

Etiquetas HMTLAunque 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>

Volver al índice del tutorial html …

1.00 avg. rating (47% score) - 1 vote

Deja tu comentario...

will not be published