Diferencia entre revisiones de «Lenguaje HTML/Tablas»
Contenido eliminado Contenido añadido
Línea 78:
== Fusionando celdas ==
Paras las etiquetas anteriormente mencionadas,<td> y <th> existen atributos para la combinación de celdas, que son:
'''rowspan''': especifica cuantas celdas dentro de una columna serán combinadas
'''colspan''': especifica cuantas columnas dentro una fila serán combinadas
Por ejemplo,
<table border=1>
<tr>
<td colspan="2">Combinación de columnas</td>
</tr>
<tr>
<td>Columna 1</td>
<td>Columna 2</td>
</tr>
</table>
<table border=1>
<tr>
<td colspan="2">Combinación de columnas</td>
</tr>
<tr>
<td>Columna 1</td>
<td>Columna 2</td>
</tr>
</table>
Tendrá como resultado que, en la primera fila, esten combinados las 2 primeras columnas. Tómese en cuenta que, al escribir este atributo(si sólo existen 2 columnas), no se debe de añadir más etiquetas de columnas, caso contrario, se deberá tomar en cuenta la cantidad de celdas de columnas combinadas y las que se quieran agregar.
Para el atributo '''colspan''':
<table border=1>
<tr>
<td rowspan="2">Combinación de celdas de filas en una columna</td>
<td>Celda2, fila1</td>
</tr>
<tr>
<td>Celda2, fila2</td>
</tr>
</table>
<table border=1>
<tr>
<td rowspan="2">Combinación de celdas de filas en una columna</td>
<td>Columna2, fila1</td>
</tr>
<tr>
<td>Columna2, fila2</td>
</tr>
</table>
Tendrá como resultado que, en la primera columna, esten combinados las 2 filas definidas. Tómese en cuenta que, al escribir este atributo(si sólo existen 2 filas), no se debe de añadir más etiquetas de columnas, caso contrario, se deberá tomar en cuenta la cantidad de celdas de filas combinadas y las que se quieran agregar.
{{en desarrollo}}
|