Saltar la navegación

Representación del código informático

Hay una serie de elementos disponibles para marcar código informático usando HTML:

  • <code>: Para marcar fragmentos genéricos de código informático.
  • <pre>: Para respetar los espacios en blanco (en general, en los bloques de código) — si utilizas la sangría o diversos espacios en blanco consecutivos dentro de un texto, los navegadores los ignorarán y no se mostrarán en la página. Sin embargo, si delimitas el texto con las etiquetas <pre></pre>, los espacios en blanco se representarán de forma idéntica a como se ven en tu editor de texto.
  • <var>: Para marcar específicamente nombres de variables.
  • <kbd>: Para marcar entradas de teclado (y de otro tipo) en el ordenador.
  • <samp>: Para marcar la salida de un programa de ordenador.

Veamos algunos ejemplos. Deberías intentar jugar con estos (intenta obtener una copia de nuestro archivo de ejemplo other-semantics.html):

El código anterior se verá así:

Ver Resultado