Help:Wiki University Wikitext--Tables - Captions





<< Previous Chapter Next Chapter >>

Table captions
So far we have learned how to 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.

Let's call our table "Healthy Foods"
 * We will use the table with a width of 100% and the cell width set to 25% each.
 * Here's how the table will look with a caption:

Here's the coding:
 * NOTICE the caption is not centered over the table. We center the caption using the ... tags.



Font size
 To enlarge the caption, we use our font-size attribute. Let's increase the font to 24 pixels.
 * First notice that the caption is rather small print.

Here's the coding for the caption:  |+ style=" font-size: 24px "| Healthy Foods

Change font of caption

 * The font you see in the table caption is the default font. If you want to change it, we can use our font-family attribute.
 * Let's change the font to "new times roman" font.
 * Here is the complete code for all the changes we have made to the caption:


 * NOTICE we replaced the tags with the attribute named "text-align:center".
 * NOTICE the attributes are all separated by semi-colons.
 * NOTICE to add spaces between the caption and the table, we used the "margin-bottom attribute".

Try these out


 Exercises
 * Copy the table coding displayed directly above to your sandbox, then place an orange border around it in the "outset" style and with a thickness of 25 pixels.
 * Make 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 - Curlz MT
 * Font - 28px
 * 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

<< Previous Chapter Next Chapter >>