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
← Older edit

imported>HRWikiMirrorBot

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 -->
<!-- Mirrored from Homestar Runner Wiki (hrwiki.org) via Wayback Machine -->
<html>
'''Here's how to create a table:'''
<p><b>Here's how to create a table:</b>
 
</p>
== Code ==
<a id="Code" name="Code"></a><h2> <span class="mw-headline">Code</span></h2>
 
<p>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:
</p>
 
<ul><li><b>{|</b> - Signifies the start of a table.
* '''{|''' - Signifies the start of a table.
</li><li><b>|}</b> - Signifies the end of a table.
* '''|}''' - Signifies the end of a table.
</li><li><b>|+</b> - Signifies the caption of a table; what text will appear above it, labeling it.
* '''|+''' - 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.
* '''|-''' - Signifies the start of a table row.
</li><li><b>|</b> - Signifies the start of a regular table cell.
* '''|''' - 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.
* '''!''' - 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.
* '''||''' - 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.
* '''!!''' - Signifies the switch to a new header cell within a row.
</li></ul>
 
<a id="Usage" name="Usage"></a><h2> <span class="mw-headline">Usage</span></h2>
== Usage ==
<p>Here is how you would use these symbols appropriately:
 
</p>
Here is how you would use these symbols appropriately:
 
<pre>
<pre>
{|
{|
Line 33: Line 34:
|}
|}
</pre>
</pre>
<a id="Styling" name="Styling"></a><h2> <span class="mw-headline">Styling</span></h2>
 
<p>To modify a specific cell, a row, or the entire table, you would use the <i>style</i> attribute:
== Styling ==
</p><p>Placing the style attribute after the <b>{|</b> symbol alters the entire table:
 
</p>
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:
 
<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:
 
</p>
Placing the style attribute after the '''|+''' symbol alters the table's caption. Use the pipe symbol to divide it from the text:
 
<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:
 
</p>
Placing the style attribute after the '''|-''' symbol alters the entire row that follows it:
 
<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:
 
</p>
Placing the style attribute after the '''|''' symbol alters a single cell. Use the pipe symbol to divide it from the text:
 
<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>


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]].
<div class="visualClear"></div>
[[Category:Help]]
</html>


Latest revision as of 04:58, 5 August 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.

Retrieved from "https://hrwikitwice.com/index.php?title=Help:Table&oldid=55367"