Diferencia entre revisiones de «Lenguaje HTML/Tablas»

Contenido eliminado Contenido añadido
Kzman (discusión | contribs.)
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&oacute;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''':
 
&lt;table border=1&gt;
&lt;tr&gt;
&lt;td rowspan="2"&gt;Combinaci&oacute;n de celdas de filas en una columna&lt;/td&gt;
&lt;td&gt;Celda2, fila1&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Celda2, fila2&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
 
<table border=1>
<tr>
<td rowspan="2">Combinaci&oacute;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}}