Html

¿Cómo se realiza tablas en HTML?
Código de las tablas en html
Otra forma de estructurar la web distinta de las capas son las tablas. El menú de navegación lo vamos a hacer por medio de tablas, pero primero vamos a ver cómo se hacen estas tablas.
Una tabla está dividida en filas y columnas, por ejemplo, esto es una tabla de dos filas y cuatro columnas:
Celda 1 | Celda 2 | Celda 3 | Celda 4 |Celda 5 | Celda 6 | Celda 7 | Celda 8 |
Como podeis ver a cada casilla de una tabla se le llama celda. Pues bien, para abrir una tabla usamos el código <table>, y para cerrarla usamos </table>. En una tabla además tenemos que indicar si tiene bordes y cómo son estos bordes. Para ello lo incluimos dentro del código de la tabla de la siguiente forma (ahora os explico para qué es cadacosa):
<table border="1" cellpadding="0" cellspacing="0">
</table>
Podemos ver tres cosas:
1. Border, que se utiliza para indicar el grosor del borde. Si no queremos que tenga borde sólo tenemos que ponerlo a 0.
2. Cellpadding, que es el padding de las celdas, es decir, el margen interior. Esto también se puede indicar en la hoja de estilos como ya hemos aprendido.
3.Cellspacing. Como podemos ver si nos fijamos con detalle el borde de una tabla está formada por dos líneas. Cellspacing es la distancia entre estas dos líneas, de forma que el valos de ésta características se sumará a la del borde, haciéndolo más grande.
Pues bien, continuemos con la creación de las tablas. Una vez puesta la etiqueta de la tablas tenemos que poner las filas, y luego las columnas(siempre hay que poner las columnas dentro de las filas y no al revés). Para poner una fila la abrimos con <tr> y la cerramos con </tr>. Al igual, para abrir una columna usamos <td> y para cerrarla </td>. Dentro de las filas ya ponemos lo que queramos de contenido.
De esta forma, la tabla que os enseñé antes, que tiene cuatro columnas y dos filas, con un borde de 1 píxel, yque dentro de las celdas tienen un texto escrito se haría así:
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
<td>Celda 4</td>
</tr>
<tr>
<td>Celda 5</td>
<td>Celda 6</td>
<td>Celda 7</td>
<td>Celda 8</td></tr>
</table>

¿Cómo se realiza tablas en HTML?
Re: ~~APRENDE A CREAR TUS PROPIAS TABLAS DE HTML~~
Opciones
* Marcar como nuevo
* Agregar a mis favoritos
* Agregar a mis suscripciones
*
* Suscribirse al "feed" RSS de este mensaje
*
* Destacar
* Imprimir
* Compartir
*
* Reportar al Moderador
el 07-09-2004 07:38 PMEstructura de una tabla
Las tablas estan formadas por filas, columnas y celdas. Cada espacio horizontal continuado es una fila y cada espacio vertical continuado es una columna, definiéndose una celda como el espacio formado por la intersección de una fila y una columna.
| columna 1 | columna 2 | columna 3 |
fila 1 | celda(1,1) | celda(1,2) | celda(1,2) |
celda(2,1) | celda(2,2) | celda(2,3) |celda(3,1) | celda(3,2) | celda(3,3) |
|
fila 2 | |
fila 3 | |
Lo primero que tenemos que hacer cuando queremos introducir una tabla es decirle al navegador dónde empieza y dónde acaba esta; esto se consigue mediante la etiqueta de inicio <TABLE> y su correspondiente de cierre </TABLE>.
Seguidamente debemos decirle cuantas filas vamos a tener en nuestra tabla, cosa que hacemoscon las etiqueta de inicio de fila <TR>> y su correspondiente de cierre de fila</TR>, por lo que deberenos insertar una pareja de etiquetas por cada fila que queramos que tenga la tabla.
Por último, dentro de cada fila deberemos indicar cuantas celdas va a haber, que inicialmente deben corresponderse con el número de columnas que deseemos tenga la tabla. Esto se consigue...