Tablas: Atributos
A continuación van a analizarse a grandes rasgos algunos de los atributos para las tablas. Sin embargo, es recomendable utilizar las hojas de estilo (CSS).
El atributo BORDER
Dicho atributo se incluye en el tag <table>. Los bordes de una tabla NO afectan a todos los bordes presentes en la tabla; únicamente afectará al borde exterior de la tabla y no al de las celdas.
Este método de presentación de bordes debería estar obsoleto, pues se trata de un atributo de visualización, pero está estandarizado correctamente.
Por defecto la tabla no mostrará ningún borde. Para aplicar un borde de 3 píxeles se procederá de la siguiente manera:
<table border="3px"> ... ... </table>
Ejemplo:
| Producto | Cantidad | Precio / unidad |
| Bermudas | 26 u. | 25 euros |
| Camisas | 10 u. | 20 euros |
| Chanclas | 15 u. | 10 euros |
Separación entre celda y CELDA
Para separar el espacio entre celdas se utilizará el atributo cellspacing en la etiqueta <table>. El valor deberá definirse en píxeles:
<table cellspacing="13px"> ... ... </table>
Ejemplo:
| Producto | Cantidad | Precio / unidad |
| Bermudas | 26 u. | 25 euros |
| Camisas | 10 u. | 20 euros |
| Chanclas | 15 u. | 10 euros |
Separación entre celda y texto
El atributo cellpadding permite separar el texto de la celda por un determinado numero de píxeles:<table cellpadding="13px"> ... ... </table>
Firefox no muestra correctamente este atributo, la cuál cosa indica la no estandarización:
| Producto | Cantidad | Precio / unidad |
| Bermudas | 26 u. | 25 euros |
| Camisas | 10 u. | 20 euros |
| Chanclas | 15 u. | 10 euros |
(Nota: En los ejemplos se ha hecho uso del atributo border para visualizar los efectos de separación producidos).
HTML
ARCHIVOS HTML
TEXTO
- Formateando párrafos
- Encabezados (h1...h6)
- Formateando textos
- Separador de contenido
- Colores, tipos de fuente
LISTAS
CARÁCTERES ESPECIALES
VÍNCULOS
IMÁGENES
- Introducción
- Formato
- Texto alternativo
- Títulos
- Tamaño de imagen
- Bordes y alineación
- Imágenes como enlaces
TABLAS
FORMULARIOS
- ¿Qué son?
- Elementos de formulario
- Campos de texto
- Desplegables
- Cajas de validación
- Botones de selección
- Botones
- Ficheros adjuntos
- Campos ocultos
- Aplicando estilo