Diseño

Esto es un párrafo con una foto arriba, es un ejemplo común del comienzo de una entrada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.

Títulos

Esto es un título d1

Esto es un título d2

Esto es un título d3

Esto es un título d4


Esto es un título h1

Esto es un título h2

Esto es un título h3

Esto es un título h4

Esto es un título h5
Esto es un título h6

Esto es un título h2 con clase h4

Párrafos

Esto es un párrafo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.

Esto es otro párrafo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.

Largo de linea

El largo de linea debe de ser entre 65 y 75 caracteres. Una linea con todas las tiras del abecedario en mayúscula y minúscula mas todos los números son 62 caracteres. Por lo tanto el primer nueve es el carácter número 62, los caracteres que le siguen son los caracteres número 63, 64, 65, etc., el dígito del carácter indica el segundo dígito del número de caracteres de la linea.

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789345678901234567890

Italica

Esto es un texto en itálica.

Negrita

Esto es un texto en negrita.

Grande

Esto es un texto grande.

Medio

Esto es un texto normal.

Normal

Esto es un texto normal.

Pequeño

Esto es un texto pequeño.

Extra pequeño

Esto es un texto extra pequeño.

Subíndice

Esto es un texto normal Esto es un texto en subíndice.

Superíndice

Esto es un texto normal Esto es un texto en superíndice

Marcado

Esto es un texto marcado.

Insertado

Esto es un texto insertado.

Eliminado

Esto es un texto eliminado.

Enlaces

Esto es un enlace.

Botones

Esto es un botón

Listas

  1. Esto es un elemento de una lista ordenada.
  2. Esto es otro elemento de una lista ordenada.
  3. Esto es otro elemento más de una lista ordenada.
  4. Esto es otro elemento más de una lista ordenada.
  5. Esto es otro elemento más de una lista ordenada.
  6. Esto es otro elemento más de una lista ordenada.
  7. Esto es otro elemento más de una lista ordenada.
  8. Esto es otro elemento más de una lista ordenada.
  9. Esto es otro elemento más de una lista ordenada.
  10. Esto es otro elemento más de una lista ordenada.
  1. Esto es un párrafo en una lista ordenada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.
  2. Esto es otro párrafo en una lista ordenada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.
  • Esto es un elemento de una lista no ordenada.
  • Esto es otro elemento de una lista no ordenada.
  • Esto es otro elemento más de una lista no ordenada.
  • Esto es otro elemento más de una lista no ordenada.
  • Esto es otro elemento más de una lista no ordenada.
  • Esto es un párrafo en una lista no ordenada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.
  • Esto es otro párrafo en una lista no ordenada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.

Citas

Esto es un texto de cita. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.

Esto es el nombre de una obra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.

Esto es un bloque de cita. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.

Notas

Esta es una nota. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.

Preformateado

Esto es un bloque preformateado.
Columna 1    Columna 2    Columna 3    Columna 4    Columna 5
Columna 1    Columna 2    Columna 3    Columna 4    Columna 5
Columna 1    Columna 2    Columna 3    Columna 4    Columna 5

Código

Esto es un texto de código. Se puede escribir una etiqueta de html entre <code> y </code>, como por ejemplo aquí <p>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.

Esto es un bloque de código.
body {
    background-color: #ffffff;
    color: #363636;
    font-family: "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    margin: 0;
}

Teclado

Lo siguiente es una entrada de teclado cmd + c Se puede escribir una entrada de teclado entre <kbd> y </kbd>, como por ejemplo aquí alt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.

Ejemplo

Esto es un texto de Ejemplo de salida de programa. Se puede escribir un ejemplo de salida de programa entre <samp> y </samp>, como por ejemplo aquí Hola mundo :). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit vitae, rhoncus id velit. Proin at nunc ligula. Donec ultrices quam mauris. Maecenas mollis molestie lectus a auctor. Vestibulum ac leo at erat vulputate porttitor. Pellentesque eu dui scelerisque est tincidunt elementum quis quis libero. Phasellus cursus mollis rhoncus. Ut quis ligula at tortor luctus malesuada. Sed ullamcorper tempor imperdiet. Phasellus in purus sapien. Phasellus ac lacus et sapien dignissim congue.

Esto es un bloque de ejemplo de salida de programa.
Last login: Mon Jun  3 09:02:39 on ttys000
Restored session: Mon Jun  3 09:03:03 -03 2019
MAC04:~ Marcelo$ 

Columnas

2 columnas

Columna 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula.
Columna 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula.

3 columnas

4 columnas

Columna 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula.
Columna 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula.
Columna 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula.
Columna 4. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula.

6 columnas

Columna 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula.
Columna 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula.
Columna 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula.
Columna 4. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula.
Columna 5. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula.
Columna 6. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula.

Tablas

Tamaños de letras
h w max-981px 980-769px 768-481px 480-321px 320px-min
h1 bold 47px 39px 35px 27px 22px
h2 bold 36px 31px 29px 24px 20px
h3 bold 27px 25px 24px 21px 19px
h4 bold 20px 20px 20px 19px 18px
h5 bold 15px 16px 17px 17px 17px
h6 bold 11px 13px 14px 15px 16px
body 400 20px 20px 20px 19px 18px

Más

Títulos

Esto es un párrafo con una foto arriba, es un ejemplo común del comienzo de una entrada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor

Lorem ipsum dolor sit amet 10

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit

Lorem ipsum dolor sit amet 9

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit

Lorem ipsum dolor sit amet 8

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit

Lorem ipsum dolor sit amet 7

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id adipiscing nulla. Etiam vulputate urna nec ante adipiscing hendrerit. Maecenas imperdiet tortor et elit porta eu congue erat vehicula. Curabitur ante ligula, elementum sit amet hendrerit