HTML IV: Tablas

Ahora veremos como crear tablas, modificando sus dimensiones, poniéndole un encabezado o añadiéndole elementos. Al final veremos también como modificar partes más específicas de un mismo elemento como la etiqueta <span>

Primero de todo, cambiaremos la fuente del primer encabezado, añadimos una imagen y otra con un enlace a mayores:

Creamos la primera tabla con las etiquetas <table></table>:

Para añadirle filas utilizamos las etiquetas <tr></tr>. En este caso creamos tres filas:

Y a esas filas les incorporamos elementos con <td></td>

Completamos esos elementos con algo de información,

Unimos todos estos elementos bajo la etiqueta de <tbody> que se utiliza para escribir el contenido de las tablas.

Se pueden poner encabezados con <thead>:

Con el atributio colspan se indican cuantas columnas debe de cubrir el elemento seleccionado:

Se pueden editar otros atributos como los bordes, el relleno, el color...

Un resumen de lo anterior:

Ahora crearemos varias divisiones de 50x50:

Añadimos un enlace en una de ellas y se modifica el color de fondo a amarillo:

La etiqueta <span> permite modificar partes más específicas de un elemento, por ejemplo una única palabra de un párrafo:

También se puede cambiar la tipografía:

La etiqueta span también se puede moficiar desde la hoja de CSS: