Tablas con imagenes

Esta tabla lo que nos va a permitir es insertar imágenes en la segunda columna. Cuando vayas a manipular imágenes en html recurrirás al elemento img. De esta forma podrás insertar una imagen de forma sencilla en una página web

<img src="url_imagen" alt="texto alternativo" width="ancho" height="alto"/>

Por ejemplo un código para cargar una imagen podría ser

<img src="descargar.png" alt="Elemento de Descarga" width="50px" height="50px"/>

Puedes ver ejemplos sobre uso de imágenes en páginas web.

Así que para tener tablas html con imágenes solo tienes que utilizar el elemento img. dentro de las celdas de la tabla.

...

<tr>

 <td>Test</td>

 <td><img src="test.png"/></td>

</tr>

...

Así podríamos tener tablas HTML con imágenes de la siguiente forma:

<table>

<thead>

<tr>

<th>Texto</th>

<th>Imagen</th>

</tr>

</thead>

<tr>

<td>Test</td>

<td><img src="test.png"/></td>

</tr>

<tr>

<td>Descargar</td>

<td><img src="download.png"/></td>

</tr>

<tr>

<td>Curso</td>

<td><img src="curso.png"/></td>

</tr>

</table>