Help:Table caption

From The Scuba Wiki

Jump to: navigation, search
MediaWiki Handbook: Contents, Readers, Editors, Moderators, System admins +/-

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.
This is a Caption
Data-Type-1 Data-Type-2
Data-1a Data-2a
Data-1b Data-2b
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.
Caption at bottom
Data-Type-1 Data-Type-2
Data-1a Data-2a
Data-1b Data-2b
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

See also

Help:Table


Links to other help pages

Help contents
Meta | Wikinews | Wikipedia | Wikiquote | Wiktionary | commons: | mw: | b: | s: | mw:Manual | google
Versions of this help page (for other languages see below)
Meta | Wikinews | Wikipediahttp://en.wikipedia.org/Help:Table_caption | Wikiquote | Wiktionary
What links here on Meta or from Meta | Wikipedia | MediaWiki
Reading
Go | Search | Stop words | URL | Namespace | Page name | Section
Backlinks | Link | Piped link | Interwiki link | Redirect | Category | Image page
Logging in and preferences
Logging in | Preferences | User style
Editing
Advanced editing | Editing FAQ | Edit toolbar | Export | Import | Shortcuts
Tracking changes
Recent changes (enhanced) | Related changes | Watching pages | Diff
Page history | Edit summary | User contributions | Minor edit | Patrolled edit
Style & formatting
Wikitext examples | Reference card | HTML in wikitext | List | Table | Sorting | Colors
Special input and output
Inputbox | Special characters | Displaying a formula | Images (uploads) | EasyTimeline
Advanced functioning
Template | Advanced templates | Parser function | ParserFunctions | Parameter default
Variable | Magic word | System message | Substitution | Array | Calculation
Page management
Starting a new page | Renaming (moving) a page | Protecting pages | Deleting a page
Special pages
Talk page | Testing | Sandbox | CentralNotice

Template:-

Personal tools
support the site