Help:Wiki University Wikitext--Tables - Cells

Changing cells
We can do all the same things to cells that we can do to captions and headers. What we have not talked about is spacing between the cells.
 * So far we leaned how to make changes to our captions and headers of our table.
 * Let's look at what we can do with cells.
 * We can change the font.
 * We can change the alignment in the cell
 * We can change the size of the font.

Cell padding
We will use this table for our demonstrations Here's is table we will experiment without the caption: So for text all the cells in the first row to have padding all around, we need to place the padding attribute in each cell. It should be obvious that if we want the same affect on all the cells we must place the padding attribute in all the cells.
 * if we put some padding in each cell, we will see more space between the contents of the cells.
 * Let's add 10px of padding in the first cell so we can see how it effects the other cells:
 * NOTICE how all the cells in the row have expanded as well as the cell where the padding was actually placed.
 * NOTICE the is padding all around the Apple but only three sides of the other words in the row.

Cell separation
Anopther way to create space between material in cells is be placing space between the cells themselves.
 * This requires two attributes: border-collaspe:separate  and border-spacing:25px   attributes.
 * <em<These two attributes can only be added to the opening table tag . Here what our table will look like with a cell separation of 3 pixels:

There are other changes we can make to the material inside cells. For these attributes to apply, it requires them being put into which ever cell you want the changes to apply. However, if you are changing text for entire row, there is another way. See the next chapter after you have completed the exercises and quick quiz below.
 * We can change the size of the font with the font-size attribute.
 * We can change the font with the font-family attribute.
 * We can change the style of font with our bold and italic tags.

 Exercises
 * With our above table place a yellow border, "dashed" style and 10 pixels thick.
 * Made the table 500 pixels wide.
 * Next place a blue border around the headers.
 * Install our Healthy Foods caption with any font;
 * Install the headers for each of the columns.

Check your answers >

 Quick Quiz
 * The headers are always centered on the column.
 * A. True
 * B. False


 * You have to use the text-align to put the header on the left side
 * A. True
 * B. False


 * Headers are never in bold type.
 * A. True
 * B. False

Check your answers >