Building Tables
Tables are a common formatting tool on the Internet. In a future release of RapidWeb we hope to have a simplified syntax available in the edit box for building these tables. However until then you will be forced to use HTML or go without.
The easiest way to create tables is to copy the HTML for a table and paste it into the edit box of the page on which you would like the table. Remember that each line of HTML needs to prefaced with the ( | ) character.
Here is an example:
- |<TABLE BORDER=1>
- |<TR>
- |<TH> Head A </TH> <TH> Head B </TH>
- |</TR><TR>
- |<TD> Cell A2 </TD> <TD> Cell B2 </TD>
- |</TR><TR>
- |<TD> Cell A3 </TD> <TD> Cell B3 </TD>
- |</TR>
- |</TABLE>
To create your own table with two columns and three rows copy the above to your paste board. Paste this HTML code into your word processor or the edit box and change the bold words to your own words. Paste the changed code into your edit box and it will create a table with 2 columns and 3 rows like this:
| Your Heading A | Your Heading B |
|---|
| Your content A2 | Your content B2 |
| Your content A3 | Your content |
To add a third column simply modify the table as follows:
- |<TABLE BORDER=1>
- |<TR>
- |<TH> Head A </TH> <TH> Head B </TH><TH> Head C </TH>
- |</TR><TR>
- |<TD> Cell A2 </TD> <TD> Cell B2 </TD><TD> Cell C2 </TD>
- |</TR><TR>
- |<TD> Cell A3 </TD> <TD> Cell B3 </TD><TD> Cell C3 </TD>
- |</TR>
- |</TABLE>
Paste the changed code into your edit box and it will create a table with 3 columns and 3 rows like this:
| Your Heading A | Your Heading B | Your Heading C |
|---|
| Your content A2 | Your content B2 | Your content C2 |
| Your content A3 | Your content B3 | Your content C3 |
A similar strategy can be used to add more columns or rows to your table.
If you would like to see how to build more complex tables then select this link to a:
Table Guide
This link will open a new window where you will be presented with an interactive table building guide. This guide has been designed to teach new web designers the attributes of the HTML <TABLE> tag. It will allow you to modify the many possible attributes of a table and see the immediate effects on an example. This example will then be displayed in the right frame. There is also an option for you to see the HTML code for the table that you created. This code may copied to your word processor where you can add the ( | ) character to the beginning of each line of HTML. Then you should copy this modified code and paste it into the edit box on the page that you wish to the table to appear.
