Click to go Home
Search / Guestbook / About  

 

 


Home / E-Learning / Internet / Computers / Web Building

 

 

 

 

 

 

 

 


Tables

 

Inserting tables

Tables are a simple and powerful way to control the location of text and pictures on your website. They create a kind of framework on your webpage, making it easier to place text and pictures where you want them.

To insert a table into your webpage:

1. Go to the Insert menu.
2. Choose Table. The Insert Table dialogue window will open.
3. Next to Rows, insert 1.
4. Next to Columns, type 2
5. For Width, choose 50%.
6. Keep the Border number at one, or 0 if you want the border to be invisible when you view your webpage in a browser.


A table and the Properties Inspector.


Changing the properties of a table.


When you highlight a table, the Properties Inspector gives you options for the table.

  • Rows and Cols: By changing these numbers you can add rows and columns.
  • W and H: Changes the width and height of the table. You have the option of choosing percent or pixels from the pull-down menu. It’s a good idea to keep your table's width at 100%; this will cause the width to change according to the width of each visitor's browser window.
  • CellPad: (cell padding) Creates a space between the table border and the text and images in the table. .
  • Align: Allows you to left, right or center the table on the page.
  • CellSpace: Changes the space between the cells of the table.
  • Border: Changes the width of the outer border of the table.
  • Bg Color: Determines the color of the background of the table.
  • Brdr Color: Determines the color of the border, if you have set a border size greater than zero.
  • Bg Image: By clicking on the yellow folder you can browse and choose an image to show up as a background to the whole table. This will appear behind the text, so take care not to choose an image that is too busy, or too dark/light for the text.

 

Practice

Insert a table on a practice page and make changes to the various sections described above. You can create an amazing variety of tables this way. View your work in both Netscape and IE (and perhaps Opera) to see how they render them differently.

 




HomeTop


formerly Purple Sunset Designs

© 2003