Work in progress
— This wiki is an active migration / mirror of Homestar Runner Wiki and is not finished yet.
Account registration and public editing are turned off until the migration is further along.
For status updates, see
the migration thread on the forums.
Help:Table: Difference between revisions
From HR Wiki Twice
Jump to navigationJump to search
imported>HRWikiMirrorBot Reimported from hrwiki.org Wayback HTML→wikitext (full reconvert) |
imported>HRWikiMirrorBot Reimported from hrwiki.org Wayback HTML→wikitext (full reconvert) |
||
| Line 1: | Line 1: | ||
<!-- | <!-- Wayback HTML body (hrwiki.org); RawHtml --> | ||
<html> | |||
<p><b>Here's how to create a table:</b> | |||
== Code = | </p> | ||
<a id="Code" name="Code"></a><h2> <span class="mw-headline">Code</span></h2> | |||
To create a table, you will first need to understand what the symbols mean: | <p>To create a table, you will first need to understand what the symbols mean: | ||
</p> | |||
<ul><li><b>{|</b> - Signifies the start of a table. | |||
</li><li><b>|}</b> - Signifies the end of a table. | |||
</li><li><b>|+</b> - Signifies the caption of a table; what text will appear above it, labeling it. | |||
</li><li><b>|-</b> - Signifies the start of a table row. | |||
</li><li><b>|</b> - Signifies the start of a regular table cell. | |||
</li><li><b>!</b> - Signifies the start of a header table cell. The text within a header cell is boldfaced. | |||
</li><li><b>||</b> - Signifies the switch to a new cell within a row. | |||
</li><li><b>!!</b> - Signifies the switch to a new header cell within a row. | |||
</li></ul> | |||
== Usage = | <a id="Usage" name="Usage"></a><h2> <span class="mw-headline">Usage</span></h2> | ||
<p>Here is how you would use these symbols appropriately: | |||
Here is how you would use these symbols appropriately: | </p> | ||
<pre> | <pre> | ||
{| | {| | ||
| Line 34: | Line 33: | ||
|} | |} | ||
</pre> | </pre> | ||
<a id="Styling" name="Styling"></a><h2> <span class="mw-headline">Styling</span></h2> | |||
== Styling = | <p>To modify a specific cell, a row, or the entire table, you would use the <i>style</i> attribute: | ||
</p><p>Placing the style attribute after the <b>{|</b> symbol alters the entire table: | |||
To modify a specific cell, a row, or the entire table, you would use the | </p> | ||
Placing the style attribute after the | |||
<pre> | <pre> | ||
{| style="font-family: (a font family);border: (a thickness)" | {| style="font-family: (a font family);border: (a thickness)" | ||
</pre> | </pre> | ||
<p>Placing the style attribute after the <b>|+</b> symbol alters the table's caption. Use the pipe symbol to divide it from the text: | |||
Placing the style attribute after the | </p> | ||
<pre> | <pre> | ||
|+ style="font-family: (a font family);color: (# a color)" | This is the caption for my table. | |+ style="font-family: (a font family);color: (# a color)" | This is the caption for my table. | ||
</pre> | </pre> | ||
<p>Placing the style attribute after the <b>|-</b> symbol alters the entire row that follows it: | |||
Placing the style attribute after the | </p> | ||
<pre> | <pre> | ||
|- style="font-family: (a font family);color: (# a color)" | |- style="font-family: (a font family);color: (# a color)" | ||
</pre> | </pre> | ||
<p>Placing the style attribute after the <b>|</b> symbol alters a single cell. Use the pipe symbol to divide it from the text: | |||
Placing the style attribute after the | </p> | ||
<pre> | <pre> | ||
| style="font-family: (a font family);color: (# a color)" | These || are || my || regular || cells | | style="font-family: (a font family);color: (# a color)" | These || are || my || regular || cells | ||
</pre> | </pre> | ||
<p>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. | |||
</p> | |||
<a id="External_Links" name="External_Links"></a><h2> <span class="mw-headline"> External Links </span></h2> | |||
<ul><li>More wiki-table help at <a class="extiw" href="/index.php?title=Help:Table" title="meta:Help:Table">Help:Table</a>. | |||
</li></ul> | |||
<div class="visualClear"></div> | |||
</html> | |||
Latest revision as of 21:00, 18 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.
