Creación de Tablas.
En una página Web en ocasiones es necesario llevar a cabo la tabulación de datos que se deben mostrar de manera ordenada. Lo anterior se involucra en una tabla que va constar de un determinado número d celdas. Cada celda puede contener texto, imágenes, enlaces, sonidos, etc.
Los pasos para crear una tabla son los siguientes:
1.-Declarar la etiqueta general <table> que englobara a todas las celdas y demás etiquetas
<TABLE>
(Resto de etiquetas)
</TABLE>
Con esta etiqueta los datos se presentaran tabulados u ordenados, pero faltaría mostrar las divisiones o bordes de cada celda, esto lo conseguimos añadiendo el atributo border
<TABLE BORDER>
(Resto de etiquetas)
</TABLE>
2.- En el siguiente nivel, están las etiquetas que formaran cada fila o renglón de la tabla estas son:
<TR></TR>
Se deben repetir tantas veces como filas queremos que aparezcan en la tabla. Es decir, para una tabla con 2 filas, tendríamos:
<TR>
(Etiquetas de las distintas celdas de la 1a fila)
</TR>
< TR>
(Etiquetas de las distintas celdas de la 2a fila)
</TR>
3.-En el ultimo nivel están las etiquetas que definen cada una de las celdas de cada renglón utilizando la etiqueta <TD></TD>.
Se deben repetir tantas veces como celdas que queremos por cada fila o renglón en esta etiqueta vamos a definir que es lo que queremos que aparezca en cada celda (Texto, imágenes, hipervínculos, etc.) ejemplo:
Vamos a definir una tabla con 2 filas, en donde por cada fila tendremos 3 celdas. Dentro de cada celda vamos a escribir un texto que indique la posición de dicha celda.
<TABLE BORDER>
<TR>
<TD>Fila1-Celda1</TD>
<TD>Fila1-Celda2</TD>
<TD>Fila1-Celda3</TD>
</TR>
<TR>
<TD>Fila2-Celda1</TD>
<TD>Fila2-Celda2</TD>
<TD>Fila2-Celda3</TD>
</TR>
</TABLE>
Para colocar un titulo en la parte superior de una tabla se utiliza la etiqueta
<CAPTION></CAPTION>
Si desea colocar un titulo a mi tabla anterior se escribirá lo siguiente después de la etiqueta
<TABLE BORDER>
<CAPTION>Ejemplo de una tabla</CAPTION>
El grosor de los bordes puede ser variable por defecto un borde es igual a 1, pero nosotros podemos asignarle un diferente grosor asignando simplemente el símbolo de igual y un número a la etiqueta <TABLE BORDER>
Ejemplo:
Si deseo que el grosor de una tabla sea igual a 5 pixeles entonces <TABLE BORDER=5>.
