Technologies for web publishing Ing. Václav Freylich Lecture 3

aTNPW1 - 3 Content  Tables in HTML

aTNPW1 - 3 Tables  Important structures in web publishing  Used entirely for two dimensional data output  Can be used for making the page layout (old approach to page layout)

aTNPW1 - 3 Tables – source code example Source code example Table description Annual turnover Growth Subsidiary 1 6,3 mil +11,5%

aTNPW1 - 3 Tables – source code example Subsidiary 2 +15,2 mil 16,7% Subsidiary 3 4,5 mil -8,5%

aTNPW1 - 3 Tables – output example Output of the previous code: Annual turnoverGrowth Subsidiary 16,3 mil+11,5% Subsidiary 215,2 mil+16,7% Subsidiary 34,5 mil-8,5% Table description

aTNPW1 - 3 Tables – syntax Table Table row Table cell (standard cell) Table cell (header cell) - Content of this cell is automatically formatted (format depends on the browser)

aTNPW1 - 3 Tables – syntax Table caption - Text description of the table data (optional element)

aTNPW1 - 3 Tables – syntax Important table attributes (element ) border … visual border of cells (table grid) cellspacing … space (margin) between the table cells cellpadding … space (padding) between the cell border and the cell content

aTNPW1 - 3 Tabulky – syntaxe Important cell attributes (element, ) cellspacing … cellpadding … nowrap … affects the content wrapping in the cell colspan … allows merging some cells across the columns rowspan … allows merging some cells across the rows