Help:Table caption
From CMPLWiki
Template:H:h The caption tag is used inside the HTML element "table". This can also be done indirectly using the code "|+" as part of the wikicode for a table.
It places texts above the table, by default. Texts can also be below, at the left or at the right side of the table, based on the "align" parameter's value.
In the rightside table, the texts This is a Caption showing a caption. |
| |||||||
Wiki code: | {| border="1" |+ This is a Caption ! Data-Type-1 !! Data-Type-2 |- | Data-1a || Data-2a |- | Data-1b || Data-2b |} | |||||||
Html code: | <table border="1"> <caption> This is a Caption </caption> <tr> <th> Data-Type-1 </th><th> Data-Type-2 </th> </tr><tr> <td> Data-1a </td><td> Data-2a </td> </tr><tr> <td> Data-1b </td><td> Data-2b </td> </tr> </table> |
A html <caption> tag can be created by using following wiki code:
|+ Caption
which generates the following html code:
<caption>Caption</caption>
You can also use parameters in wiki code:
|+ params|Caption
which will generate below html code:
<caption params>Caption</caption>
CSS box model equivalent:
display: table-caption;
Caption tag accepts following parameters:
align = "top|bottom|left|right" (Deprecated html parameter)
(Html "align" is valid for ~IE 6).
Equivalent stylesheet parameter:
style="caption-side: top|bottom|left|right|inherit;"
In the rightside table, the texts Caption at bottom showing a bottom side caption. |
| |||||||
Wiki code: |
{| border="1" |+ align="bottom" style="caption-side: bottom" | Caption at '''bottom''' ! Data-Type-1 !! Data-Type-2 |- | Data-1a || Data-2a |- | Data-1b || Data-2b |} |
For a bottom side, right aligned caption texts:
|+ align="bottom" style="caption-side: bottom; text-align: right;" | Caption at bottom