HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML: <col> Tag

HTML <col>-Element definiert eine Spalte in der Tabelle und wird verwendet, um die gemeinsame Semantik auf allen gemeinsamen Zellen zu definieren. Es befindet sich normalerweise im <colgroup>-Element.

Online-Beispiel

<colgroup> und <col>-Tags haben der Tabelle drei Spalten eine Hintergrundfarbe zugewiesen:

Beispiel

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>Grundlagen-Tutorial-Website(oldtoolbag.com)</title>　
</head>
<body>
<table>
　　<colgroup>
　　　　<col　span="3"　style="background-color:#FFF3E0;">
　　　　<col　style="background-color:orange;">
　　</colgroup>
　　<thead>
　　　　<tr>
　　　　　　<th>Artikel</<th>
　　　　　　<th>Menge</<th>
　　　　　　<th>Preis</<th>
　　　　　　<th>Total</<th>
　　　　</tr>
　　</<thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>Orangen</td>
　　　　　　<td>45</td>
　　　　　　<td>$2</td>
　　　　　　<td>$90</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

Testen Sie, um zu sehen ‹/›

In diesem HTML5In der Dokumentbeispiel haben wir einen Tisch mit <colgroup>, <thead> und <tbody>-Teilen erstellt. In der <colgroup>-Sektion haben wir zwei <col>-Marken verwendet. Die erste <col>-Marke gruppiert die ersten drei Spalten und setzt deren Hintergrundfarbe auf Hellorange, d.h. #FFF3Der sechzehnstellige Wert von E0. Der zweite <col>-Tag gruppiert die vierte Spalte und setzt deren Hintergrundfarbe auf Orange.

Browserkompatibilität

IEFirefoxOperaChromeSafari

alle gängigen Browser unterstützen das <col>-Tag.

Bezeichnerdefinition und Verwendungshinweise

Das <col>-Tag wird verwendet<colgroup>Teil, um die Eigenschaften der Spalte zu definieren.

Durch die Verwendung des <col>-Tags können Sie Stile auf die gesamte Spalte anwenden, ohne für jeden Zelle oder jede Zeile einen Stil wiederholen zu müssen.

HTML 4.01 mit HTML5Unterschiede

HTML5 unterstützt HTML nicht mehr 4.01 die meisten Attribute.

Unterschiede zwischen HTML und XHTML

In HTML, the <col> tag does not have a closing tag.

In XHTML, the <col> tag must be properly closed.

Attribute

Attribute	Value	Description
align	left 　right 　center 　justify 　char	HTML5 Not supported. Defines the horizontal alignment of the content associated with the <col> element.
char	character	HTML5 Not supported. Defines which character to align the content associated with the <col> element.
charoff	number	HTML5 Not supported. Defines the offset of the first alignment character.
span	number	Specifies the number of columns that the <col> element should span.
valign	top 　middle 　bottom 　baseline	HTML5 Not supported. Defines the vertical alignment of the content associated with the <col> element.
width	% 　pixels 　relative_length	HTML5 Not supported. Specifies the width of a <col> element

Global Attributes

Support for <col> Tag Global Attributes of HTML.

Event Attributes

Support for <col> Tag HTML Event Attributes.

HTML: <colgroup> Tag HTML: <code> Tag