Esta última no tiene más de un pie de altura y unos siete pasos de ancho, una mera cima plana de una roca gris que humea como una ceniza caliente después de un chaparrón, y donde a ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera raída, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena gruesa.

Rúbrica 1 (H1)

Esta última no tiene más de un pie de altura y unos siete pasos de ancho, una mera cima plana de una roca gris que humea como una ceniza caliente después de un chaparrón, y donde a ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera raída, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena gruesa.

Rúbrica 2 (H2)

Esta última no tiene más de un pie de altura y unos siete pasos de ancho, una mera cima plana de una roca gris que humea como una ceniza caliente después de un chaparrón, y donde a ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera raída, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena gruesa.

Rúbrica 3 (H3)

Esta última no tiene más de un pie de altura y unos siete pasos de ancho, una mera cima plana de una roca gris que humea como una ceniza caliente después de un chaparrón, y donde a ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera raída, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena gruesa.

Rúbrica 4 (H4)

Esta última no tiene más de un pie de altura y unos siete pasos de ancho, una mera cima plana de una roca gris que humea como una ceniza caliente después de un chaparrón, y donde a ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera raída, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena gruesa.

Rúbrica 5 (H5)

Esta última no tiene más de un pie de altura y unos siete pasos de ancho, una mera cima plana de una roca gris que humea como una ceniza caliente después de un chaparrón, y donde a ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera raída, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena gruesa.

Rúbrica 6 (H6)

Esta última no tiene más de un pie de altura y unos siete pasos de ancho, una mera cima plana de una roca gris que humea como una ceniza caliente después de un chaparrón, y donde a ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera raída, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena gruesa.

Comillas en bloque

Cita en bloque de una línea:

Mantén el hambre. Sigue siendo tonto.

Cita en bloque de varias líneas con una referencia de cita:

El elemento HTML <blockquote> (o elemento HTML de cita en bloque) indica que el texto encerrado es una cita extendida. Normalmente, esto se representa visualmente mediante sangría (consulta las Notas para saber cómo cambiarla). Se puede indicar una URL para la fuente de la cita utilizando el atributo cite, mientras que se puede indicar una representación textual de la fuente utilizando el atributo <cite> elemento.

múltiples colaboradores – MDN Referencia de elementos HTML – blockquote

Tablas

Juan Nadie	$1	Porque eso es todo lo que Steve Jobs necesitaba como salario.
Jane Doe	$100K	Por todo lo que bloguea.
Fred Bloggs	$100M	Las imágenes valen más que mil palabras, ¿verdad? Así que Jane x 1.000.
Jane Bloggs	$100B	¡¿Con el pelo así?! Ya está bien…

Listas de definiciones

Lista de definiciones Título División de la lista de definiciones. Startup Una empresa de nueva creación o startup es una empresa u organización temporal diseñada para buscar un modelo de negocio repetible y escalable. #dowork Acuñado por Rob Dyrdek y su guardaespaldas personal Christopher “Big Black” Boykins, “Do Work” funciona como automotivador, para motivar a tus amigos. Do It Live Dejaré que Bill O’Reilly explique ésta.

Listas desordenadas (anidadas)

• Enumera el punto uno
  • Enumera el punto uno
    • Enumera el punto uno
    • Enumera el punto dos
    • Enumera el punto tres
    • Enumera el punto cuatro
  • Enumera el punto dos
  • Enumera el punto tres
  • Enumera el punto cuatro
• Enumera el punto dos
• Enumera el punto tres
• Enumera el punto cuatro

Lista ordenada (anidada)

1. Enumera el punto uno -empieza por 8
   1. Enumera el punto uno
      1. Elemento de la lista uno -atributo invertido
      2. Enumera el punto dos
      3. Enumera el punto tres
      4. Enumera el punto cuatro
   2. Enumera el punto dos
   3. Enumera el punto tres
   4. Enumera el punto cuatro
2. Enumera el punto dos
3. Enumera el punto tres
4. Enumera el punto cuatro

Etiquetas HTML

Estas etiquetas compatibles proceden de las preguntas frecuentes sobre el código de WordPress.com.

Dirección Etiqueta 1 Infinite Loop
Cupertino, CA 95014
Estados Unidos

Etiqueta de anclaje (también conocida como enlace)

Este es un ejemplo de enlace.

Abreviatura Etiqueta

La abreviatura srsly significa “seriamente”.

Etiqueta Acrónimo(obsoleta en HTML5)

Las siglas ftw significan “for the win” (por la victoria).

Etiqueta grande(obsoleta en HTML5)

Estas pruebas son un gran problema, pero esta etiqueta ya no se admite en HTML5.

Citar etiqueta

“El código es poesía”. –Automattic

Código

Esta etiqueta estiliza bloques de código.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;
}
Más adelante en estas pruebas aprenderás que word-wrap: break-word;será tu mejor amigo.

Eliminar etiqueta

Esta etiqueta te permitirá tachar texto, pero se recomienda su uso en HTML5 (utiliza en su lugar <s> ).

Enfatizar etiqueta

La etiqueta enfatizar debe poner el texto en cursiva.

Etiqueta de regla horizontal

---

Esta frase sigue a una etiqueta <hr />.

Insertar etiqueta

Esta etiqueta debe indicar el texto insertado.

Etiqueta del teclado

Esta etiqueta poco conocida emula el texto del teclado, que suele tener el mismo estilo que la etiqueta <code>.

Etiqueta preformateada

Esta etiqueta sirve para conservar los espacios en blanco tal y como se escriben, como en la poesía o el arte ASCII.

El camino no tomado

Robert Frost


 Dos caminos se bifurcaban en un bosque amarillo,
 Y lamentando no poder viajar por ambos (_/)
 Y ser un solo viajero, me detuve (='.'=)
 Y miré hacia abajo por uno todo lo que pude (")_(")
 Hasta donde se doblaba entre la maleza;

 Luego tomé el otro, igual de justo,
 Y que tal vez tenía mejor derecho, |_/|
 Porque era herboso y necesitaba desgaste; / @ @
 Aunque en cuanto a eso el paso por allí ( > º < )
 Los había desgastado realmente igual, `>>x

Etiqueta de cita para citas cortas y en línea

Desarrolladores, desarrolladores, desarrolladores… –Steve Ballmer

Etiqueta Strike(obsoleta en HTML5) y Etiqueta S

Esta etiqueta muestra el texto tachado.

Etiqueta pequeña

Esta etiqueta muestra un texto más pequeño.

Etiqueta fuerte

Esta etiqueta muestra el texto en negrita.

Etiqueta de subíndice

Poniendo nuestro estilo científico con el _H2O, que debería empujar el “2” hacia abajo.

Etiqueta superíndice

Seguimos con la ciencia y con E = ^MC2 de Albert Einstein, que debería elevar el 2.

Etiqueta teletipo (obsoleta en HTML5)

Esta etiqueta, poco utilizada, emula el texto teletipo, que suele tener el mismo estilo que la etiqueta <code>.

Etiqueta de subrayado obsoleta en HTML 4, reintroducida en HTML5 con otra semántica

Esta etiqueta muestra el texto subrayado.

Etiqueta variable

Esto te permite denotar variables.

Desplazamiento de imágenes

Imagen de alineación central

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

In sed porta lectus, auctor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.

Imagen de alineación izquierda

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus at scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. In sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisis aliquet elit, a egestas quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Imagen de alineación derecha

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus at scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. In sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisis aliquet elit, a egestas quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Imagen de 150 × 150, alineada a la izquierda

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus at scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. In sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisis aliquet elit, a egestas quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Imagen grande

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

In sed porta lectus, auctor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.