Apuntes sobre Html2

Cuando uno enseña, dos aprenden.

Apéndice A: Specimen de elementos HTML

Una sola página que muestra los elementos HTML más comunes con un CSS mínimo de legibilidad: reset básico, tipografía neutra y algo de espaciado. Sin colores de marca, sin layout, sin decoración. El objetivo es ver la forma de cada elemento con la menor interferencia posible.

Nota: Los estilos de esa página están en un <style> dentro del mismo archivo, únicamente para que el ejemplo sea autocontenido y fácil de inspeccionar. En un proyecto real, los estilos van siempre en una hoja de estilos externa.

Ver specimen de elementos HTML

La página incluye:

  • Estructura semántica: header, nav, footer, main, article, section, aside
  • Encabezados: h1 a h6
  • Texto inline: strong, em, mark, del, ins, sup, sub, small, abbr, time, code
  • Bloques de texto: p, blockquote, pre, address, hr
  • Listas: ul, ol (con anidamiento), dl / dt / dd
  • Tabla: table, caption, thead, tbody, tfoot, th, td
  • Formulario: form, fieldset, legend, todos los tipos de input más comunes, select con optgroup, textarea, button
  • Interactivo: details / summary (cerrado, abierto, y con atributo open)
  • Multimedia: figure / figcaption
TOP