Referencia básica de etiquetas HTML

Microaprendizaje / Tiempo de lectura: 2 minutos

Etiquetas HMTL

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>

 

Volver al índice del tutorial html …

Dejar una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Puedes usar estas etiquetas y atributos HTML:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>