<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article> (HTML5)
<aside>(HTML5)
<audio> (HTML5)
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas> (HTML5)
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command> (HTML5)
<datalist> (HTML5)
<dd>
<del>
<details> (HTML5)
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed> (HTML5)
<>
<figcaption> (HTML5)
<figure> (HTML5)
<font>
<footer> (HTML5)
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header> (HTML5)
<hgroup> (HTML5)
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen> (HTML5)
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark> (HTML5)
<menu>
<meta>
<meter> (HTML5)
<nav> (HTML5)
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output> (HTML5)
<p>
<param>
<pre>
<progress> (HTML5)
<q>
<rp> (HTML5)
<rt> (HTML5)
<ruby> (HTML5)
<s>
<samp>
<script>
<section> (HTML5)
<select>
<small>
<source> (HTML5)
<span>
<strike>
<strong>
<style>
<sub>
<summary> (HTML5)
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time> (HTML5)
<title>
<tr>
<tt>
<u>
<ul>
<var>
<video> (HTML5)
<wbr> (HTML5)
Η ετικέτα <col>
Ορισμός και χρήση
Η ετικέτα <col> ορίζει CSS στυλ στις στήλες ενός πίνακα και μπορεί να τοποθετείται μέσα στην ετικέτα <colgroup> η οποία τοποθετείται μόνο μέσα στην ετικέτα <table> και ακριβώς κάτω απο αυτήν. Μπορεί όμως να υπάρξει και χωρίς την ετικέτα <colgroup>

Η ιδιότητα span ορίζει τον αριθμό των κελιών που θα εφαρμοστούν τα στυλ που ορίζονται στην ιδιότητα style με CSS

Η ιδιότητα style μέσα στην <colgroup> χρησιμοποιείται για να ορίσει CSS στυλ στις στήλες του πίνακα, χωρίς να χρειάζεται να τις επαναλαμβάνουμε σε κάθε στήλη. Έτσι η συντήρηση και η ενημέρωση του πίνακα γίνεται λειτουργικότερη και πιο γρήγορη, αφού χρειάζεται η αλλαγή μιας ιδιότητας μόνο μια φορά για να εφαρμοστεί σε όλες τις στήλες

Ετικέτα τέλους: Καμία. Η ετικέτα κλείνει με τους χαρακτήρες />
Παράδειγμα
Πηγαίος Κώδικας Αποτέλεσμα στον browser
Ο παρακάτω πίνακας περιέχει ένα colgroup με 3 στήλες
<table border="1">
<colgroup span="3">
<col style="width: 20px" />
<col style="width: 50px" />
<col style="width: 80px" />
</colgroup>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
</table>
Ο παρακάτω πίνακας περιέχει ένα colgroup με 3 στήλες
A B C D
Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Οι περισσότερες ιδιότητες της ετικέτας έχουν αφαιρεθει στην HTML5
Ιδιότητες
Ιδιότητα Τιμή Περιγραφή
align left
right
top
bottom
ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5
Ορίζει την στοίχιση του περιεχόμενου του κελιού του πίνακα
char χαρακτήρας ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5
Ορίζει έναν χαρακτήρα στον οποίο θα στοιχίζετε η στήλη του πίνακα
 
charoff pixels
%
ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5
Απόσταση έως τον πρώτο χαρακτήρα στοίχισης σε μια γραμμή
span αριθμός Ορίζει το πλήθος των στηλών που θα εφαρμοστούν οι ιδιότητες
valign top
middle
bottom
baseline
ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5
Ορίζει την κάθετη στοίχιση του περιεχόμενου του κελιού του πίνακα
width pixel
%
ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5
Ορίζει το πλάτος του κελιού
Κοινές (standard) ιδιότητες που μπορεί να πάρει η ετικέτα:
Η ετικέτα <col> υποστηρίζει τις standard ιδιότητες της HTML5
HTML Γεγονότα που μπορεί να πάρει η ετικέτα:
Η ετικέτα <col> υποστηρίζει τις ιδιότητες events της HTML5