HTML

Ahora vamos a ver como agregamos elementos a la página.

a veces necesitamos organizar la informacion en la pagina para ubicar en diferentes sectores cosas, texto imagenes, vinculos etc. Para elloutilizaremos las TABLAS o los DIV.

Las tablas son grillas como las de excel con la ventaja que podemos darle el tamaño que quereos que ocupen en la pagina y de esa manera podemos sectorizarnuestra pagina (maquetado).

para crear una tabla vacía de este tipo:













































donde eltag es la construccion de la tabla, es la marca de la fila, una fila comienza con este tag y termina . es una celda o columna, todas las filas de una misma tabla tiene que tener la mismacantidad de columnas. como en el caso anterior hay 3 TD por fila.

si ahora queremos poner datos dentro de cada recuadro, el mismo ejemplo con datos:

C1


C2


C3

hola


si


quizaschau


no


nunca






C1

C2

C3





hola

si

quizas





chau

no

nunca





Lo normal es que no vaya vacia una celdade la tabla porque los navegadores lo dibujan mal

generalmente se escribe este codigo que significa un espacio vacio:  

A veces necesitamos tablas mas raras (o sea no filas y columnas,sino algunas agrupadas:

entonces tenemos que agrupar las filas, para ello sería algo asi utilizando la accion “rowspan”:





animales

perro







gatoplantas

ombu





sauce





Con ROWSPAN le decimos que se va expandir hacia abajo una fila agrupandola, por lo tanto vale la celda de esa fila mas la celda de la fila de abajo,veamos que en la siguiente fila no hay una celda escrita para esa columna. En este caso particular tenemos 2 columnas por fila y si miramos el codigo veremos que los TD hay solo dos en la fila del...