Una tabla HTML se compone de filas y celdas. Se define una tabla básica con las etiquetas <table>, <tr> y <td>, donde <table> delimita la tabla, <tr> cada fila y <td> cada celda. Las celdas de encabezado <th> organizan el contenido y se colocan dentro de <tr>. Atributos como BORDER, WIDTH, CELLSPACING y CELLPADDING controlan el formato de la tabla, mientras que COLSPAN y ROWSPAN permiten unir celdas.
Prueba libre de Geografía para obtención título Bachillerato - 2024
Tablas
1.
2. En HTML una tabla puede ser
considerada, como un grupo de
filas donde cada una contiene a
un grupo de celdas.
3. Las tablas se construyen utilizando elementos,
una tabla básica es declarada usando tres
elementos:
• <table> etiqueta que indica donde empezará
la tabla </table>
• <tr> representa una fila </tr>
• <td> (representando a las celdas) </td>
4. Una celda de encabezado es una celda especial para
organizar por categorías otras celdas de la tabla.
Para agregar esta celda de este tipo se utiliza la etiqueta:
<th>
• <tr> empezar una fila
• <th> para indicar que es celda de encabezado>
• </tr> terminar la fila
tr
tr
tr
5. Atributos de la etiqueta <table>
BORDER= Indica el tamaño del borde en píxeles.
WIDTH= Es el ancho de la tabla.
CELLSPACING= Espacio entre las celdas, por defecto es 2
CELLPADDING= Es el espacio entre el contenido de las celdas y el
borde de las mismas, por defecto es 1.
ALIGN= " left", "right", "center". Alinea la tabla a la izquierda ,
derecha o al centro.
6. Atributos de las etiquetas
<td> y <tr>
WIDTH= Ancho de toda la fila o celda.
ALIGN=" left", "right", "center". Alinea el contenido a la izquierda,
derecha o centro.
VALIGN="top" , "middle" o "bottom". Alinea el contenido
verticalmente arriba, en medio o abajo.
BGCOLOR= Pone un fondo de color especifico a la celda o fila.
COLSPAN= Especifica el número de columnas que abarca la fila.
ROWSPAN= Especifica el número de filas que abarca la columna.
7. Los atributos colspan y rowspan permiten
unir una celda con las celdas contiguas,
tanto horizontal como verticalmente.
COLSPAN= Indica la cantidad de celdas
unidas en horizontal ROWSPAN= Indica la
cantidad de celdas unidas en vertical.
El atributo span permite que una
etiqueta <col /> haga referencia a varias
columnas seguidas.
SPAN= indica el número de columnas al
que hace referencia la etiqueta <col />.
García Flores Nayeli Guadalupe
celdas a1 y b1 unidas
celda a2 celda b2
Celda 1 Celda 2 Celda 3
Celda 4 Celda 5 Celda 6