English version



 


Tag HTML col


Nota: Si no sabes lo que es un tag y/o cómo se debe utilizar, te recomendamos que leas nuestro tutorial "tags y atributos HTML" que puedes encontrar en nuestra sección de tutoriales HTML.

Tabla de contenidos


Descripción

El tag HTML col es usado en tablas para establecer atributos para todas las celdas en una columna o grupo de columnas. El tag HTML col es definido de manera ordenada y puede ser parte de un tag HTML colgroup o no. Para definir un conjunto de atributos para múltiples columnas consecutivas usa el atributo "span".

Ejemplo:

Código Visualización
<table border="1" summary="Tabla de ejemplo usada para mostrar el uso del tag HTML col.">
<col style="width: 7.6em" />
<col style="width: 7.6em" />
<col style="width: 3.8em" align="right" />
<tr><th>Nombre</th><th>G&eacute;nero</th><th>Edad</th></tr>
<tr><td>Ricardo</td><td>Masculino</td><td>32</td></tr>
<tr><td>Ana</td><td>Femenino</td><td>18</td></tr>
<tr><td>Diego</td><td>Masculino</td><td>23</td></tr>
<tr><td>Juan</td><td>Masculino</td><td>65</td></tr>
</table>
NombreGéneroEdad
RicardoMasculino32
AnaFemenino18
DiegoMasculino23
JuanMasculino65

Podemos escribir la misma tabla con menos código usando el atributo "span" en las dos primeras columnas. Esto permitirá definir el tag HTML col solo dos veces (y puede ser de mayor ayuda para tablas más grandes).

Código Visualización
<table border="1" summary="Tabla de ejemplo usada para mostrar el uso del tag HTML col con el atributo span.">
<col span="2" style="width: 7.6em" />
<col style="width: 3.8em" align="right" />
<tr><th>Nombre</th><th>G&eacute;nero</th><th>Edad</th></tr>
<tr><td>Ricardo</td><td>Masculino</td><td>32</td></tr>
<tr><td>Ana</td><td>Femenino</td><td>18</td></tr>
<tr><td>Diego</td><td>Masculino</td><td>23</td></tr>
<tr><td>Juan</td><td>Masculino</td><td>65</td></tr>
</table>
NombreGéneroEdad
RicardoMasculino32
AnaFemenino18
DiegoMasculino23
JuanMasculino65


Atributos

id (name)

El atributo "id" asigna un identificador al elemento asociado. Este identificador debe ser único en el documento y puede ser usado para referirse a ese elemento.

Ejemplo:

Comienzo del código <p id="parrafo1">Este es el primer p&aacute;rrafo nombrado parrafo1. Para cambiar din&aacute;micamente las propiedades del mismo usa este identificador.</p>Fin del código

class (cdata)

El atributo "class" asigna un nombre de clase (o una lista de nombres de clase separados por espacios) al elemento contenedor. Es usado con hojas de estilos e indica al navegador la clase a la cual el elemento está asociado. Una clase provee atributos visuales para los elementos.

Ejemplo:

Comienzo del código <p class="referencias">Este art&iacute;culo est&aacute; basado en el libro "Viento en los &aacute;rboles" por Jhon L. Brooks</p>

<p class="referencias importante">Este art&iacute;culo est&aacute; basado en el libro "Viento en los &aacute;rboles" por Jhon L. Brooks... y es m&aacute;s importante que el anterior.</p>Fin del código

style (style)

Define un estilo visual para el elemento. Es una mejor práctica definir atributos en hojas de estilos externas agrupándolos en clases. Los atributos en el parámetro "style" deben preservar este orden "nombre : valor" y ser separados por un punto y coma.

Si estás escribiendo código XHTML te recomendamos no utilizar este atributo y probar con las clases de hojas de estilo (con el atributo "class").

Ejemplo:

Comienzo del código <p style="color: #0000FF; font-size: 12pt">Este es un p&aacute;rrafo con un estilo definido</p>
<p>Y este es otro texto sin estilo.</p>Fin del código

title (text)

Indica un título para el elemento. Usado para dar una descripción acerca del elemento que es usualmente mostrado como un "tool tip" cuando el usuario pone el puntero del mouse sobre el elemento.

Ejemplo:

Código Visualización
<a title="HTMLQuick.com" href="http://www.htmlquick.com">C&oacute;digo HTML</a> Código HTML

lang (langcode)

Especifica el lenguaje del contenido de un elemento. El valor predeterminado es "desconocido".

Al escribir código XHTML la sintaxis "xml:lang" representa una alternativa preferida en XHTML 1.0 y un reemplazo en XHTML 1.1 (por ejemeplo, xml:lang="en").

Ejemplo:

Comienzo del código <p lang="en">This is a paragraph in english.</p>
<p lang="es">Este es un p&aacute;rrafo en espa&ntilde;ol.</p>Fin del código

dir

Especifica la dirección de texto del contenido y atributos del elemento, así como la direccionalidad de las tablas. Tiene dos valores posibles que son insensibles a mayúsculas/minúsculas:
Ejemplo:

Comienzo del código <q lang="he" dir="rtl">...Una cita en Hebreo...</q>Fin del código

span (number)

Especifica el número de columnas consecutivas "unificadas" o afectadas por el elemento o sus atributos.

Ejemplo:

Comienzo del código <col span="5" width="50" />
<col span="3" width="10" align="right" />

<colgroup span="20" width="10"></colgroup>Fin del código

width (multi-length)

Define un ancho para el elemento.

Ejemplo:

Comienzo del código <col width="30" />
<col width="5*" />

<td width="50%">Fin del código

align

Define la alineación del contenido de una celda. Puede ser uno de los siguientes valores (insensibles a mayúsculas/minúsculas):
Ejemplo:

Código Visualización
<table border="1" summary="Tabla ejemplo mostrando el uso del atributo align.">
<tr><td style="width: 7.6em">Izquierda</td></tr>
<tr><td style="width: 7.6em" align="center">Centrado</td></tr>
<tr><td style="width: 7.6em" align="right">Derecha</td></tr>
</table>
Izquierda
Centrado
Derecha

valign

Especifica la alineación vertical del contenido de una celda. Funciona exactamente como el atributo "align" pero para el espacio vertical. Los valores posibles son (insensibles a mayúsculas/minúsculas):
Ejemplo:

Código Visualización
<table border="1" summary="Tabla ejemplo mostrando el uso del atributo valign.">
<tr>
<td>1<br />2<br />3<br />4</td>
<td valign="top">23.065</td>
<td>324.432</td>
<td valign="bottom">45.8745</td>
</tr>
</table>
1
2
3
4
23.065 324.432 45.8745

char (character)

Especifica un carácter que actuará como eje para alinear el texto.
Nota: Los navegadores no están obligados a soportar esta característica.

charoff (length)

Especifica el corrimiento de la primaera aparición del carácter de alineación en cada línea. Ten en cuanta la dirección del texto (dir).
Nota: Los navegadores no están obligados a soportar esta característica.


Eventos

Lista completa e información acerca de eventos en HTML




Saltar opciones al pie  |   Send to a friend Enviar a un amigo  |  Publicar en del.icio.us Publicar en del.icio.us

Publicar en Digg.com Publicar en Digg.com  |  Archivar en Furl Archivar en Furl  |  Agregar a Yahoo! MyWeb Agregar a Yahoo! MyWeb

Saltar declaraciones W3C | 

XHTML 1.0 Strict Válido  |  CSS Válido ¿Por qué confiar en nosotros? Haz click en las imágenes de la izquierda para ver que tan seriamente escribimos nuestras propias páginas, luego haz tu elección.

Icono de conformidad con el Nivel Triple-A, de las Directrices de Accesibilidad para el Contenido Web 1.0 del W3C-WAI Este sitio web da su mejor esfuerzo por lograr el nivel de conformidad Tiple-A, de las Directrices de Accesibilidad para el Contenido Web 1.0 del W3C-WAI. Si encuentras algún detalle o error que hayamos pasado por alto, no dudes en comunicárnoslo.

El poder de la Web se encuentra en su universalidad. El acceso por parte de todos más allá de la discapacidad es un aspecto esencial. -- Tim Berners-Lee, Director del W3C e inventor de la World Wide Web

 Enlázanos  |  Contáctanos  |  Más allá de HTML  |  Herramientas y recursos  |  Mapa del sitio  |  Webmaster