X

Arranging your data into tabular form has never been so easy!

Tabulating

Creating HTML tables has always been a study in perseverance. If you work at it long enough you eventually get the results you want.

With blue-phrase, creating tables is straightforward, and way easier than Markdown, wikitext, or straight HTML.

Let's start by examining the finished result —

Fiber origins

material origin source
wool animal goat or sheep hair
silk animal cocoon of Chinese silkworm
cotton plant cellulose from cotton bolls
kapok plant seed pods of the Ceiba tree
polyester synthetic polyethylene terephthalate
nylon synthetic thermoplastic polymer

Classic table notation

The classic blue-phrase notation to accomplish this looks like:

h1 Fiber origins    
table {
tr {
th material
th origin
th source
}
tr {
td wool
td animal
td goat or sheep hair
}
tr {
td silk
td animal
td cocoon of Chinese silkworm
}
tr {
td cotton
td plant
td cellulose from cotton bolls
}
tr {
td kapok
td plant
td seed pods of the Ceiba tree
}
tr {
td polyester
td synthetic
td polyethylene terephthalate
}
tr {
td nylon
td synthetic
td thermoplastic polymer
}
}
classic table notation

Implied table notation

The classic notation can be abbreviated by using implied notation.

The two rules we need to know are:

  1. table semantax has an implied child of tr
  2. tr semantax has an implied child of td

Knowing these rules, we can shorten things up to look like this:

h1 Fiber origins    
table {
{
th material
th origin
th source
} {
wool
animal
goat or sheep hair
} {
silk
animal
cocoon of Chinese silkworm
} {
cotton
plant
cellulose from cotton bolls
} {
kapok
plant
seed pods of the Ceiba tree
} {
polyester
synthetic
polyethylene terephthalate
} {
nylon
synthetic
thermoplastic polymer
}
}
implied table notation

Inline table notation

The implied notation can also be written using inline phrases, which looks like this:

h1 Fiber origins    
table {
<<th material>> <<th origin>> <<th source>>
<<wool>> <<animal>> <<goat of sheep hair>>
<<silk>> <<animal>> <<cocoon of Chinese silkworm>>
<<cotton>> <<plant>> <<cellulose from cotton bolls>>
<<kapok>> <<plant>> <<seed pods of the Ceiba tree>>
<<polyester>> <<synthetic>> <<polyethylene terephthalate>>
<<nylon>> <<synthetic>> <<thermoplastic polymer>>
}
inline table notation

Arranging your data into tabular form has never been so easy!