English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de Referencia de HTML

大全 de etiquetas HTML

Etiqueta <col> de HTML

HTML <col> elemento define la columna en la tabla y se utiliza para definir la semántica común en todas las celdas comunes. Generalmente se encuentra dentro del elemento <colgroup>.

Ejemplo en línea

<colgroup> y <col> etiquetas establecen el color de fondo de tres columnas en la tabla:

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Red de tutoriales básicos(oldtoolbag.com)</title> 
</head>
<body>
<table>
  <colgroup>
    <col span="3" style="background-color:#FFF3E0;">
    <col style="background-color:orange;">
  </colgroup>
  <thead>
    <tr>
      <th>Artículo</<th>
      <th>Cantidad</<th>
      <th>Precio</<th>
      <th>Total</<th>
    </tr>
  </<thead>
  <tbody>
    <tr>
      <td>Oranges</td>
      <td>45</td>
      <td>$2</td>
      <td>$90</td>
    </tr>
  </tbody>
</table>
</body>
</html>
prueba mira ‹/›


En este HTML5En el ejemplo de documento, creamos una tabla con partes <colgroup>, <thead> y <tbody>. En la parte <colgroup>, usamos dos etiquetas <col>. La primera etiqueta <col> agrupa las tres primeras columnas y establece el color de fondo de estas columnas en naranja claro, es decir, #FFF3El valor hexadecimal de E0. La segunda etiqueta <col> agrupa la cuarta columna y establece su color de fondo en naranja.

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la etiqueta <col>.

etiqueta definición y instrucciones de uso

La etiqueta <col> se utiliza para<colgroup>parte, para definir las propiedades de la columna.

Al usar la etiqueta <col>, se puede aplicar un estilo a toda la columna sin necesidad de repetir la configuración de estilo para cada celda o cada fila.

HTML 4.01 con HTML5las diferencias

HTML5 ya no admite HTML 4.01 la mayoría de las propiedades.

Las diferencias entre HTML y XHTML

En HTML, la etiqueta <col> no tiene etiqueta de cierre.

En XHTML, la etiqueta <col> debe cerrarse correctamente.

Atributo

AtributoValorDescripción
alignizquierda
 derecha
 centrado
 justify
 char
HTML5 No se admite. Especifica la alineación horizontal del contenido relacionado con el elemento <col>.
charcharacterHTML5 No se admite. Especifica según qué carácter alinear el contenido relacionado con el elemento <col>.
charoffnúmeroHTML5 No se admite. Especifica el desplazamiento del primer carácter alineado.
spannúmeroEspecifica el número de columnas que debe abarcar el elemento <col>.
valignarriba
 centro
 abajo
 línea base
HTML5 No se admite. Especifica la alineación vertical del contenido relacionado con el elemento <col>.
ancho%
 píxeles
 relative_length
HTML5 No se admite. Especifica el ancho de un elemento <col>

Atributos globales

Soporte de <col> etiqueta Atributos globales de HTML.

Atributos de eventos

Soporte de <col> etiqueta Atributos de eventos de HTML.