ProgramacionAzteca.com > html > Curso Html atributos para las tablas
Tags.- atributos table atributos th tr td tablas en html programacion web html
En el articulo anterior vimos como se conforma la estructura básica de una tabla, pero por que limitarnos solo a una simple tabla (cuando digo simple me refiero a básica), cuando podemos utilizar algunos atributos para mejorarla y moldearla según nuestras necesidades.
Vamos a ver los atributos etiqueta por etiqueta, empecemos con los atributos de la etiqueta TABLE.-
Recordando un poco la etiqueta table delimita el inicio y el final de una tabla y cuenta con los siguientes atributos (los atributos son opcionales).-
+ Align .- Establece la alineación de la tabla mediante los siguientes valores left, right y center.
+ Border .- Ancho del borde de la tabla en pixeles.
+ Bordercolor .- Define el color del borde.
+ Width .- Establece el ancho de la tabla, este valor puede ser absoluto (en pixeles) o en porcentaje.
+ Cellpadding .- Determina el espacio que hay entre una celda y otrs, su valor por defecto es 2.
+ Cellspacing .- Determina el espacio que hay entre el borde de la celda y su contenido, el valor por defecto de este atributo es 1.
Atributos etiqueta TH.-
+ Colspan .- Especifica el numero de celdas que cubre el encabezado.
+ Align .- Determina la posición del texto, en este caso del titulo.
Atributos de las etiquetas TR y TD.-
+ Width .- Define el ancho de una celda.
+ Height .- Define la altura de una celda.
+ Align .- Define la posición del texto en una celda o en la fila, (left, right y center)
+ Valign .- Define la posición del texto de una celda (top, bottom o middle).
+ Bgcolor .- Define el color de fondo de una celda o fila.
+ Bordercolor .- Define el color del borde.
Atributos solo para la etiqueta TD o celdas.
+ Colspan .- Especifica el numero de columnas que abarca la celda.
+ Rowspan .- Especifica el numero de filas que abarca la celda.
Ejemplo utilizando los atributos.-
< table border="1">
< tr>< td rowspan="2">< /td>< td>< /td>< /tr>
< tr>< td>< /td>< td>< /td>< /tr>
< tr>< td colspan="2">< /td>< td>< /td>< /tr>
< /table>
Bien, con estos atributos tenemos mejoras posibilidades de adaptar una tabla a nuestras necesidades.
Síguenos en.-
@programacionweb
Fan_Page
Rss
Otros articulos de tu interes.-
Te gusto el artículo? Puedes compartirlo en las siguientes redes sociales.