HTML Col Tag Tutorial

Browser Support

Firefox has limited support.

The col tag allows you to apply CSS styles and HTML attributes and values to an entire table column at once, rather than having to add them to each cell on a row-by-row basis.

The col tag can only be used in a table element or colgroup element.

Here's an example of usage:

  <table width="460" border="1">
<col style="width: 140px;">
<col width="260">
<col style="background-color: #c1cdba;" width="60">
  <tr>
  <th>Product</th>
  <th>Description</th>
  <th>Price</th>
  </tr><tr>
  <td>CSS Made Easy</td>
  <td>Learn CSS the easy way.</td>
  <td>$27.00</td>
  </tr><tr>
  <td>Tables Made Easy</td>
  <td>All you need to know about tables.</td>
  <td>$17.00</td>
  </tr>
  </table>

While the "col" element is supported by all major browsers, Firefox doesn't recognize many HTML attributes or CSS styles, so you'll need to test what works and what doesn't in Firefox when you use this element.

Here's how that table looks on a web page:

Product	Description	Price
CSS Made Easy	Learn CSS the easy way.	$27.00
Tables Made Easy	All you need to know about tables.	$17.00

Based on your interest in this tutorial you may also be interested in:

This concludes the HTML Col Tag Tutorial.

Back | HTML Tag Chart | HTML Index | Web Design Tutorials

If you want your web site to rank high in the search engines . . . what are you going to do to get it there? Check out my search engine optmization guide, SEO for YOU: Search Engine Optimization for Ordinary Everyday People!

Check out SEO for YOU now!

Almost a Newsletter

Subscribe today for exclusive website design tutorials and grab some free gifts to boot! Learn more, or subcribe below:

Did you know...

The member's site has about 100 standards compliant HTML and CSS tutorials, 31 handy reference charts, reprintable content, web graphics, exclusive fonts, free software, free ebooks and more? All this for less than 9 cents a day! [ Details ]