Header Ads

Atributo cellpadding en HTML

El atributo cellpadding, define, en pixeles el espacio entre los bordes de la celda y el contenido de la misma.

A continuación mostraremos 2 tablas, primero mostremos una tabla que no contiene el atributo cellpadding y luego otra que si contiene dicho atributo, mostraremos 2 tablas con la intencion de notar la diferencia al usar el atributo cellpadding.

Código HTML:
                                            Omitiremos todo el código fuente y solo pondremos los fragmentos importantes que se utilizaran.

<table border="1"  width="500" height="300"> ..............</table>


Resultado:

Objeto1.1 Objeto1.2 Objeto1.3
Objeto2.1 Objeto2.2 Objeto2.3
Objeto3.1 Objeto3.2 Objeto3.3


Ahora en el segundo ejemplo aplicaremos un cellpadding de 50.

Código HTML:

<table   width="500" height="300" cellpadding="50"> ..............</table>

Resultado:


Objeto1.1 Objeto1.2 Objeto1.3
Objeto2.1 Objeto2.2 Objeto2.3
Objeto3.1 Objeto3.2 Objeto3.3

Como observamos, al aplicar el atributo cellpadding en la segunda tabla, podemos notar una gran diferencia con respecto a la primera, debido a que al poner cellpadding="50" la distancia, que hay entre los 4 bordes de cada celda y los objetos que estas contienen, se mantienen a 50 pixeles de distancia cada uno, es por eso que la distancia de los objetos con respecto a los bordes de cada celda son iguales, en cambio en la primera tabla no se nota esa cualidad, debido a la falta del atributo cellpadding.








No hay comentarios