Fecha: Mayo 19 de 2014
Asignatura: Tecnología e Informática.
Formación en Valor:Amor a la Virgen María.
Núcleo Integrador: Combinar celdas.
Objetivo: Utilizar combinar celdas como
título de columnas o filas.
Combinar
celdas
Para las etiquetas <td>
y <th> existen los atributos colspan y rowspan,
que se utilizan para combinar celdas.
A través del atributo colspan
se especifica el número de columnas por las que se extenderá la celda, y a
través del atributo rowspan se especifica el
número de filas por las que se extenderá la celda.
Para que quede más claro, vamos a ver un ejemplo de su uso.
Por ejemplo, copie el siguiente código en un Bloc de Notas y guárdelo con
el nombre de Combinar_celdas.HTML
<HTML>
<HEAD><TITLE>
Combinar Celdas en Tablas</TITLE></HEAD>
<BODY >
<table width="575"
border="2" cellspacing="2"><tr align="center" valign="middle">
<th colspan="4">DIFERENCIAS ENTRE EL PERRO Y EL HOMBRE</th>
</tr>
<tr align="center" valign="middle">
<th rowspan="2">DIFERENCIAS</th>
<th colspan="2">PERRO</th>
<th rowspan="2">HOMBRE</th>
</tr>
<tr align="center" valign="middle">
<th>PEQUEÑO</th>
<th>GRANDE</th>
</tr>
<tr align="center" valign="middle">
<td>Duración crecimiento</td>
<td>10 meses</td>
<td>18 a 24 meses</td>
<td>16 años</td>
</tr>
<tr align="center" valign="middle">
<td>Tiempo de gestación</td>
<td colspan="2">58 a 63 días</td>
<td>9 meses</td>
</tr>
<tr align="center" valign="middle">
<td>Duración de vida del pelo/cabello</td>
<td colspan="2">1 año</td>
<td>2 a 7 años</td>
</tr>
</table>
</Body>
</HTML>
Muestre el archivo en un explorador Web. Analice la tabla y el código.
No hay comentarios:
Publicar un comentario