Help:Editing: Difference between revisions

Help:Editing (view source)

Revision as of 22:05, 3 October 2014

1,302 bytes added , 3 October 2014

m

→‎Tables

VisualWikitext

Anonymous user

>Abcboy

@@ Line 331: / Line 331: @@
 ===Tables===
-Tables are very complicated. The chart below will be filled out soon. Please inspect an already-made table for how to make a table until further notice.
+Table styling is done using CSS and a few HTML attributes.
 {| class="wikitable" style="margin:auto; width:90%;"
-! colspan="3" | Tables
+! colspan="2" | Tables
 |-
-| XXX
+| Starting a table
-| <code><nowiki>XXX</nowiki></code>
+| <code><nowiki>{|</nowiki></code>
-| XXX
+|-
+| Creating a header
+| <code><nowiki>! Header content</nowiki></code>
+|-
+| Creating a row
+| <code><nowiki>|-</nowiki></code>
+|-
+| Creating a cell
+| <code><nowiki>| Cell content</nowiki></code>
+|-
+| Ending a table
+| <code><nowiki>|}</nowiki></code>
+|-
+| <pre>{|
+! Header 1
+! Header 2
+|-
+| Cell 1
+| Cell 2
+|}</pre>
+| style="background:#fff;" |
+{|
+! Header 1
+! Header 2
+|-
+| Cell 1
+| Cell 2
+|}
+|}<br clear="all">
+{| class="wikitable" style="margin:auto; width:90%;"
+! colspan="2" | Attributes
+|-
+| Assigning attributes to a table
+| <code><nowiki>{| class="wikitable" style="margin:auto;"</nowiki></code>
+|-
+| Assigning attributes to a cell
+| <code><nowiki>| style="text-align:right;" | Cell content</nowiki></code>
+|-
+| Vertically merged cells
+| <code><nowiki>| rowspan="2" | Cell content</nowiki></code>
+|-
+| Horizontally merged cells
+| <code><nowiki>| colspan="2" | Cell content</nowiki></code>
+|-
+| <pre>{| class="wikitable" style="margin:auto;"
+! Fruit
+! Price
+! Location
+|-
+| colspan="2" | No apples
+| rowspan="3" | Shop A
+|-
+| Oranges
+| style="text-align:right;" | 12
+|-
+| Mangoes
+| style="text-align:right;" | 15
+|}</pre>
+| style="background:#fff;" |
+{| class="wikitable" style="margin:auto;"
+! Fruit
+! Price
+! Location
+|-
+| colspan="2" | No apples
+| rowspan="3" | Shop A
+|-
+| Oranges
+| style="text-align:right;" | 12
+|-
+| Mangoes
+| style="text-align:right;" | 15
 |}
+|}<br clear="all">
 ==See also==