Entra en la Red

 

Tutorial breve sobre HTML




elemento gráfico separador elemento gráfico separador elemento gráfico separador
elemento gráfico separador

Promoción web, Promoción de páginas web en mercados nacionales e internacionales.

elemento gráfico separador
elemento gráfico separador elemento gráfico separador elemento gráfico separador
elemento gráfico separador elemento gráfico separador elemento gráfico separador
elemento gráfico separador

Posicionamiento en Buscadores, Publicidad en buscadores, PPC, Optimización y estrategias de visibilidad en buscadores.

elemento gráfico separador
elemento gráfico separador elemento gráfico separador elemento gráfico separador

Google
  www entraenlared.com
Publicidad en Buscadores
 Posicionamiento en buscadores nada
 Publicidad en buscadores nada
 Soluciones globales nada
 Publicidad grandes empresas nada
 Contáctenos nada

HTML - Tablas avanzadas

Tablas con Colspan y Rowspan

Es la forma de fusionar celdas en una tabla.

rowspan, Indica el número de filas que ocupará la celda. Por defecto ocupa una sola fila.

colspan, Indica el número de columnas que ocupará la celda. Por defecto ocupa una sola columna.

de esta forma si ponemso <td colsan=2>, quiere decir que ka celda actual se extiende en el ancho de dos celdas.

Algo parecido ocurre si ponemos <td rowspan=3>, la celda ocupará eñ alto de 3 celdas normales.

Veamos un ejemplo:

Si visualizamos esta tabla, podemos observar que la primera celda ocupa tres filas, y no sobrepasa la altura tota de las tres celdas que tiene a la derecha.

? ???:????A??

Países Europeos

España

Madrid

Francia

Paris

Reino Unido

Londres

Países Americanos

EEUU

Washington

Canada

Toronto

Mexico

Mexico

Código fuente de la tabla:

<table width="80%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="3"><p>Pa&iacute;ses Europeos</p></td>
<td><p>Espa&ntilde;a</p></td>
<td><p>Madrid</p></td>
</tr>
<tr>
<td><p>Francia</p></td>
<td><p>Paris</p></td>
</tr>
<tr>
<td><p>Reino Unido</p></td>
<td><p>Londres</p></td>
</tr>
<tr>
<td rowspan="3"><p>Pa&iacute;ses Americanos</p></td>
<td><p>EEUU</p></td>
<td><p>Washington</p></td>
</tr>
<tr>
<td><p>Canada</p></td>
<td><p>Toronto</p></td>
</tr>
<tr>
<td><p>Mexico</p></td>
<td><p>Mexico</p></td>
</tr>
</table>