Nota: Si no sabes lo que es un elemento/tag o cómo debes utilizarlo, te recomiendo que leas el tutorial "Tags y atributos en HTML", que puedes encontrar en la sección de tutoriales HTML.
Tabla de contenidos
Bypass table of contentsEl elemento HTML col es usado en las tablas para proveer de atributos comunes a todas las celdas en una columna o grupo de columnas. Debe ser insertado justo después del tag de apertura del elemento HTML table, y debe presercar un orden: la primera declaración afecta a la primera columnda, la segunda declaracación a la segunda columna, y así sucesivamente.
Este orden puede ser afectado por el uso del atributo "span". Este atributo puede usarse para afectar a más de una columna (sucesivas) con la misma declaración.
Los elementos HTML col pueden a su vez ser contenidos por el elemento HTML colgroup, cuando el autor necesite definir un conjunto de atributos a columndas dentro de un grupo. Para aprender más acerca de esta práctica, lee el tutorial "HTML tables".
Nota, que algunos atributos disponibles para este elemento sun exclusivamente presentacionales (align, valign, width, char y charoff), razón por la cual su uso no es recomendable. debido a esto, el uso del elemento HTML col ha sido reducido, ya que CSS sólo soporta cuatro propiedades para el mismo: border, background, width, y visibility.
El siguiente ejemplo muestra un uso común del elemento HTML col para definir el ancho de las columnas. Nota que en la primera declaración, la primer y segunda columnas son afectadas gracias al atributo "span". Las propiedades son establecidas mediante el uso del atributo "style" y CSS.
| Nombre | Género | Edad |
|---|---|---|
| Richard | Masculino | 32 |
| Anna | Femenino | 18 |
| Dean | Masculino | 23 |
| Sean | Masculino | 65 |
El atributo "id" asigna un identificador al elemento asociado. Este identificador debe ser único en todo el documento y puede ser usado para referirse a este elemento en otras instancias (por ejemplo, desde un script del lado cliente).
El atributo "class" asigna un nombre de clase (o una lista de nombres de clases separadas por espacios) al elemento contenedor. Es usado junto con hojas de estilos y le dice al navegador la clase (o clases) a las que el elemento está asociado.
Una clase da atributos presentacionales a los elementos (lee más en el tutorial "Hojas de estilo en cascada").
Este atributo es utilizado para definir atributos presentacionales para el elemento contenedor, y su valor debería estar compuesto por propiedades de hojas de estilo. Aunque en algunos casos es particularmente útil, es una mejor práctica poner los atributos presentacionales en archivos externos, relacionándolos a los elementos a través del atributo "class". De este modos, se mejora la separación de las partes semántica y presentacional de tu documento.
Puedes encontrar más información acerca de los atributos presentacionales en el tutorial "Hojas de estilo en cascada".
El propósito de este atributo es proveer un título para el elemento. Su valor debe ser una descripción corta y precisa del contenido del elemento. Habitualmente, los navegadores muestran el contenido de este atributo en un recuadro al posar el mouse encima del contenido del elemento por un pequeño período de tiempo.
Especifica el lenguaje del contenido de un elemento. El valor por defecto es "desconocido".
Al escribir documentos XHTML 1.0, el atributo usado para especificar el lenguaje de un elemento es "xml:lang". Para compatibilidad con los dos tipos de estándar ambos atributos pueden ser usados simultáneamente como en el ejemplo a continuación. Nota que en XHTML 1.1, el atributo "lang" ha sido completamente reemplazado por "xml:lang" y su uso ya no es válido.
Este atributo indica la dirección en que el texto del elemento debe ser leído. Esto incluye al contenido, los valores de los atributos y las tablas. Tiene dos valores posibles que son insensibles a mayúsculas/minúsculas:
Este atributo especifica el número consecutivo de columnas "unificadas" o afectadas por el elemento o sus atributos.
Este atributo especifica el ancho para todas las celdas en las columnas afectadas.
Establece la alineación para el texto dentro de una celda en las columnas afectadas. Puede tomar uno de los siguientes valores insensibles a mayúsculas/minúsculas:
Establece la alineación vertical para el texto dentro de una celda en las columnas afectadas. Puede tomar uno de los siguientes valores insensibles a mayúsculas/minúsculas:
Especifica un carácter que actuará como eje para la alineación del texto. Para que este valor sea considerado, el atributo "align" debe presentar el valor "char".
Nota que a los navegadores no se les requiere soporte para este atributo. Esto, sumado a su naturaleza presentacional, constituye una buena razón para no confiar en el.
Especifica un desplazamiento para el carácter de alineación (primera aparición) en cada línea. La dirección del texto, establecida con el atributo "dir", debe ser tenida en cuenta a la hora de decidir cuál será la primera aparición.
Nota que a los navegadores no se les requiere soporte para este atributo. Esto, sumado a su naturaleza presentacional, constituye una buena razón para no confiar en el.
Ve a la lista completa de eventos en HTML.
Diseño y desarrollo: Latitud29.com