Help Table: Difference between revisions
imported>HRWikiMirrorBot Imported from hrwiki.org via Wayback Machine (HTML→wikitext) |
imported>HRWikiMirrorBot Reimported from hrwiki.org Wayback HTML→wikitext (full reconvert) |
||
| Line 1: | Line 1: | ||
<!-- Mirrored from Homestar Runner Wiki (hrwiki.org) via Wayback Machine | <!-- Mirrored from Homestar Runner Wiki (hrwiki.org) via Wayback Machine --> | ||
'''Here's how to create a table:''' | '''Here's how to create a table:''' | ||
== Code == | |||
= | |||
To create a table, you will first need to understand what the symbols mean: | To create a table, you will first need to understand what the symbols mean: | ||
| Line 16: | Line 15: | ||
* '''!!''' - Signifies the switch to a new header cell within a row. | * '''!!''' - Signifies the switch to a new header cell within a row. | ||
== Usage == | |||
= | |||
Here is how you would use these symbols appropriately: | Here is how you would use these symbols appropriately: | ||
<pre>{| | <pre> | ||
{| | |||
|+ This is the caption for my table. | |+ This is the caption for my table. | ||
| Line 33: | Line 32: | ||
| These || are || my || regular || cells | | These || are || my || regular || cells | ||
|}</pre> | |} | ||
</pre> | |||
== | |||
== Styling == | |||
To modify a specific cell, a row, or the entire table, you would use the ''style'' attribute: | To modify a specific cell, a row, or the entire table, you would use the ''style'' attribute: | ||
| Line 41: | Line 41: | ||
Placing the style attribute after the '''{|''' symbol alters the entire table: | Placing the style attribute after the '''{|''' symbol alters the entire table: | ||
<pre>{| style= | <pre> | ||
{| style="font-family: (a font family);border: (a thickness)" | |||
</pre> | |||
Placing the style attribute after the '''|+''' symbol alters the table's caption. Use the pipe symbol to divide it from the text: | Placing the style attribute after the '''|+''' symbol alters the table's caption. Use the pipe symbol to divide it from the text: | ||
<pre>|+ style= | <pre> | ||
|+ style="font-family: (a font family);color: (# a color)" | This is the caption for my table. | |||
</pre> | |||
Placing the style attribute after the '''|-''' symbol alters the entire row that follows it: | Placing the style attribute after the '''|-''' symbol alters the entire row that follows it: | ||
<pre>|- style= | <pre> | ||
|- style="font-family: (a font family);color: (# a color)" | |||
</pre> | |||
Placing the style attribute after the '''|''' symbol alters a single cell. Use the pipe symbol to divide it from the text: | Placing the style attribute after the '''|''' symbol alters a single cell. Use the pipe symbol to divide it from the text: | ||
<pre>| style= | <pre> | ||
| style="font-family: (a font family);color: (# a color)" | These || are || my || regular || cells | |||
</pre> | |||
Please note that styling a single cell has the most precedence. This means that if you style the table's background red, and style a single cell black, the single cell will appear black, rather than red. | Please note that styling a single cell has the most precedence. This means that if you style the table's background red, and style a single cell black, the single cell will appear black, rather than red. | ||
== External Links == | |||
= | |||
* More wiki-table help at [[Help:Table]]. | * More wiki-table help at [[Help:Table]]. | ||
[[Category:Help]] | |||
Latest revision as of 14:24, 14 July 2026
Here's how to create a table:
Code
To create a table, you will first need to understand what the symbols mean:
- {| - Signifies the start of a table.
- |} - Signifies the end of a table.
- |+ - Signifies the caption of a table; what text will appear above it, labeling it.
- |- - Signifies the start of a table row.
- | - Signifies the start of a regular table cell.
- ! - Signifies the start of a header table cell. The text within a header cell is boldfaced.
- || - Signifies the switch to a new cell within a row.
- !! - Signifies the switch to a new header cell within a row.
Usage
Here is how you would use these symbols appropriately:
{|
|+ This is the caption for my table.
|-
! These !! are !! my !! table !! headers
|-
| These || are || my || regular || cells
|}
Styling
To modify a specific cell, a row, or the entire table, you would use the style attribute:
Placing the style attribute after the {| symbol alters the entire table:
{| style="font-family: (a font family);border: (a thickness)"
Placing the style attribute after the |+ symbol alters the table's caption. Use the pipe symbol to divide it from the text:
|+ style="font-family: (a font family);color: (# a color)" | This is the caption for my table.
Placing the style attribute after the |- symbol alters the entire row that follows it:
|- style="font-family: (a font family);color: (# a color)"
Placing the style attribute after the | symbol alters a single cell. Use the pipe symbol to divide it from the text:
| style="font-family: (a font family);color: (# a color)" | These || are || my || regular || cells
Please note that styling a single cell has the most precedence. This means that if you style the table's background red, and style a single cell black, the single cell will appear black, rather than red.
External Links
- More wiki-table help at Help:Table.