Tipografía

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 una lluvia, y donde nadie se atrevería a aventurar una planta desnuda antes de la puesta del sol. En la Pequeña Isabel una vieja palmera harapienta, con un tronco grueso y abultado áspero de espinas, muy bruja entre las palmeras, susurra un lúgubre manojo de hojas muertas sobre la arena gruesa.

Título 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 una lluvia, y donde nadie se atrevería a aventurar una planta desnuda antes de la puesta del sol. En la Pequeña Isabel una vieja palmera harapienta, con un tronco grueso y abultado áspero de espinas, muy bruja entre las palmeras, susurra un lúgubre manojo de hojas muertas sobre la arena gruesa.

Título 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 una lluvia, y donde nadie se atrevería a aventurar una planta desnuda antes de la puesta del sol. En la Pequeña Isabel una vieja palmera harapienta, con un tronco grueso y abultado áspero de espinas, muy bruja entre las palmeras, susurra un lúgubre manojo de hojas muertas sobre la arena gruesa.

Título 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 una lluvia, y donde nadie se atrevería a aventurar una planta desnuda antes de la puesta del sol. En la Pequeña Isabel una vieja palmera harapienta, con un tronco grueso y abultado áspero de espinas, muy bruja entre las palmeras, susurra un lúgubre manojo de hojas muertas sobre la arena gruesa.

Título 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 una lluvia, y donde nadie se atrevería a aventurar una planta desnuda antes de la puesta del sol. En la Pequeña Isabel una vieja palmera harapienta, con un tronco grueso y abultado áspero de espinas, muy bruja entre las palmeras, susurra un lúgubre manojo de hojas muertas sobre la arena gruesa.

Título 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 una lluvia, y donde nadie se atrevería a aventurar una planta desnuda antes de la puesta del sol. En la Pequeña Isabel una vieja palmera harapienta, con un tronco grueso y abultado áspero de espinas, muy bruja entre las palmeras, susurra un lúgubre manojo de hojas muertas sobre la arena gruesa.

Título 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 una lluvia, y donde nadie se atrevería a aventurar una planta desnuda antes de la puesta del sol. En la Pequeña Isabel una vieja palmera harapienta, con un tronco grueso y abultado áspero de espinas, muy bruja entre las palmeras, susurra un lúgubre manojo de hojas muertas sobre la arena gruesa.

Citas en bloque

Cita en bloque de una sola línea:

Quedarse con hambre. Mantente tonto.

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

los HTML

Elemento (o Elemento de cotización de bloque HTML) indica que el texto adjunto es una cita ampliada. Por lo general, esto se representa visualmente mediante sangría (ver notas para saber cómo cambiarlo). Se puede proporcionar una URL para la fuente de la cita utilizando el citar atributo, mientras que una representación de texto de la fuente se puede dar usando el elemento.

varios contribuyentes – Referencia de elemento HTML de MDN – cita en bloque

Mesas

Empleado Salario
Juan Pérez $1 Porque eso es todo lo que Steve Jobs necesitaba para un salario.
fulano de tal $100K Por todos los blogs que hace.
blogs de Fred $100M Las imágenes valen más que mil palabras, ¿verdad? Así que Jane x 1000.
blogs de jane $100B ¿Con el pelo así? Basta de charla…

Listas de definiciones

Título de la lista de definiciones
División de la lista de definiciones.
Puesta en marcha
Una startup 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 explique Éste.

Listas desordenadas (anidadas)

  • Elemento de la lista uno
    • Elemento de la lista uno
      • Elemento de la lista uno
      • Elemento de la lista dos
      • Elemento de la lista tres
      • Elemento de la lista cuatro
    • Elemento de la lista dos
    • Elemento de la lista tres
    • Elemento de la lista cuatro
  • Elemento de la 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 la lista uno
      1. Elemento de lista uno: atributo invertido
      2. Elemento de la lista dos
      3. Elemento de la lista tres
      4. Elemento de la lista cuatro
    2. Elemento de la lista dos
    3. Elemento de la lista tres
    4. Elemento de la lista cuatro
  2. Elemento de la lista dos
  3. Elemento de la lista tres
  4. Elemento de la lista cuatro

Etiquetas HTML

Estas etiquetas admitidas provienen del código de WordPress.com Preguntas más frecuentes.

Etiqueta de dirección

1 bucle infinito
Cupertino, CA 95014
Estados Unidos

Etiqueta de anclaje (también conocida como enlace)

Éste es un ejemplo de un Enlace.

Etiqueta de abreviatura

La abreviatura srsly significa "en serio".

Etiqueta de acrónimo (obsoleto en HTML5)

El acrónimo ftw significa "por la victoria".

etiqueta grande (obsoleto en HTML5)

Estas pruebas son un grande trato, pero esta etiqueta ya no es compatible con HTML5.

Citar etiqueta

“El código es poesía”. —Automático

Etiqueta de código

Esta etiqueta diseña bloques de código.
.título de la entrada {
margen: 0 0 5px;
fuente-peso: negrita;
tamaño de fuente: 38px;
altura de línea: 1.2;
y aquí hay una línea de un texto muy, muy, muy, muy largo, solo para ver cómo se maneja y para descubrir cómo se desborda;
}

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

Eliminar etiqueta

Esta etiqueta te permitirá tachar texto, pero esta etiqueta es recomendado soportado en HTML5 (utilice el en cambio).

Etiqueta de énfasis

La etiqueta de énfasis debe escribir en cursiva texto.

Etiqueta de regla horizontal


Esta oración sigue a un <hr /> etiqueta.

Insertar etiqueta

Esta etiqueta debe indicar insertado texto.

Etiqueta de teclado

Esta etiqueta apenas conocida emula texto del teclado, que por lo general tiene el mismo estilo que el etiqueta.

Etiqueta preformateada

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

El camino no tomado


roberto escarcha


  Dos caminos se bifurcaban en un bosque amarillo, Y lo siento, no pude viajar ambos (_/) Y ser un viajero, mucho tiempo me paré (='.'=) Y miré hacia abajo uno tan lejos como pude (")_(") hacia donde se doblaba en la maleza; Entonces tomó el otro, igual de justo, Y teniendo quizás el mejor derecho, |_/| Porque estaba cubierto de hierba y necesitaba desgaste; / @ @ Aunque en cuanto a que el paso allí ( > º < ) Los había desgastado realmente más o menos igual, `>>x<<´ / O Y ambos esa mañana yacían igualmente En hojas negras que ningún paso había pisado. ¡Oh, me quedé con el primero para otro día! Sin embargo, sabiendo cómo un camino lleva a otro camino, dudé si alguna vez debería volver. Estaré contando esto con un suspiro En algún lugar dentro de siglos y siglos: dos caminos se bifurcaban 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, muy largo, solo para ver cómo se maneja y para descubrir cómo se desborda;

Etiqueta de cotización para citas cortas en línea

Desarrolladores, desarrolladores, desarrolladores… –Steve Ballmer

Etiqueta de huelga (obsoleto en HTML5) y Etiqueta S

Esta etiqueta muestra tachado texto.

Etiqueta pequeña

Esta etiqueta muestra menor texto.

Etiqueta fuerte

Esta etiqueta muestra texto en negrita.

Etiqueta de subíndice

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

Etiqueta de superíndice

Sigo con la ciencia y la E = MC de Albert Einstein2, que debería levantar el 2.

Etiqueta de teletipo (obsoleto en HTML5)

Esta etiqueta de uso poco frecuente emula texto de teletipo, que por lo general tiene el mismo estilo que el etiqueta.

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

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 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 en 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. Entero facilisis aliquet elit, a egestas quam cursus quis. En 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 en 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. Entero facilisis aliquet elit, a egestas quam cursus quis. En 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 en 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. Entero facilisis aliquet elit, a egestas quam cursus quis. En 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.