HTML 9. TABLAS

Las Tablas es la mejor forma de distribuir tu página web. Se usan para el diseño y composición de una página web debido a que pueden contener información en cada celda ya sea en forma de links, de imágenes o de texto.

ETIQUETAS A USAR

• <TABLE>: Nos dice que viene una tabla.
• <TR>: Le decimos al navegador que tenemos una fila.
• <TD>: Dentro de la fila de decimos que viene una celda.

Por lo tanto si quiero hacer una tabla de 2 filas y 2 columnas, tendré que escribir el siguiente código....

Y tendré este resultado....

Dentro de cada celda puedes poner texto, imágenes y además puedes poner enlaces a cada cosa que pongas en la celda.


EJERCICIO 9


Tienes que hacer la siguiente tabla, igual que está en esta imagen....

Guardalo con el nombre ejercicio9.html
Podemos modificar las tablas, su tamaño, color, etc. Sólo tienes que añadir los siguientes atributos....

EJERCICIO 10

Modica la tabla del ejercicio 10 y trata de dejarla como en la siguiente imagen (ancho 50%, borde tamaño 2 y color azul, espacio entre celdas 0) .Guardalo con el nombre ejercicio10.html

También puedo cambiar el formato de las celdas usando los siguientes atributos....

EJERCICIO 11

Modifica la tabla del ejercicio 10 y dejala igual que en la siguiente imagen. Guardala con el nombre ejercicio11.html