Tipografía

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 ningún hombre querría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera desgarrada, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas por encima de la tosca arena.

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 ningún hombre querría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera desgarrada, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas por encima de la tosca arena.

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 ningún hombre querría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera desgarrada, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas por encima de la tosca arena.

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 ningún hombre querría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera desgarrada, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas por encima de la tosca arena.

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 ningún hombre querría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera desgarrada, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas por encima de la tosca arena.

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 ningún hombre querría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera desgarrada, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas por encima de la tosca arena.

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 ningún hombre querría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera desgarrada, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas por encima de la tosca arena.

Blockquotes

Cita en bloque de una línea:

Manténgase hambriento. Sigue siendo tonto.

Cita en bloque de varias líneas con una referencia de citación:

El HTML

Elemento (o Elemento de cita en bloque HTML) indica que el texto adjunto es una cita extendida. Normalmente, esto se representa visualmente mediante una sangría (véase Notas para saber cómo cambiarlo). Se puede dar una URL de la fuente de la cita utilizando el botón citar mientras que una representación textual de la fuente puede darse utilizando el atributo elemento.

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

Tablas

Juan Pérez$1Porque eso es todo lo que necesitaba Steve Jobs para tener un sueldo.
Jane Doe$100KPor todos los blogs que hace.
Fred Bloggs$100MLas imágenes valen más que mil palabras, ¿verdad? Así que Jane x 1.000.
Jane Bloggs$100B¡¿Con el pelo así?! Ya se ha dicho bastante...

Listas de definiciones

Título de la lista de definiciones División de la lista de definiciones. Startup Una empresa emergente 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 un auto-motivador, para motivar a tus amigos. Hazlo en vivo Dejaré que Bill O'Reilly lo haga explicar este.

Listas desordenadas (anidadas)

  • Lista del punto uno
    • Lista del punto uno
      • Lista del punto uno
      • Lista del punto dos
      • Lista del punto tres
      • Lista del punto cuatro
    • Lista del punto dos
    • Lista del punto tres
    • Lista del punto cuatro
  • Lista del punto dos
  • Lista del punto tres
  • Lista del punto cuatro

Lista ordenada (anidada)

  1. Lista del punto uno -comienza en el 8
    1. Lista del punto uno
      1. Lista de elementos uno -atributo invertido
      2. Lista del punto dos
      3. Lista del punto tres
      4. Lista del punto cuatro
    2. Lista del punto dos
    3. Lista del punto tres
    4. Lista del punto cuatro
  2. Lista del punto dos
  3. Lista del punto tres
  4. Lista del punto cuatro

Etiquetas HTML

Estas etiquetas compatibles provienen del código de WordPress.com PREGUNTAS FRECUENTES.

Etiqueta de la dirección 1 Bucle infinito
Cupertino, CA 95014
Estados Unidos

Etiqueta de anclaje (también conocida como enlace)

Este es un ejemplo de enlace.

Etiqueta de abreviatura

La abreviatura srsly significa "en serio".

Etiqueta de acrónimo (obsoleto en HTML5)

El acrónimo ftw significa "for the win" (por la victoria).

Gran etiqueta (obsoleto en HTML5)

Estas pruebas son un gran problema, pero esta etiqueta ya no es compatible con HTML5.

Citar la etiqueta

"El código es poesía". -Automattic

Código de la etiqueta

Esta etiqueta estiliza bloques de código.
.post-title {
margen: 0 0 5px;
font-weight: bold;
tamaño de fuente: 38px;
altura de línea: 1,2;
y aquí hay una línea de texto muy, muy, muy larga, sólo para ver cómo se maneja y para saber cómo se desborda;
}

Más adelante, en estas pruebas, aprenderás que el word-wrap: break-word;será tu mejor amigo.

Eliminar la etiqueta

Esta etiqueta le permitirá tachar el textopero esta etiqueta es recomendado soportado en HTML5 (utilice el en su lugar).

Etiqueta de énfasis

La etiqueta emphasize debe poner en cursiva texto.

Etiqueta de regla horizontal


Esta frase sigue a una <hr /> etiqueta.

Insertar etiqueta

Esta etiqueta debe indicar insertado texto.

Etiqueta del teclado

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

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 bifurcan en un bosque amarillo,
  Y siento no poder viajar por ambos (_/)
  Y ser un viajero, mucho tiempo me quedé (='.'=)
  Y miré hacia abajo uno tan lejos como pude (")_(")
  Hasta donde se doblaba en la maleza;

  Luego tomé el otro, como igual de justo,
  y que tal vez tenía el mejor derecho, |_/|
  Porque era de hierba y quería desgaste; / @ @
  Aunque en cuanto a que el paso allí ( > º >x<<'
                                               / O
  Y ambos esa mañana igualmente yacían
  En las hojas ningún paso había pisado negro.
  ¡Oh, guardé el primero para otro día!
  Sin embargo, sabiendo que el camino lleva al camino,
  Dudé si alguna vez volvería.

  Contaré esto con un suspiro
  En algún lugar, dentro de siglos y siglos:
  Dos caminos se separaron en un bosque, y yo...
  Tomé el menos transitado,
  Y eso ha hecho toda la diferencia.


  y aquí hay una línea de un texto muy, muy, muy largo, sólo para ver cómo se maneja y para saber cómo se desborda;

Etiqueta de cotización para las comillas cortas y en línea

Desarrolladores, desarrolladores, desarrolladores... -Steve Ballmer

Etiqueta de huelga (obsoleto 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 texto en negrita.

Etiqueta de subíndice

Poner en marcha nuestro estilo científico con H2O, que debería empujar el "2" hacia abajo.

Etiqueta de superíndice

Siguiendo con la ciencia y el E = MC de Albert Einstein2que debería levantar el 2.

Etiqueta de teletipo (obsoleto en HTML5)

Esta etiqueta, poco utilizada, emula el texto de teletipo, que suele tener un estilo similar al de <code> etiqueta.

Etiqueta de subrayado obsoleto en HTML 4, reintroducido en HTML5 con otra semántica

Esta etiqueta muestra el texto subrayado.

Etiqueta variable

Esto permite denotar variables.

Imagen de la salida

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, que está 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.