Help:Table

From Homestar Runner Wiki

Jump to: navigation, search

Here's how to create a table:

[edit] 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.

[edit] 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

|}

[edit] 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.

[edit] External Links

Personal tools