image
Valora:   4.47/5 de 32
Inicio » HTML » Manual de HTML » Tablas




Espaciado

Podemos modificar el aspecto de la tabla cambiando el ancho de los bordes, el espaciado entre celdas y el ancho de las mismas.

  • width= Acompa�a a <table> y especifica el ancho de la tabla, tanto en n�mero de pixeles como en porcentaje respecto al ancho de la pantalla. Tambi�n puede acompa�ar a las tags <th> o <td> para especificar el ancho de las columnas.
  • Border= Anteriormente, ya hemos hablado de este atributo. Ahora le diremos que puede darle un valor que indicar� el ancho del borde en pixeles. Border="0" indicar�a la ausencia de borde.
  • Cellspacing= Suele acompa�ar a la tag <table>. Indica el n�mero de pixeles que separan cada celda. El valor predeterminado suele ser 2.
  • Cellpadding= Tambi�n acompa�a a la tag <table>. Indica el espacio en pixeles entre el borde de la celda y su contenido. El valor predeterminado suele ser 1.

<HTML>
<HEAD>
<TITLE>Ejemplo 11</TITLE>
</HEAD>
<BODY>

<H1>Tablas avanzadas</H1>

<TABLE WIDTH="50%" BORDER="1" CELLSPACING="3" CELLPADDING="2">
<TR>
   <TD COLSPAN="2" ALIGN="right">Dato 1</TD>
   <TD>Un texto cualquiera</TD>
   <TD ROWSPAN="2">Dato 3</TD>
</TR>
<TR>
   <TD>Dato 4</TD>
   <TD>Dato 4</TD>
   <TD ALIGN="center">Dato 5</TD>
</TR>
</TABLE>

</BODY>
</HTML>

Ver ejemplo


Puede consultar cualquier duda en el foro de discusi�n.







Comparte


Aportaciones de usuarios A�adir una aportaci�n



Enlaces
Cocina Facil IngenieroSoftware.com  
Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.