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 BLUEPHRASE, 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 BLUEPHRASE 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:

table semantax has an implied child of tr
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

john-philip@mail.readwritetools.com

john-philip