Help:Wiki University Wikitext--Tables - Captions

Table captions
So far we have learned how determine the width of our table and the type of border it will have, but we don't know what the table is about. It needs a title or a wikitext caption.

Caption tag
The tag is a pipe and a plus sign: |+
 * It does not need a |- before it.
 * It does not have a closing tag either.

Lets call our table "Heathy Foods"
 * We will use the table with a width of 100% and the columns set at 25%.
 * Here's how the table will look with a caption:

Here's the coding:
 * NOTICE the caption is not centered over the table.
 * NOTICE all that was added was the caption tag.

Font size
To enlarge the caption, we use our font-size attribute. Let's increase the font to 24 points.
 * First notice that the caption is rather small print.
 * Again that it is aligned to the left of the page.

Center caption

 * If you want to center the caption, we use our text-slign:center attribute:

Space between caption and table

 * Notice that the caption is overlapping the top of the table. We need to put a space between the caption and the table.
 * Here we use our margin-bottom attribute. Let's put 15 pixel space between the two.
 * This look better.

Change font of caption

 * Font you see here is the default font. If you want to change it we can use our font-family attribute.
 * Let's change the font to "times new roman" font.


 * Here is the complete code for all the changes we have made to the caption.
 * AGAIN NOTICE the attributes are separated by semi-colons.

 Exercises
 * With our above table place a orange border, "outset" style and 25 pixels thick.
 * Made the table 85% in width.
 * Next place a border around the cells in the first column.
 * Make all the columns the same width.
 * Install our Healthy Foods caption;
 * Font - Curtz MT
 * Font - 28pt
 * Center caption
 * 20 pixel space between caption and top of table

Check your answers >

 Quick Quiz
 * The order of attributes is critical.
 * A. True
 * B. False


 * The caption can only be on the left side of the page
 * A. True
 * B. False


 * Only margin-bottom of the caption will cause the separation between the caption and the table
 * A. True
 * B. False

Check your answers >