Difference between revisions for Playground / Table Markup Reference




← Previous edit
Next edit →

1. Table Markup Scheme


The generic markup for table elements follows this scheme:

*|(attribute parameters){style <!markup:1:begin>parameters}content||<!markup:1:end> parameters}!! content ||

Example:


*<!--markup:1:begin-->|(i:main_heading){text-size: 120%}This<!--markup:1:end-->*<!--markup:2:begin-->|(i=main_heading){text-size: 120%} This<!--markup:2:end--> is the main <!--markup:1:begin-->heading|<!--markup:1:end--> <!--markup:2:begin-->heading |<!--markup:2:end-->*

Understanding the Table Markup Scheme

  1. Opening delimiter
    ^| is any of the delimiters described in the elements table below.
  2. Attributes
    (attribute parameters) is an optional series of parameter:value parameter=value declarations enclosed in brackets. Valid parameters are described in the attribute table below. Multiple parameter declarations can be separated with a semicolon space (; **).
  3. Style
    {style parameters} is an optional series of CSS style declarations enclosed in braces. Multiple style declarations can be separated with a semicolon (;).
  4. Content
    content can be any valid content for that element (including formatted text).
  5. Closing delimiter
    || is the standard delimiter.

Note:

Some elements are self closing and do not accept any attributes, style parameters or content. See the notes in the elements table below.

2. Elements


{width=80%}
Table Elements
HTML Elements Delimiter Notes
<table> !| Optional, only useful for adding attributes. Must be first in table markup if used. Should be on a line by itself.
<caption> ?|
<colgroup> _|
<col> -| Selfclosing - must not be closed!
<thead> [|
<tfoot> ]|
<tbody> |#|
<tr> || Must be set for each row of table cells.
<th> ^|
<td> |

3. Attributes


*|(x=2)* *|(colspan=2) Core |* *|(x=2) *|(colspan=2) i18n |* *|(x=2) *|(colspan=2) Table cells |*
Table Attributes
Attribute Markup key
id i
class c
style s
lang l
dir d
colspan x
rowspan y
scope o <!markup:2:begin>
style
width w
class
align a
bgcolor c
vertical v<!markup:2:end>