Test: HTML Tables - Primary 3 MCQ

<th> element is used for representing heading of column or a row. It works same as <td> element. If shell has no content we can use <th> element also there. We can use scope attribute for specifying the heading is for row or column. Usually content of <th> is represented in bold. <thead> tag contains the group of header. <tr> is used to indicate start of every row i.e. it stands for table row.

There are three elements in HTML table layout i.e. size, spanning and alignment. Layout type can be achieved by setting Rows elements layout attribute to Fixed or Auto. Auto attribute relies on browser compatibility whereas fixed layout relies on developer specification.

For adding caption to the table we use <caption> tag. It should be used just below the <table> tag.

Syntax is 
<table> 
<caption> Savings </caption> 
<tr> <th> saving </th><th>loss</th> </tr> 
<tr><td>$12</td>$45<td></td> </tr> 
</table>.

<thead> tag contains the group of header. <tr> is used to indicate start of every row i.e. it stands for table row. The header information is present in <th> tag.

Borders can’t be applied on <tr> elements. It can’t be applied on table structural elements. For setting borders with <tr> element, border-collapse property should be set to collapse.

Syntax is 
table {border-collapse: collapse;} 
th, td{border-bottom: 2px dotted red; } 
tfoot tr:last-child td{border-bottom: 9 px;}

We can specify column width in three ways i.e. Percentage, Fixed, Proportional. Fixed width is given in pixels. Percentage specification is the percentage of horizontal space availability in the table. The proportional specification is the portions of fixed horizontal space required for the table.

Frame attribute gives information about which sides of the frame surrounding that table will be visible. The values that this attribute can take are lhs, rhs, box, border, vsides, hsides, below, above, void.

align attribute is the alignment of data and for justification of text in the cell. It can take the values left, right, justify, center, char. Justify is for double justifying the text, char is for aligning text around a particular character.

td stands for table data, we can represent each cell of the table by using <td>, at the end we used </td> tag. But some browsers by default draw the lines around table. <tr> is used to indicate start of every row i.e. it stands for table row. The header information is present in <th> tag. <thead> tag contains the group of header.

Headings of the table lies inside <thead> element. Footer lies inside the <tfoot> element. The body of the table lies inside <tbody> element. <th> is used for giving heading to a row or a column. Every element must have closing tag also i.e. </thead>, </tfoot>, </tbody>

Column cell, Row, and Rows are the container elements. They have a class attribute with the help of this we can apply special styling. Table alignment is also controlled style sheet classes. Text-align and vertical-align are the style attributes that align the content of the table.

border-spacing and border-collapse are the two properties by which one can set the border and its styling in a table. We give its value in pixels.

Span=number[CN] attribute’s value must be an integer and greater than 0. It specifies the number of columns in a group. When span attribute is not in use, colgroup defines a single column group containing one column. width=multi-length[CN] specifies default width of for every column. scope=scope-name[CN] specifies set of data cells for which going header cell gives header information. The headers=idrefs[CN] provides list of header cells that gives header information.

Scope attribute defines a set of data cell. It is used in place of headers. This attribute can have one of the value among rowgroup, row, colgroup, col, rowgroup, and colgroup provides information of header cell of the corresponding row and column groups.

The rules which will appear between cells of the table is specified by this attribute. It can take the values groups, none, rows, all and cols. None is the default value, rows are for appearance between rows only and cols is for columns only.

Valign attribute is for specifying the vertical position of the data in a cell. It can take the values middle, top, baseline, bottom, Top is for the top of the cell’s data, middle is for the centered data, bottom is for the bottom of the cell, first text line occurs on the baseline which is common to all the cells.