Difference between revisions for Playground / Table Markup Reference




← Previous edit
Next edit →

Version1 Version2
2 2
3 The generic markup for table elements follows this scheme: 3 The generic markup for table elements follows this scheme:
4 4
5   ##**!!*|!!!!(blue)(attribute parameters)!!!!(green){style parameters}!!content!!||!!**## 5   ##**!!*|!!!!(blue)(attribute parameters)!!!!(green){style parameters}!! content !!||!!**##
6 6
7 ====Example:==== 7 ====Example:====
8 8
9   ##""*|(i:main_heading){text-size: 120%}This is the main heading|*""## 9   ##""*|(i=main_heading){text-size: 120%} This is the main heading |*""##
10 10
11 ====Understanding the Table Markup Scheme==== 11 ====Understanding the Table Markup Scheme====
12   1. **Opening delimiter** --- **##!!^|!!##** is any of the delimiters described in the //elements table// below. 12   1. **Opening delimiter** --- **##!!^|!!##** is any of the delimiters described in the //elements table// below.
13   1. **Attributes** --- **##!!(blue)(attribute parameters)!!##** is an optional series of ##parameter:value## declarations enclosed in brackets. Valid parameters are described in the //attribute table// below. Multiple parameter declarations can be separated with a semicolon (**##;##**). 13   1. **Attributes** --- **##!!(blue)(attribute parameters)!!##** is an optional series of ##parameter=value## declarations enclosed in brackets. Valid parameters are described in the //attribute table// below. Multiple parameter declarations can be separated with a space (**## ##**).
14   1. **Style** --- **##!!(green){style parameters}!!##** is an optional series of CSS style declarations enclosed in braces. Multiple style declarations can be separated with a semicolon (**##;##**). 14   1. **Style** --- **##!!(green){style parameters}!!##** is an optional series of CSS style declarations enclosed in braces. Multiple style declarations can be separated with a semicolon (**##;##**).
15   1. **Content** --- **##content##** can be any valid content for that element (including [[Docs:TextFormatting|formatted text]]). 15   1. **Content** --- **##content##** can be any valid content for that element (including [[Docs:TextFormatting|formatted text]]).
16   1. **Closing delimiter** --- **##!!||!!##** is the standard delimiter. 16   1. **Closing delimiter** --- **##!!||!!##** is the standard delimiter.
22 22
23 #| 23 #|
24 !|{width: 80%}|! 24 !|{width: 80%}|!
25 ?|Table Elements|? 25 ?| Table Elements |?
26 *| HTML Elements | Delimiter | Notes |* 26 *| HTML Elements | Delimiter | Notes |*
27 || ##<table>## | ##""!|""## | Optional, only useful for adding attributes. **Must** be first in table markup if used. Should be on a line by itself. || 27 || ##<table>## | ##""!|""## | Optional, only useful for adding attributes. **Must** be first in table markup if used. Should be on a line by itself. ||
28 || ##<caption>## | ##""?|""## | || 28 || ##<caption>## | ##""?|""## | ||
31 || ##<thead>## | ##""[|""## | || 31 || ##<thead>## | ##""[|""## | ||
32 || ##<tfoot>## | ##""]|""## | || 32 || ##<tfoot>## | ##""]|""## | ||
33 || ##<tbody>## | ##""|#|""## | || 33 || ##<tbody>## | ##""|#|""## | ||
34 || ##<tr>## | none | Will be opened for each row of table cells. || 34 || ##<tr>## | ##""||""## | Must be set for each row of table cells. ||
35 || ##<th>## | ##""^|""## | || 35 || ##<th>## | ##""^|""## | ||
36 || ##<td>## | ##""|""## | || 36 || ##<td>## | ##""|""## | ||
37 |# 37 |#
39 ===3. Attributes=== 39 ===3. Attributes===
40 40
41 #| 41 #|
42 ?|Table Attributes|? 42 ?| Table Attributes |?
43 *| Attribute | Markup key |* 43 *| Attribute | Markup key |*
44 *|(x=2) Core |* 44 *|(colspan=2) Core |*
45 || ##id## | ##i## || 45 || ##id## | ##i## ||
46 || ##title## | ##t## ||    
47 || ##class## | ##c## || 46 || ##class## | ##c## ||
48 || ##style## | ##s## || 47 || ##style## | ##s## ||
49 *|(x=2) i18n |* 48 *|(colspan=2) i18n |*
50 || ##xml:lang## | ##l## || 49 || ##lang## | ##l## ||
51 || ##dir## | ##d## || 50 || ##dir## | ##d## ||
52 *|(x=2) Table cells |* 51 *|(colspan=2) Table cells |*
53 || ##colspan## | ##x## || 52 || ##colspan## | ##x## ||
54 || ##rowspan## | ##y## || 53 || ##rowspan## | ##y## ||
55 || ##scope## | ##o## || 54 || ##scope## | ##o## ||
56 || ##headers## | ##h## || 55 ||(colspan=2 a=center) style ||
57 || ##abbr## | ##a## || 56 || ##width## | ##w## ||
58 || ##axis## | ##z## || 57 ||(colspan=2 a=center) class ||
59 *|(x=2) Other Table elements |* 58 || ##align## | ##a## ||
60 || ##span## | ##p## || 59 || ##bgcolor## | ##c## ||
61 || ##summary## | ##u## || 60 || ##vertical## | ##v## ||
62 |# 61 |#