Actividades realizadas

Listas

Busque la lista de atributos admitidos para la etiqueta area

Alt, href, target, rel, media, hreflang, type, shape, coords

Indica para que sirven estas etiquetas: details, mark, summary, hr. Pon ejemplos.

Details

Sencillo post para repasar la etiqueta details HTML5, dicha nueva etiqueta tiene como funcionalidad ofrecer y mostrar información complementaria y/o adicional de un elemento de la web.

Su comportamiento es como la de un widget que muestra y oculta información (Como un menú con efecto acordeón). Un ejemplo sería las especificaciones técnicas de un producto en el típico carrito de la compra.

Sumario explicativo

Datos y texto, Datos y texto, Datos y texto, Datos y texto

Mark

La etiqueta mark HTML5 sirve para representar un texto relevante, este puede ser importante o no dentro del contexto de la página. No confundir con la etiqueta strong que indica enfasis e importancia.

Por ejemplo, podremos usar mark cuando tengamos que resaltar el texto relevante en un listado de resultados de búsquedas para facilitar su visualización.

Texto resaltado

Summary

Tiene como funcionalidad añadir un sumario en la etiqueta details que a su vez muestra información complementaria y/o adicional de un elemento de la web.

El comportamiento de la etiqueta details HTML5 es como la de un widget que muestra y oculta información (Un menú con efecto acordeón). Un ejemplo sería las especificaciones técnicas de un producto en el típico carrito de la compra.

Colores RGB

Los colores RGB son el rojo, verde y azul.

hr

El elemento HTML representa un cambio de tema entre párrafos (por ejemplo, un cambio de escena en una historia, un cambio de tema en una sección). En versiones previas de HTML representaba una línea horizontal. Aún puede ser representada como una línea horizontal en los navegadores visuales, pero ahora es definida en términos semánticos y no tanto en términos representativos, por tanto para dibujar una línea horizontal se debería usar el CSS apropiado.


Probando

Crea un documento que incluya

Una lista ordenada de monumentos de Córdoba.

  1. La Mézquita
  2. Puente Romano
  3. Alcazar de Los Reyes Cristianos
  4. Media Azahara
  5. Torre de la Calahorra
  6. Palacio de Viana
  7. Templo Romano

La lista anterior empezando en el número 11.

  1. La Mézquita
  2. Puente Romano
  3. Alcazar de Los Reyes Cristianos
  4. Media Azahara
  5. Torre de la Calahorra
  6. Palacio de Viana
  7. Templo Romano

La lista anterior invertida.

  1. La Mézquita
  2. Puente Romano
  3. Alcazar de Los Reyes Cristianos
  4. Media Azahara
  5. Torre de la Calahorra
  6. Palacio de Viana
  7. Templo Romano

La lista anterior con el título: “Lista de monumentos”.

Lista de monumentos

  1. La Mézquita
  2. Puente Romano
  3. Alcazar de Los Reyes Cristianos
  4. Media Azahara
  5. Torre de la Calahorra
  6. Palacio de Viana
  7. Templo Romano

Crea un documento HTML que genere la salida de la imagen:

Documento

Imagen de documento a copiar