Esta última no mide más de un pie de altura y unos siete pasos de ancho; es simplemente la cima plana de una roca gris que humea como una brasa caliente tras un chaparrón, y donde a nadie se le ocurriría aventurarse descalzo antes del atardecer. En la Pequeña Isabel, una vieja palmera raquítica, con un tronco grueso y abombado, áspero y cubierto de espinas —una auténtica bruja entre las palmeras—, agita un lúgubre racimo de hojas muertas sobre la arena gruesa.

Título 1

Esta última no mide más de un pie de altura y unos siete pasos de ancho; es simplemente la cima plana de una roca gris que humea como una brasa caliente tras un chaparrón, y donde a nadie se le ocurriría aventurarse descalzo antes del atardecer. En la Pequeña Isabel, una vieja palmera raquítica, con un tronco grueso y abombado, áspero y cubierto de espinas —una auténtica bruja entre las palmeras—, agita un lúgubre racimo de hojas muertas sobre la arena gruesa.

Título 2

Esta última no mide más de un pie de altura y unos siete pasos de ancho; es simplemente la cima plana de una roca gris que humea como una brasa caliente tras un chaparrón, y donde a nadie se le ocurriría aventurarse descalzo antes del atardecer. En la Pequeña Isabel, una vieja palmera raquítica, con un tronco grueso y abombado, áspero y cubierto de espinas —una auténtica bruja entre las palmeras—, agita un lúgubre racimo de hojas muertas sobre la arena gruesa.

Título 3

Esta última no mide más de un pie de altura y unos siete pasos de ancho; es simplemente la cima plana de una roca gris que humea como una brasa caliente tras un chaparrón, y donde a nadie se le ocurriría aventurarse descalzo antes del atardecer. En la Pequeña Isabel, una vieja palmera raquítica, con un tronco grueso y abombado, áspero y cubierto de espinas —una auténtica bruja entre las palmeras—, agita un lúgubre racimo de hojas muertas sobre la arena gruesa.

Título 4

Esta última no mide más de un pie de altura y unos siete pasos de ancho; es simplemente la cima plana de una roca gris que humea como una brasa caliente tras un chaparrón, y donde a nadie se le ocurriría aventurarse descalzo antes del atardecer. En la Pequeña Isabel, una vieja palmera raquítica, con un tronco grueso y abombado, áspero y cubierto de espinas —una auténtica bruja entre las palmeras—, agita un lúgubre racimo de hojas muertas sobre la arena gruesa.

Título 5

Esta última no mide más de un pie de altura y unos siete pasos de ancho; es simplemente la cima plana de una roca gris que humea como una brasa caliente tras un chaparrón, y donde a nadie se le ocurriría aventurarse descalzo antes del atardecer. En la Pequeña Isabel, una vieja palmera raquítica, con un tronco grueso y abombado, áspero y cubierto de espinas —una auténtica bruja entre las palmeras—, agita un lúgubre racimo de hojas muertas sobre la arena gruesa.

Título 6

Esta última no mide más de un pie de altura y unos siete pasos de ancho; es simplemente la cima plana de una roca gris que humea como una brasa caliente tras un chaparrón, y donde a nadie se le ocurriría aventurarse descalzo antes del atardecer. En la Pequeña Isabel, una vieja palmera raquítica, con un tronco grueso y abombado, áspero y cubierto de espinas —una auténtica bruja entre las palmeras—, agita un lúgubre racimo de hojas muertas sobre la arena gruesa.

Citas destacadas

Cita de una sola línea:

Mantén el hambre. Mantén la locura.

Cita de varias líneas con referencia bibliográfica:

El HTML

Elemento (o Elemento HTML de cita en bloque) indica que el texto que figura entre paréntesis es una cita extensa. Por lo general, esto se representa visualmente mediante una sangría (véase Notas (para saber cómo cambiarlo). Se puede indicar una URL de la fuente de la cita utilizando el citar atributo, mientras que se puede proporcionar una representación textual de la fuente utilizando el elemento.

multiple contributors – MDN HTML element reference – blockquote

Tablas

John Doe	$1	Because that’s all Steve Jobs needed for a salary.
Jane Doe	$100K	Por todo lo que escribe en su blog.
Fred Bloggs	$100M	Una imagen vale más que mil palabras, ¿verdad? Pues Jane multiplicada por mil.
Jane Bloggs	$100B	With hair like that?! Enough said…

Listas de definiciones

Definition List Title Definition list division. Startup A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model. #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. Do It Live I’ll let Bill O’Reilly will explicar este.

Listas sin ordenar (anidadas)

• Primer elemento de la lista
  • Primer elemento de la lista
    • Primer elemento de la lista
    • Segundo elemento de la lista
    • Tercer punto de la lista
    • Punto número cuatro de la lista
  • Segundo elemento de la lista
  • Tercer punto de la lista
  • Punto número cuatro de la lista
• Segundo elemento de la lista
• Tercer punto de la lista
• Punto número cuatro de la lista

Lista ordenada (anidada)

1. Primer elemento de la lista: comienza en el 8
   1. Primer elemento de la lista
      1. Elemento uno de la lista: atributo invertido
      2. Segundo elemento de la lista
      3. Tercer punto de la lista
      4. Punto número cuatro de la lista
   2. Segundo elemento de la lista
   3. Tercer punto de la lista
   4. Punto número cuatro de la lista
2. Segundo elemento de la lista
3. Tercer punto de la lista
4. Punto número cuatro de la lista

Etiquetas HTML

Estas etiquetas compatibles proceden del código de WordPress.com Preguntas frecuentes.

Etiqueta de dirección 1 Infinite Loop
Cupertino, CA 95014
Estados Unidos

Etiqueta de anclaje (también conocida como «enlace»)

Este es un ejemplo de un enlace.

Etiqueta de abreviatura

La abreviatura en serio stands for “seriously”.

Etiqueta de acrónimo (obsoleto en HTML5)

The acronym ftw stands for “for the win”.

Big Tag (obsoleto en HTML5)

Estas pruebas son muy importantes, pero esta etiqueta ya no es compatible con HTML5.

Etiqueta de cita

“Code is poetry.” –Automattic

Etiquetas de código

Esta etiqueta aplica estilos a los bloques de código.

.post-title {
margin: 0 0 5px;
font-weight: negrita;
tamaño de fuente: 38px;
line-height: 1,2;
Y aquí hay una línea de texto muy, muy, muy, muy larga, solo para ver cómo se gestiona y para averiguar cómo se desborda;
}

Más adelante, en estos ejercicios, descubrirás que «word-wrap: break-word;» será tu mejor aliado.

Eliminar etiqueta

Esta etiqueta te permitirá texto tachado, pero esta etiqueta es recomendado compatible con HTML5 (utiliza el (en su lugar).

Etiqueta «Emphasize»

La etiqueta «emphasize» debería poner en cursiva texto.

Etiqueta de línea horizontal

---

Esta frase viene después de una <hr /> etiqueta.

Insertar etiqueta

Esta etiqueta debería indicar insertado texto.

Etiquetas de teclado

Esta etiqueta, poco conocida, emula el texto del teclado, que suele tener un estilo similar al de la etiqueta.

Etiqueta preformateada

Esta etiqueta sirve para conservar los espacios en blanco tal y como se han escrito, por ejemplo, en poesía o en arte ASCII.

El camino que no tomé

Robert Frost


  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;

Etiquetas de cuotas para citas breves e integradas en el texto

Developers, developers, developers… –Steve Ballmer

Strike Tag (obsoleto en HTML5) y Etiqueta S

Esta etiqueta muestra texto tachado.

Etiqueta pequeña

Esta etiqueta muestra un texto más pequeño.

Etiqueta «Strong»

Esta etiqueta muestra texto en negrita.

Etiqueta de subíndice

Nos ponemos en modo «ciencia» con H₂O, which should push the “2” down.

Etiqueta de superíndice

Still sticking with science and Albert Einstein’s E = MC², lo que debería hacer que el 2 suba.

Etiqueta de teletipo (obsoletas en HTML5)

Esta etiqueta, que se utiliza muy poco, emula el texto de teletipo, que suele tener un estilo similar al de la etiqueta.

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

Esta etiqueta muestra texto subrayado.

Etiqueta de variable

Esto te permite designar variables.

Alineación de imágenes

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.

En sed porta lectus, el autor debe beber. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.

Imagen 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.

Cada uno en ultrices justo, se convierte en lorem, pharetra mauris. El vestibulum ante ipsum primis en faucibus orci luctus y ultrices posuere cubilia. Ahora las 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. Pero 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 alineada 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.

Cada uno en ultrices justo, se convierte en lorem, pharetra mauris. El vestibulum ante ipsum primis en faucibus orci luctus y ultrices posuere cubilia. Ahora las 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. Pero 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.

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 at scelerisque est.

Cada uno en ultrices justo, se convierte en lorem, pharetra mauris. El vestibulum ante ipsum primis en faucibus orci luctus y ultrices posuere cubilia. Ahora las 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. Pero 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.

En sed porta lectus, el autor debe beber. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.