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:
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.
0 comentarios: