Wikka Documentation : SandBox

HomePage :: Index :: RecentChanges :: Search :: Login/Register
This is an old revision of SandBox from 2006-11-14 11:16:13.

Table Markup Examples

this page validates as XHTML1.0 transitional



Something really simple


|=|Heading 1||Content 11||Content 12||
|=|Heading 2||Content 21||Content 22||

Heading 1Content 11Content 12
Heading 2Content 21Content 22

Perhaps it should be mentioned, that headings must be preceded by |=| and followed by || if the next cell should countain data ...

||Content 11||Content 12|=|Heading 1||
|=|Heading 2||Content 21||Content 22||

Content 11Content 12Heading 1
Heading 2Content 21Content 22


Something simple with a caption


|?|Caption||
|=|Name|=|Number||
||Me||12||
||Someone||15||

Caption
NameNumber
Me12
Someone15


Spans


||(x:2;y:2)2x2||(x:2)2x1||(y:2)1x2||
||(y:2)1x2||1x1||
||1x1||1x1||(x:2)2x1||

2x22x11x2
1x21x1
1x11x12x1


Wikka markup within cells


||##Mono##||[[HomePage Forced]]|| {{wikkaversion}}|| **##Bold mono##** ||
||//Italics//||===Heading===||++Strike++|| {{image url="http://wiki.tormodh.net/images/xml.png" alt="xml" title="xml feed"}}||
||SandBox escaped||embedded<sup>html</sup>||@@center@@||{{color c="red" text="testme"}}||

MonoForced n/a Bold mono
Italics

Heading

Strike xml
SandBox escapedembeddedhtml
center
testme

Summary and caption


|!|(u:The Summary)||
|?|The Caption||
|=|Name|=|Number|=|(x:2)Span||
||John Smith||1||This||That||
||Jane Doe||2||That||This||

The Caption
NameNumberSpan
John Smith1ThisThat
Jane Doe2ThatThis


Summary, caption and scope


|!|(u:The Summary)||
|?|The Caption||
|=|(o:row)Name||John Smith||Jane Doe||
|=|(o:row)Number||1||2||
|=|(o:row;y:2)Span||This||That||
||That||This||

The Caption
NameJohn SmithJane Doe
Number12
SpanThisThat
ThatThis


Summary, caption and scope


|!|(u:The number of employees and the foundation year of some imaginary companies.)||
|?|Table 1: Company data||
|||=|(o:col)Employees|=|(o:col)Founded||
|=|(o:row)ACME Inc||1000||1947||
|=|(o:row)XYZ Corp||2000||1973||

Table 1: Company data
EmployeesFounded
ACME Inc10001947
XYZ Corp20001973



|!|(u:A table with summary, caption, thead, tfoot and two tbody)||
|?|thead, tfoot, tbody, tbody||
|[|
|=|Name|=|Place|=|Telephone||
|]|
|=|Name|=|Place|=|Telephone||
|#|
||John Smith||New York||555-1234||
||Jane Smith||Loa Angeles||555-2345||
|#|
||John Doe||Unknown||Unknown||
||Jane Doe||Unknown||Unknown||

thead, tfoot, tbody, tbody
NamePlaceTelephone
NamePlaceTelephone
John SmithNew York555-1234
Jane SmithLoa Angeles555-2345
John DoeUnknownUnknown
Jane DoeUnknownUnknown


Styling with CSS selectors, 1


|!|{float:right}||
||(x:2;y:2){background-color:pink}2x2||(x:2){background-color:lightblue}2x1||(y:2){background-color:lightyellow}1x2||
||(y:2){background-color:lightyellow}1x2||{background-color:#333;color:white}1x1||
||{background-color:lightblue}1x1||{background-color:#333;color:white}1x1||(x:2){background-color:pink}2x1||

2x22x11x2
1x21x1
1x11x12x1
 


Styling with CSS selectors, 2


|!|(i:Hello;u:What a gorgeous table!){float:left}||
|?|Ohi, ohi, ohi, ohi!||
|[|
|=|(x:4){color:#000;font-size:150%;font-style:italic;font-family:Hoefler Text, Georgia;font-weight:normal;line-height:150%}Ephemere Quibus||
|#|
|=|(x:2)First things first|=|(x:2)Second things second||
||##Mono##||A [[WikiHome forced link]] and an escaped CamelCase link|| {{wikkaversion}} (action generated content)|| **##Bold mono##** ||
||//Italics//||===Heading===||++Strike++|| {{image url="http://wiki.tormodh.net/images/xml.png" alt="xml" title="xml feed"}}||
||%%echo "Even some code!"%%||embedded<sup>html</sup>||>>Hello>>||(i:moah){background:#000;text-align:center;color:white}testme||

Ohi, ohi, ohi, ohi!
Ephemere Quibus
First things firstSecond things second
MonoA forced link and an escaped CamelCase link n/a (action generated content) Bold mono
Italics

Heading

Strike xml
echo "Even some code!"
embeddedhtml
Hello
testme
 

Creative Common Attribution-ShareAlike License
Valid XHTML 1.0 Transitional :: Valid CSS :: Powered by WikkaWiki
Page was generated in 0.0111 seconds