Rúbricas

Cabecera uno

Cabecera dos

Cabecera tres

Cabecera cuatro

Cabecera cinco
Cabecera seis

Blockquotes

Cita en bloque de una línea:

Mantente hambriento. Sigue siendo tonto.

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

En HTML <blockquote> Elemento (o Elemento de cita en bloque HTML) indica que el texto adjunto es una cita ampliada. Normalmente, esto se representa visualmente mediante sangría (véase Notas para saber cómo cambiarla). La URL de la fuente de la cita puede indicarse mediante el botón cite mientras que una representación textual de la fuente puede proporcionarse mediante el atributo <cite> elemento.

múltiples colaboradores - MDN Referencia de elementos HTML - blockquote

Tablas

Empleado Salario
Juan Nadie $1 Porque eso es todo lo que Steve Jobs necesitaba como salario.
Jane Doe $100K Por todo lo que bloguea.
Fred Bloggs $100M Las imágenes valen más que mil palabras, ¿verdad? Así que Jane x 1.000.
Jane Bloggs $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 -empieza por 8
    1. Punto uno de la lista
      1. Elemento uno de la lista -atributo invertido
      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
United States

Etiqueta de anclaje (enlace)

Este es un ejemplo de enlace.

Abreviatura Etiqueta

La abreviatura srsly significa " seriamente ".

Etiqueta Acrónimo(obsoleta en HTML5)

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

Etiqueta grande(obsoleta en HTML5)

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

Esta etiqueta estiliza bloques de código.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
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;
}

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

Eliminar etiqueta

Esta etiqueta le permitirá suprimir textopero esta etiqueta es recomendado compatible con HTML5 (utilice la función <s> en su lugar).

Etiqueta de énfasis

La etiqueta emphasize debe poner el texto en cursiva.

Etiqueta de regla horizontal


Esta frase sigue a una <hr /> etiqueta.

Insertar etiqueta

Esta etiqueta debe indicar insertado texto.

Etiqueta de teclado

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

Etiqueta preformateada

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

El camino no tomado

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;

Etiqueta Quote para citas cortas en línea

Desarrolladores, desarrolladores, desarrolladores... -Steve Ballmer

Etiqueta Strike(obsoleta en HTML5) y Etiqueta S

Esta etiqueta muestra tachaduras texto.

Etiqueta pequeña

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

Etiqueta fuerte

Esta etiqueta muestra el texto en negrita.

Etiqueta de subíndice

Poniendo nuestro estilo científico conH2O, 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 (obsoleta en HTML5)

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

Etiqueta de subrayado obsoleta en HTML 4, reintroducida en HTML5 con otra semántica

Esta etiqueta muestra el texto subrayado.

Etiqueta variable

Esto le permite indicar variables.