Level 55
Level 56

[Quiz] Tables


67 words 0 ignored

Ready to learn       Ready to review

Ignore words

Check the boxes below to ignore/unignore words, then click save at the bottom. Ignored words will never appear in any learning session.

All None

Ignore?
<table>
Defines a table
Row
a horizontal line of information
<table> </table>
Tables are defined with these tags
<tr>
Defines a row in a table
<td>
Defines a cell (a table data) in a table
<th>
Defines a header cell in a table
Default setting of <td>
Left align and normal text
HTML Table Headings
Table headings are defined with the <th> tag.
Default setting of <th>
By default, all major browsers display table headings as bold and centered
Column
a vertical line of data
Cell
the intersection of a row and a column
Heading cells
Display text as bold and center-aligned
Data Cells
display normal text is left-aligned
Table border
Lines that encompass the perimeter of the table
Table headers
Bold text that indicates the purpose of the row and column
Table caption
Descriptive text located above or below the table that further describes the purpose of the table.
Html codes that can be define in the table tag
Align, border, border color, Bgcolor, cols, cellspacing, cellpadding, valign, and width
align
Controls table alignment (left, center, right)
bgcolor
Sets background color for table <TABLE BGCOLOR="BLUE"> the background of the entire table will be blue
border
Sets width of table border in number of pixels
cellspacing
spacing between cells
cellpadding
Attribute name specifying the number of pixels of space between a cell well and its content
cols
Number of columns
width
Sets or returns the value of the width attribute in an iframe.
Valign
Vertically aligns row (top, bottom, middle)
colspan
The colspan attribute defines the number of columns a cell should span. Used in: <td>, <th>
rowspan
Sets number or rows, spanned by a cell
Textarea
Tag fpr creating a multiline area where information may be entered in a freeform style
Grid
This is the way tables are laid out.
<caption>
Defines a table caption (Element in tables that provides additional information about the table. It usually displays above the table.)
rowspan or colspan
These are used if your data cell needs to span multiple rows or columns.
Nesting
The technique of placing one element inside another element.
</tr>
Ends the row of a table.
</td>
Closes the data cell of a table.
<colgroup>
Specifies a group of one or more columns in a table for formatting
<table border="1" style="width:100%">
An HTML Table with a Border Attribute:
the border-collapse property...
... is used to collapse cell borders
table, th, td { border: 1px solid black; }
To add borders, use the CSS border property:
table, th, td { border: 1px solid black; border-collapse: collapse; }
An HTML Table with Collapsed Borders:
table, th, td { padding: 15px; }
An HTML Table with Cell Padding
th { text-align: left; }
To left-align the table headings, use the CSS text-align property:
border spacing
specifies the distance between the borders of adjacent cells in a table
table { border-spacing: 5px; }
An HTML Table with Border Spacing:
<table><tr><td clospan="2"> Memrise </td></tr></table>
To make a cell called "Memrise" span 2 columns, use the colspan attribute:
colspan
attribute for the <th> tag allows column to take up more than 1 column
colspan=""
Attribute used along with a <th> or <td> tag to expand the cell over several columns. The value filled in between the quotes defines how many columns the cell will span.
rowspan attribute
sets a number of rows spanned by a cell
<table> <tr> <td rowspan="3"> Memrise </td> </tr> </table>
Table Cell called "Memrise" that spans 3 Rows:
<table style="width:100%"> <caption> Memrise </caption> </table>
Adds a table caption called "Memrise" above a table with a width of 100%
<table id="Memrise">...</table> CSS: table#Memrise { width:100%; background-color: yellow; }
Defines a Table with an id attribute "Memrise" to define a special style for this table with CSS (100% width & a yellow background) :
collapse
What happens in the box model when adjacent top and bottom margins combine into a single margin equal to the greater of the two values.
Borders
Borders fall between the padding and margin, providing an outline around an element. The border property requires three values: width, style, and color. Shorthand values for the border property are stated in that orderùwidth, st…
<table cellpadding="10"> <tr> <td> Memrise </td></tr></table>
Set the space between the cell wall and the cell content to 10 pixels:
Cells padding
Table attribute that specifies the space, in pixels, between the cell wall and the cell content.
<table> <colgroup> <col span="2" style="background-color:red"></colgroup>... </table>
Set the background color of 2 columns to red with the <colgroup> and <col> tags:
<table> <colgroup> <col span="5" style="background-color:blue"></colgroup>... </table>
Set the background color of 5 columns to blue with the <colgroup> and <col> tags:
<table> <colgroup> <col style="background-color:blue"> <col style="background-color:green"> </colgroup> </table>
Set the background color of 1 column to green and 1 column to blue with the <coldgroup> and <col> tags:
<table> <colgroup> <col span="2" style="background-color:red"> <col style="background-color:yellow"> </colgroup> </table>
Set the background color of 2 column to red and 1 column to yellow with the <coldgroup> and <col> tags:
<col>
Table Tag: Specifies column properties for each column within a <colgroup> element
<thead>
Groups the header content in a table
<table> <thead> <tr> <th>Memrise 1</th> <th>Memrise 2</th> </tr> </thead> ... </table>
Groups the header content Memrise 1 & 2 in a table
<thead>
Groups the header content in a table
<tbody>
Defines a group of rows in a table for formatting and scrolling purposes.
<table> <tbody><tr> <td> Memrise 1</td><td>Memrise 2</td><tr>...</tbody></table>
Groups the body content Memrise 1 & 2 in a table
<table><tbody> <tr> row 1 </tr><tr>row 2</tr></tbody></table>
Defines a table body containing row 1 & 2 with the <tbody> tag
<tfoot>
Defines a table footer
<tfoot> <tr> <td>Memrise</td> </tr> </tfoot>
Contains the footer of a table containing a "Memrise" cell
Level 57