HTML Table Study

Table example 1:

1,1 1,2 1,3
2,1 2,2 2,3

Table example 2, with col span:

1,1 1,2 and 1,3
2,1 2,2 2,3

Table example 2, with row span:

1,1 and 2,1 1,2 1,3
2,2 2,3

HTML TABLE is at one time the only mean to do site layout. Often, tables are nested inside tables. The “width” and “height” and “border="0"” attributes are used to controll the layout to achieve the basic layout structure of the website's appearance.

Google.com's search results are tables within a large table as of 2005. Amazon.com's uses nested tables as of 2007-10. Yahoo.com uses nested tables as of 2005, but is using CSS based layout as of 2007-10.

CSS2 introduced the ability to do layout and layers. Its layering ability is already used widely as of 2005, but HTML TABLE is still tops it for positioning/layout work. However, most large-traffic major website have done away with tables and use DIV/CSS2 for layout instead. For example, msn.com's entry page as of 2006 does not use any tables. For layout and layering in CSS2, see: css layout and Tableless Layout with CSS.

Official Reference: http://www.w3.org/TR/REC-html40/struct/tables.html


Page created: 2005-12.
© 2005 by Xah Lee.
Xah Signet