 |
TablesTABLES Tables are good for setting up your page exactly the way you want it to look. You can justify your text and images within a cell and make it appear the way you wish. Because resolutions are different, your page look can change dramatically if you don't use pixels instead of percentages in your table row and cell sizes. Here are some simple examples of tables:
Same Table with borders on:
Each table starts with a beginning table tag that looks like this: <table> There are a number of attributes that can be placed within this table tag, each having a different effect.
Table Rows The next tag to go in the table is a table row which looks like this: <tr></tr> Table Cells The next tag to go in the table is a table cell which looks like this: <td>Contents of Cell</td> Table Cells are placed within table Rows. Remember to close your table cell and table row tags in reverse order of how you opened them. So your tags should look like this. <tr><td>Contents of Cell</td></tr> Always end your table with: </table> More information on Tables DATA TABLE SHORTCUTS Sometimes you have data tables such as Censuses or birth/death indexes that require a lot of data to be put in a table. There is a real easy way of creating tables for these types of pages. You will need Microsoft Excel or some sort of spreadsheet program in order to make this work. First type all your data into columns in your Excel spreadsheet. Then, add a column so that the first column is blank. Type in lt;tr><td> into the first cell of the empty column Copy and paste that tag into the remaining cells in that column Make an empty column between your next two sections of data. In these cells copy and paste </td><td> Do this step for all of your columns of data In your last column copy and paste </td></tr> Copy your entire spreadsheet including all the new tags Paste it into your HTML editor. You can then get rid of the extra tabs. Add a <table></table> around the table and you have yourself a nice neat data table.
|