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.
 * We put background colors in cells

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.
 * 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.
 * 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.
 * We can change the background color of the cells.
 * 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.

Try these out
 Exercises
 * With our above table place a black border, "dotted" style and 5 pixels thick.
 * Made the table 600 pixels wide.
 * Next place a blue border around all the cells.
 * Place 5 pixels of padding in the header row of cells
 * Separate all the cells with 5 pixels.
 * Place a lightblue background on the column headers.

Check your answers >

 Quick Quiz
 * Only the border-collaspe attribute is required to separate cell borders.
 * A. True
 * B. False


 * Padding attribute only pads on the left side of the text
 * A. True
 * B. False


 * The header font cannot be changed
 * A. True
 * B. False

Check your answers >