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
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; HTML converted to wikitext. Formatting may be imperfect. -->
<!-- Mirrored from Homestar Runner Wiki (hrwiki.org) via Wayback Machine -->
'''Here's how to create a table:'''
'''Here's how to create a table:'''


<span id="code"></span>
== Code ==
== <span class="mw-headline">Code</span> ==


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.


<span id="usage"></span>
== Usage ==
== <span class="mw-headline">Usage</span> ==


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>
|}
<span id="styling"></span>
</pre>
== <span class="mw-headline">Styling</span> ==
 
== 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=&quot;font-family: (a font family);border: (a thickness)&quot;</pre>
<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=&quot;font-family: (a font family);color: (# a color)&quot; | This is the caption for my table.</pre>
<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=&quot;font-family: (a font family);color: (# a color)&quot;</pre>
<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=&quot;font-family: (a font family);color: (# a color)&quot; | These || are || my || regular || cells</pre>
<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.


<span id="external-links"></span>
== External Links ==
== <span class="mw-headline"> External Links </span> ==


* More wiki-table help at [[Help:Table]].
* More wiki-table help at [[Help:Table]].
 
[[Category:Help]]
<div id="catlinks" class="catlinks">
 
<div id="mw-normal-catlinks">
 
[/wiki/Special:Categories Category]: <span dir="ltr">[[Category:Help|Help]]</span>
 
</div>
 
</div>



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.