Guía de estilo

Este último no tiene más de un pie de altura 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 ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol. En la Pequeña Isabel, una vieja palmera raída, con un grueso tronco abultado y áspero de espinas, muy bruja entre las palmeras, agita un lúgubre manojo de hojas muertas sobre la arena gruesa.

Cabecera uno

Este último no tiene más de un pie de altura 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 ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol.

Cabecera dos

Este último no tiene más de un pie de altura 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 ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol.

Cabecera tres

Este último no tiene más de un pie de altura 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 ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol.

Cabecera cuatro

Este último no tiene más de un pie de altura 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 ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol.

Cabecera cinco

Este último no tiene más de un pie de altura 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 ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol.

Cabecera seis

Este último no tiene más de un pie de altura 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 ningún hombre le importaría aventurar una suela desnuda antes de la puesta de sol.

Blockquotes

Cita en bloque de una línea:

Mantén el hambre. Sigue siendo tonto.

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

La gente cree que centrarse significa decir sí a aquello en lo que tienes que centrarte. Pero no significa eso en absoluto. Significa decir no a las otras cien buenas ideas que hay. Hay que elegir con cuidado. En realidad estoy tan orgulloso de las cosas que no hemos hecho como de las que sí. Innovar es decir no a 1.000 cosas.

Steve Jobs – Conferencia mundial de desarrolladores de Apple, 1997

Tablas

Empleado Salario
Jane $1 Porque eso es todo lo que Steve Job’ necesitaba como salario.
John $100K Por todo lo que bloguea.
Jane $100M Las imágenes valen más que mil palabras, ¿verdad? Así que Tom x 1.000.
Jane $100B ¡¿Con el pelo así?! Ya está bien…

Listas de definiciones

Definición Lista Título
División de la lista de definiciones.
Puesta en marcha
Una empresa emergente o startup es una empresa u organización temporal diseñada para buscar un modelo de negocio repetible y escalable.
#trabajo
Acuñado por Rob Dyrdek y su guardaespaldas personal Christopher «Big Black» Boykins, «Do Work» funciona como automotivador, para motivar a tus amigos.
Hazlo en directo
Dejaré que Bill O’Reilly explique esto.

Listas desordenadas (anidadas)

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

Lista ordenada (anidada)

  1. Punto uno de la lista
    1. Punto uno de la lista
      1. Punto uno de la lista
      2. Punto dos de la lista
      3. Punto tres de la lista
      4. Punto cuatro de la lista
    2. Punto dos de la lista
    3. Punto tres de la lista
    4. Punto cuatro de la lista
  2. Punto dos de la lista
  3. Punto tres de la lista
  4. Punto cuatro de la lista

Etiquetas HTML

Estas etiquetas soportadas provienen del FAQ de código de WordPress.com.

Etiqueta de dirección

1 Infinite Loop
Cupertino, CA 95014
Estados Unidos

Etiqueta de anclaje (enlace)

Este es un ejemplo de enlace.

Abreviatura Etiqueta

La abreviatura srsly significa «seriamente».

Acrónimo Etiqueta

Las siglas ftw significan «for the win» (por la victoria).

Etiqueta grande

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

Citar etiqueta

«El código es poesía». –Automattic

Código

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

Eliminar etiqueta

Esta etiqueta permite tachar texto, pero ya no es compatible con HTML5 (en su lugar, utilice <strike> ).

Etiqueta de énfasis

La etiqueta emphasize debe poner el texto en cursiva.

Insertar etiqueta

Esta etiqueta debe indicar el texto insertado.

Etiqueta de teclado

Esta etiqueta poco conocida emula el texto del teclado, que suele tener el mismo estilo que la etiqueta <code>.

Etiqueta preformateada

Esta etiqueta estiliza grandes bloques de código.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Citar etiqueta

Desarrolladores, desarrolladores, desarrolladores… –Steve Ballmer

Etiqueta fuerte

Esta etiqueta muestra el texto en negrita.

Etiqueta de subíndice

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

Etiqueta superíndice

Sigo aferrándome a la ciencia y a E = MC2 de Isaac Newton, que debería elevar el 2.

Etiqueta teletipo

Esta etiqueta, poco utilizada, emula el texto teletipo, que suele tener el mismo estilo que la etiqueta <code>.

Etiqueta variable

Esto le permite denotar variables.

 

En cuanto a la alineación, cabe señalar que los usuarios pueden elegir entre las opciones Ninguna, Izquierda, Derecha y Centro. Además, también tienen las opciones de miniatura, mediano, grande y tamaño completo.

La imagen de arriba resulta estar
centrada
.

El resto de este párrafo es de relleno para ver el texto que envuelve la imagen de 150×150, que está
alineada a la izquierda
.

Como puede ver, debería haber algo de espacio por encima, por debajo y a la derecha de la imagen. El texto no debe arrastrarse sobre la imagen. Arrastrarse no está bien. Las imágenes también necesitan un respiro. Que hablen como tú palabras. Deja que hagan su trabajo sin que el texto les moleste. En aproximadamente una frase más aquí, veremos que el texto se mueve desde la derecha de la imagen hacia abajo por debajo de la imagen en una transición sin fisuras. De nuevo, dejando que haga su trabajo. Misión cumplida.

Y ahora una
imagen masivamente grande
. Tampoco tiene
ninguna alineación
.

La imagen anterior, aunque tiene 1200px de ancho, no debe desbordar el área de contenido. Debe permanecer contenido sin interrupción visible del flujo de contenidos.

Y ahora vamos a cambiar las cosas a la
alinear a la derecha
. De nuevo, debe haber suficiente espacio por encima, por debajo y a la izquierda de la imagen. Míralo ahí… ¡Eh, tío! Vaya manera de rockear ese lado derecho. No me importa lo que diga la imagen alineada a la izquierda, estás estupenda. No dejes que nadie te diga lo contrario.

En un momento, debería ver que el texto empieza a ajustarse debajo de la imagen alineada a la derecha y se acomoda bien. Todavía debería haber mucho espacio y todo debería estar bien colocado. Sí… Así, sin más. Nunca se sintió tan bien tener razón.

Y cuando creías que ya habíamos terminado, ¡vamos a volver a hacerlas con pies de foto!

Leyenda con el enlace

La imagen de arriba resulta estar
centrada
. El pie de foto también tiene un enlace, para ver si hace algo raro.