Working With Tables And Columns

How would you create a table caption, and edit its position?

<caption>content</caption> where content is the content of the table caption caption-side: position where position is top or bottom

How would you add a border to a table?

<table border="value"> ... </table> where value is the size of the border in pixels

How would we implement cell spacing and cell padding?

<table cellspacing="value">... </table> where value is the space in pixels <table cellpadding="value">... </table> where value is the space in pixels

How would we add a table summary?

<table summary="description"> ... </table>

What is a spanning cell, and how would create one in regards to columns OR rows?

A spanning cell is one that occupies more than one row or column in the table. colspan="columns" Where columns is the number of columns covered by the cell rowspan="rows" where rows is the number of rows covered by the cell

What is a web table and how do we implement one?

Consists of the table element and a collection of table rows nested in the table element. <table> <tr> table cells </tr> <tr> table cells </tr> ... </table>

What are row groups and how would you make them?

In which each group element contains different types of content and can be formatted differently. <table> <thread> table rows </thread> <tfoot> table rows </tfoot> <tbody> table rows </tbody> </table>

What are table headings and data cells, and what are the elements that mark each?

Table headings are the cells that identify the contents of the row or column - marked with the th element Data cells are marked with td and used for any content that is not considered a heading

How would we define the border model used by the table, and then set the space between separated borders?

border-collapse: type where type is separate to keep all borders around cells and the table itself apart, or collapse to merge all adjacent borders border-spacing: value where value is the space between borders

How would we set the number of columns, specify their width and set the size of the gap between them?

column-count: number; where number is the number of columns in the layout column-width: width; where width is the width of the columns column-gap: width; Where width is the width of the gap

How would we align the cells in a table?

horizontally: align="position" vertically: valign="position"

What are cell spacing and cell padding?

spacing is the amount of space between table cells, and padding is the space between cell contents and the border.

What is a table rule and how would we implement one?

specifies how the internal gridlines are drawn within the table. <table border="value" rules="type">...</table>

What is a table frame and how would we implement one?

specifies which sides of the table or cells will have borders. <table border="value" frame= "type">...</table>

How would we set the width, height and row height in a table in HTML?

width: <table width="value">...</table> height: <table height="value">...</table> row height: <tr height="value"... </tr>