Tipografía

Este último no tiene más de un pie de alto 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 nadie le importaría aventurarse a una suela desnuda antes de la puesta del sol. En la Pequeña Isabel, una vieja palmera harapienta, con un tronco grueso y abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena áspera.

Rúbrica 1 (H1)

Este último no tiene más de un pie de alto 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 nadie le importaría aventurarse a una suela desnuda antes de la puesta del sol. En la Pequeña Isabel, una vieja palmera harapienta, con un tronco grueso y abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena áspera.

Rúbrica 2 (H2)

Este último no tiene más de un pie de alto 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 nadie le importaría aventurarse a una suela desnuda antes de la puesta del sol. En la Pequeña Isabel, una vieja palmera harapienta, con un tronco grueso y abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena áspera.

Rúbrica 3 (H3)

Este último no tiene más de un pie de alto 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 nadie le importaría aventurarse a una suela desnuda antes de la puesta del sol. En la Pequeña Isabel, una vieja palmera harapienta, con un tronco grueso y abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena áspera.

Rúbrica 4 (H4)

Este último no tiene más de un pie de alto 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 nadie le importaría aventurarse a una suela desnuda antes de la puesta del sol. En la Pequeña Isabel, una vieja palmera harapienta, con un tronco grueso y abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena áspera.

Rúbrica 5 (H5)

Este último no tiene más de un pie de alto 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 nadie le importaría aventurarse a una suela desnuda antes de la puesta del sol. En la Pequeña Isabel, una vieja palmera harapienta, con un tronco grueso y abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena áspera.

Rúbrica 6 (H6)

Este último no tiene más de un pie de alto 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 nadie le importaría aventurarse a una suela desnuda antes de la puesta del sol. En la Pequeña Isabel, una vieja palmera harapienta, con un tronco grueso y abultado y áspero de espinas, muy bruja entre las palmeras, hace crujir un lúgubre manojo de hojas muertas sobre la arena áspera.

Citas en bloque

Cita en bloque de una sola línea:

Mantente hambriento. Mantente tonto.

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

El elemento HTML <blockquote> (o elemento de cita en bloque HTML) indica que el texto adjunto es una cita extendida. Por lo general, esto se representa visualmente mediante sangría (consulte Notas para saber cómo cambiarlo). Se puede proporcionar una URL para la fuente de la cita usando el atributo cite, mientras que una representación de texto de la fuente se puede dar usando el atributo <cite> elemento.

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

Mesas

Juan Fulano$1Porque eso era todo lo que Steve Jobs necesitaba para recibir un salario.
Jane Doe$100 milPor todos los blogs que hace.
Fred Bloggs100 millones de dólaresLas imágenes valen más que mil palabras, ¿verdad? Solo Jane x 1.000.
Jane Bloggs$100 mil millones¡¿Con el pelo así?! Ya se ha dicho bastante…

Listas de definiciones

Lista de definiciones Título División de la lista de definiciones. Startup Una startup company 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 automotivador, para motivar a tus amigos. Do It Live Dejaré que Bill O’Reilly explique esto.

Listas desordenadas (anidadas)

  • Elemento de lista uno
    • Elemento de lista uno
      • Elemento de lista uno
      • Elemento de lista dos
      • Elemento de la lista tres
      • Elemento de la lista cuatro
    • Elemento de lista dos
    • Elemento de la lista tres
    • Elemento de la lista cuatro
  • Elemento de lista dos
  • Elemento de la lista tres
  • Elemento de la lista cuatro

Lista ordenada (anidada)

  1. Elemento de la lista uno: comience en 8
    1. Elemento de lista uno
      1. Atributo invertido del elemento de lista uno
      2. Elemento de lista dos
      3. Elemento de la lista tres
      4. Elemento de la lista cuatro
    2. Elemento de lista dos
    3. Elemento de la lista tres
    4. Elemento de la lista cuatro
  2. Elemento de lista dos
  3. Elemento de la lista tres
  4. Elemento de la lista cuatro

Etiquetas HTML

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

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

Anchor Tag (también conocido como Anchor Tag. Enlace)

Este es un ejemplo de un enlace.

Etiqueta de abreviatura

La abreviatura srsly significa “en serio”.

Etiqueta de acrónimo (obsoleta en HTML5)

El acrónimo ftw significa “for the win”.

Etiqueta grande (obsoleta en HTML5)

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

Etiqueta de cita

“El código es poesía”.

Etiqueta de código

Esta etiqueta da estilo a 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;
}

Aprenderá más adelante en estas pruebas que word-wrap: break-word; será tu mejor amigo.

Eliminar etiqueta

Esta etiqueta le permitirá tachar texto, pero se recomienda que esta etiqueta sea compatible con HTML5 (use la <s> etiqueta en su lugar).

Etiqueta de énfasis

La etiqueta de énfasis debe poner el texto en cursiva.

Etiqueta de regla horizontal


Esta frase sigue a una <hr /> etiqueta.

Insertar etiqueta

Esta etiqueta debe denotar el texto insertado .

Etiqueta de teclado

Esta etiqueta poco conocida emula el texto del teclado, que generalmente tiene el estilo de la <code> etiqueta.

Etiqueta preformateada

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

El camino no tomado

Robert Frost Dos caminos se bifurcaban en un bosque amarillo, Y lamento no poder recorrer los dos (_/) Y ser un solo viajero, largo rato estuve (='.' =) Y miré hacia abajo hasta donde pude (")_(") Hacia donde se doblaba en la maleza; Luego tomó el otro, como justo como justo, Y teniendo tal vez el mejor derecho, |_/| Porque estaba cubierto de hierba y quería ponerse; /@ @ Aunque en cuanto a eso, el paso por allí (> > x

Etiqueta de cita para citas cortas en línea

Desarrolladores, desarrolladores, desarrolladores… –Steve Ballmer

Etiqueta Strike (obsoleta en HTML5) y etiqueta S

Esta etiqueta muestra texto tachado.

Etiqueta pequeña

Esta etiqueta muestra texto más pequeño.

Etiqueta fuerte

Esta etiqueta muestra texto en negrita.

Etiqueta de subíndice

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

Etiqueta de superíndice

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

Etiqueta de teletipo (obsoleta en HTML5)

Esta etiqueta raramente utilizada emula el texto del teletipo, que generalmente tiene el estilo de la <code> etiqueta.

Etiqueta de subrayado obsoleta en HTML 4, reintroducida en HTML5 con otras semánticas

Esta etiqueta muestra texto subrayado.

Etiqueta variable

Esto le permite denotar variables.

Iluminación de la imagen

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 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. En 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 a la 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. En 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. En 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.

Ampliación de imagen

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.