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 – MDN HTML element reference – blockquote

Mesas

Empleado Salario
Juan Pérez $1 Because that’s all Steve Jobs needed for a salary.
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 With hair like that?! Enough said…

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
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
hazlo en vivo
I’ll let Bill O’Reilly will 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 stands for “seriously”.

Etiqueta de acrónimo (obsoleto en HTML5)

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

etiqueta grande (obsoleto en HTML5)

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

Citar etiqueta

“Code is poetry.” —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


  Two roads diverged in a yellow wood,
  And sorry I could not travel both          (_/)
  And be one traveler, long I stood         (='.'=)
  And looked down one as far as I could     (")_(")
  To where it bent in the undergrowth;

  Then took the other, as just as fair,
  And having perhaps the better claim,          |_/|
  Because it was grassy and wanted wear;       / @ @
  Though as for that the passing there        ( > º < )
  Had worn them really about the same,         `>>x<<´
                                               /  O
  And both that morning equally lay
  In leaves no step had trodden black.
  Oh, I kept the first for another day!
  Yet knowing how way leads on to way,
  I doubted if I should ever come back.

  I shall be telling this with a sigh
  Somewhere ages and ages hence:
  Two roads diverged in a wood, and I?
  I took the one less traveled by,
  And that has made all the difference.


  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;

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

Developers, developers, developers… –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, which should push the “2” down.

Etiqueta de superíndice

Still sticking with science and Albert Einstein’s E = MC2, 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.

150 × 150 Image, Which is Left Aligned

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.