General overview of tables in a web designFor our purposes, I will be relating the table start and table end tags as the outside invisible box or perimeter of the table. The <table> tells a browser that a table with rows and columns is starting. Then at least one row and one column must be present. The </table> tells the browser that no more table information is present for that table.
Every table needs at least 1 row across and must be placed after the <TABLE> and before the </TABLE>. Table rows butt against the left and right borders of the table they are in. 
Every table also needs at least one vertical column and they butt against the top and bottom of the table they reside in. 
Below is the code to create a simple one-celled table.. <table> You will see why we indent as our tables become more intricate.  <TABLE> Tell the browser a table is starting <TR> Tell the browser a row is starting across. <TD> Tell the browser a vertical column is starting. </TD> Tell the browser the vertical column has ended </TR> Tell the browser that the row ends now. </TABLE> Tell the browser that this table ends now. Remember <TR> creates horizontal rows and <TD> creates vertical columns. AND the vertical colums MUST be between the start table row and end table row tags.
|
