Manual de referencia HTML

大全 de etiquetas HTML

Etiqueta <command> de HTML Etiqueta <col> de HTML

Etiqueta <colgroup> de HTML

La etiqueta <colgroup> de HTML se utiliza para definir un grupo de celdas en una tabla, lo que le permite aplicar formatos o agregar clases al grupo en lugar de a cada celda individual. Este elemento se conoce comúnmente como el elemento <colgroup>.

Ejemplo en línea

El <colgroup> y la etiqueta <col> establecen el color de fondo para cuatro columnas de la tabla:

Ejemplo

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　uso de la etiqueta colgroup (Tutoriales básicos net)3(codebox.com)</title>
</head>
<body>
<table>
　　<colgroup>
　　　　<col　span="3"　style="background-color:#FFF9C4">
　　　　<col　style="background-color:yellow;">
　　</colgroup>
　　<thead>
　　　　<tr>
　　　　　　<th>Item</th>
　　　　　　<th>Quantity</th>
　　　　　　<th>Price</th>
　　　　　　<th>Total</th>
　　　　</tr>
　　</thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>Bananas</td>
　　　　　　<td>5</td>
　　　　　　<td>$12</td>
　　　　　　<td>$60</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

prueba para ver ‹/›

　En este HTML5En el ejemplo de documento, creamos una tabla con partes <colgroup>, <thead> y <tbody>. En la parte <colgroup>, utilizamos dos etiquetas <col>. La primera etiqueta <col> agrupa las primeras tres columnas y establece el color de fondo de estas columnas a #FFF9C4. La segunda etiqueta <col> agrupa la cuarta columna y establece su color de fondo en amarillo.

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales soportan la etiqueta <colgroup>.

Definición y explicación de uso de la etiqueta

El elemento <colgroup> de HTML se encuentra dentro de una tabla dentro de la etiqueta <body>.

La etiqueta <colgroup> se utiliza para combinar las columnas de una tabla para formatearlas.
La etiqueta <colgroup> debe aparecer después del <caption> en la tabla, pero antes de las etiquetas <thead>, <tr>, <th>, <tbody> y <tfoot>.

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

Consejo:}Si desea definir atributos diferentes para una columna específica en <colgroup>, utilice <col> etiquetas.

HTML 4.01 con HTML5las diferencias

HTML5 ya no se admite HTML 4.01 la mayoría de los atributos.

Atributo

Atributo	Valor	Descripción
align	left 　right 　center 　justify 　char	HTML5 No se admite. Define la forma de alinear horizontalmente el contenido dentro de la combinación de columnas.
char	character	HTML5 No se admite. Define el carácter según el cual alinear el contenido de la combinación de columnas.
charoff	number	HTML5 No se admite. Define el desplazamiento del primer carácter alineado.
span	number	Define el número de columnas que debe abarcar el grupo de columnas.
valign	top 　middle 　bottom 　baseline	HTML5 No se admite. Define la forma de alinear verticalmente el contenido dentro de la combinación de columnas.
width	pixels % relative_length	HTML5 No se admite. Define el ancho de la combinación de columnas.

Atributos globales

Soporte de <colgroup> etiqueta Atributos globales de HTML.

Atributos de eventos

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

Etiqueta <command> de HTML Etiqueta <col> de HTML