1. Technology

HTML Tables

Tables are a great way to layout HTML pages without slowing the download with lots of images. Learn how to use the table, tr, td, th, and other table tags well and correctly. TML tables allow you to display tabular data, and to format your layout the way you would like.

Learn HTML Tables
HTML tables are an important part of the HTML specification. They allow you to display tabular data on web pages in a very clear and uniform way. This document will teach you how to build an HTML table from scratch, standard uses for tables, the table tags and attributes, and ways in which HTML tables are misused. If you want to learn HTML tables, this article is a great place to start. It covers the basics through advanced styling and even using tables for layout.

Learn How to Build an HTML Table
There are only a few tags you need to know to build a basic table. This article will show you how to build a basic table and then take you through the steps to make the table even more amazing.

Don't Use Tables for Layout
Tables for layout are a technique from the 1990s when designers had no other option than to use tables to get complex and interesting layouts. But CSS offers so much more now. Why are you still reluctant to learn CSS for layout?

Changing the Border Space in Tables
The CSS2 border-spacing property is not used a lot by designers, but it can be very helpful in creating a table that is more easy to read because the borders are spaced appropriately. This four-page article explains how to use the CSS2 border-spacing property and shows images of what it does.

How do you use a table to line up images like a "jigsaw" puzzle?
Using tables, you can put images together in surprising ways, to help with layout or just get interesting roll-over effects on parts of the image.

Why do my empty cells disappear in Netscape?
Empty HTML table cells do not show up in some browsers. Learn how to avoid that problem.

Learn how to build and use HTML tables.

How do you change the background color of a table?
Changing the background color of a table is as simple as adding one attribute on the cell, row, or table you want colored.

Using Tables
There are lots of things that tables can be used for on Web pages. Some are more common and some are not recommended, but they all can enhance your pages.

How can I include one table inside another?
It's easy to include one HTML table inside another table.

What do the HTML table attributes colspan and rowspan do?
Learn how to make your table cells span multiple columns and rows.

How do I set an image as a background for a table?
It's easy to set a background image on a table so that the table contents display above the image.

What's the difference between th and td HTML table tags?
These tags seem to do very similar things in HTML tables, but why would you use a TH rather than a TD tag?

HTML Tables Tutorial
Tables allow you to add tabular data to an XHTML document, and do page layout in HTML documents. This tutorial takes you step-by-step through creating a table and inserting it into your Web page.

Table Tags
Learn about all the different table tags and how to use them. There are more table tags than just table, tr, td, and th.

Tables Articles
There are many articles on this site on tables and how to use them. Learn how to build tables and use them effectively in both HTML and XHTML.

How to Build a 2x2 Table in HTML
You might be surprised at how easy it is to build a simple table in HTML. It's easy to get hung up on the complicated nature of tables, but when it comes down to it there are only 3 tags you need to know to build a simple table.

How to Add an HTML Table with Dreamweaver 8
It's easy to add tables using Dreamweaver.

Do You Really Need that Table?
When building a web page are you making it as simple as you can? There are good reasons for avoiding complexity if you don't need it. Tables add unnecessary complexity, and you should only use them for tabular data.

Using HTML Tables - Attributes
HTML5 reduces the number of attributes on the TABLE element to just one: border. But there are many other attributes you can use in HTML 4.01 and even some attributes that are browser-specific. This article explains how to use the attributes of the HTML TABLE element.

HTML Table Tags That are Often Forgotten
Learn how to use some of the less commonly used table elements like CAPTION, THEAD, TFOOT, and TBODY as well as a useful attribute: summary. This first page of the article explains how to use the CAPTION element.

Simple Table Styles
Tables can be styled using CSS, but there are a few tricks you need to use to make sure they appear as you want them to. This article takes you through the basics of table styles to adding dynamic table row highlighting.

Table Tricks
There is more to tables than just columns and rows. These attributes will help you define your tables more clearly in HTML.

Tables for Tabular Data - What is Tabular Data?
While you don't want to use tables for the layout of your pages, it is perfectly alright to use tables for tabular data. The problem is, what IS tabular data? This article attempts to shed light on this mystery.

Using Tables to Do Page Layout
How to build a complex table for laying out your Web page

Getting Rid of Spaces in HTML Tables
HTML tables are often used for layout, but if you're not careful, that pretty picture held together by tables will be all spaced out.

border Attribute for TABLE
Learn about the border attribute for the TABLE tag

Turn on the Borders When Testing Tables
Just because your final design doesn't use borders on a table doesn't mean you can't use them while you're building it. Learn this simple trick to make editing tables a snap, even in a text editor.

Testing HTML Tables Makes for Better HTML Tables
It's a good idea to test all web pages before you launch, but tables can be tricky, so if you test nothing else, you should test your pages with tables to make sure they display correctly. This goes doubly if you use tables for layout.

Simple Way to Center a Table Using CSS
Using CSS it's easy to center a table within the Web page.

Don’t Rely on Web Browsers to Style Your TH Tags
Many browsers have default styles they add to the TH tag. But you shouldn't rely on them. instead you should use CSS to get your TH tags to look exactly how you want them to.

TR Tag
An explanation of the HTML table tag TR.

TH Tag
The TH tag defines the contents of table header cells.

TD Tag
The TD tag defines the contents of table cells.

An explanation of the HTML table tag THEAD.

An explanation of the HTML table tag TFOOT.

An explanation of the HTML table tag TBODY.

How to Center Text in a Table Cell
Centering text inside table cells is done the same as you would center text in any other element on your web page.

How to Add Internal Lines in a Table
When you use CSS to add borders to tables, it only adds the border around the outside of the table. If you want to add internal lines, you need to add borders to the interior CSS elements. Or you can use the HR tag to add lines inside individual cells. Learn how to add internal lines inside a table with CSS.

The colgroup tag creates and defines an explicit column group in an HTML table.

Don’t Use Nested Tables
Nested tables are tables that enclose other tables. But by putting one table inside another, you slow the download time of the entire page. Learn why you shouldn't use nested tables in your web page documents and how to convert nested tables to other, faster loading, elements.

HTML5 and Tables for Layout
HTML5 changes the specification to allow tables be used for layout and presentation. Learn how you can define your table as a layout table or a data table.

©2014 About.com. All rights reserved.