Tabla con imágenes incluyendo enlaces en HTML

En esta entrada os voy a mostrar un ejemplo de una tabla con imágenes y enlaces creada con el código HTML. En la tabla se muestran imágenes de lugares interesantes de visitar y pulsando sobre ellas lleva a una página web que muestra información sobre estos lugares. Al final se muestra un enlace hacia este blog.

Un ejemplo sería:

Captura de pantalla de 2016-11-30 13:24:19.png

 

Las etiquetas utilizadas para realizar la tabla son las siguientes:

<meta charset=”UTF-8″> para que las tildes aparezacan correctamente.

<a href> sirve para añadir un enlace a una página web.

 <img src> para añadir el enlace de una imagen.

<width> y <height>  para la altura y anchura de la imagen.

 <alt> para poner lo que es la imagen que se ha enlazado.

<table> para mostrar los datos en filas y columnas.

<tr> para comenzar una fila en la tabla.

 <td> para poner el contenido de la entrada.

<rowspan> para unir filas.

<colspan> para unir columnas.

Aqui os muestro como queda el código:

Captura de pantalla de 2016-11-29 11:12:01.png

Aplicando este código se podrá obtener la tabla mostrada al principio.

 

Anuncios

Un comentario en “Tabla con imágenes incluyendo enlaces en HTML

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s