Introduction to Tables

Posted by: Ping

Web table is a tool to help control the web page layout. This means positioning text and elements on the page without having to fight the re-sizing of the browser window. Positioning of elements is nearly 100% stable with the use of tables. Table let you align elements into rows and columns. The <table> tag is one of the most common and widely used html tags to organize and create web page layouts.

Let’s learn the basic tables first, and download the “table.pdf” file for your reference.
<TR> To open a table row: http://www.w3schools.com/tags/tag_tr.asp
<TD> To open a table cell: http://www.w3schools.com/tags/tag_td.asp

The <td> tag defines a standard cell in an HTML table.
An HTML table has two kinds of cells:

  • Header cells – contains header information (created with the <th> element)
  • Standard cells – contains data (created with the <td> element)

The text in <th> elements are bold and centered by default.
The text in <td> elements are regular and left-aligned by default.