table

Create a Table

Let's insert a table on your document resume.html. Move your cursor into a blank line by pressing return at the end of a paragraph. Click the Insert table button. On the table editor you will decide how you want your table to look. You can always go back to this editor to make changes.

Double click on the border of your table to bring up the table editor.
To create titles you can place your cursor in the cell that will be a title and then click the box beside "Header cell."
Place your cursor inside one of the cells to make changes to a single row, column, or individual cell.
To horizontally align your table on the page click the border of the table once and then click the text alignment buttons on the toolbar.
To align text within a cell, place your cursor within the cell and click the text alignment buttons.
To change the width or height of cells type in amounts in the width and height fields of the text editor. It is always safe to choose a percentage rather than a fixed pixel amount. When web browsers are resized the table will automatically resize too.
To make changes within the various parts of the table you only have to move your cursor within that cell, (the cell will have a border around it) make the changes on the editor, press return to see immediate changes. You do not have to keep closing the editor when moving to different cells.
You may also resize the entire table width, and columns and rows without going to the editor. Just place your cursor on a border and drag the mouse to resize.
In the editor you may add or remove columns or rows by placing your cursor in the cell next to the place where you want to insert and new one. Click add or remove a row or column.
You may insert an image into a cell. Click in the cell first, then click the insert image button.
It is not possible to change cell colors in Claris Home Page unless you go to the HTML source code and type it in. In other editors you may add color to any cell, row, or column.

After viewing the samples below you should be able to add a simple table to your page. You may include whatever information you think would be appropriate for this page. Experiment with the settings to get the table exactly like you want it.

Table Information

Examples

Spacing

The amount of space between cells (by making the border thicker)

Spacing =5

Padding

The amount of space around the data in cells

Padding = 10

Col Span

Change how many columns a cell spans

Col span= 2

This cell spans 2 columns

Col 1

Col 2

Row Span

Change how many rows a cell spans.

Row span=2

This cell spans two rows

Row 1

Row 2

Border

A setting of 0 makes the borders of the table invisible

This table has a border =5

Let's look at some examples: All of the tables below have a width of 40%

This cell has a col span = 2

The table has a border = 2

This cell has a spacing = 10 and padding =1

This cell has a col span = 1 row span = 1

This cell has a col span = 2
This cell has a padding = 10 and spacing = 1	The table has a border = 10

Column 1 Row 1	Column 2	Column 3
Row 2	This cell has a col span = 2 and row span = 1
Row 3	This cell has a col span = 1 and row span = 1	This cell has a col span = 1 and a row span = 2
Row 4	col span = 1 row span = 1	This cell has a col span = 1 and a row span = 2

Top

Return to Claris Home Page Tutorial