WorksheetsHOW TO MAKE TABLES IN HTML
Total questions: 50
Worksheet time: 26mins
is a group of columns and rows. When rows and
columns intersect they form a table data.
Table
Hyper link
A Table is a group of columns and rows.
A is.............
columns
rows
A Table is a group of columns and rows.
B is.............
columns
rows
Table Data Can Include:
Images
Text
Numbers
Taskbar
Folder
To create a table in HTML we make the................Tag
<TH>
<TR>
<TABLE>
<TD>
To create a Table Row we make the................Tag
<TH>
<TR>
<TABLE>
<TD>
Each Table Data is either
<TH>
<TR>
<TABLE>
<TD>
Table Header
<TH>
<TR>
<TABLE>
<TD>
Table Data
<TH>
<TR>
<TABLE>
<TD>
The default to make table data (td) to make the text
bold and align center change it to table header (th)
True
False
<TR>
OPEN ROW
CLOSE ROW
</TR>
OPEN ROW
CLOSE ROW
To make either the table data(td) or table header(th) have a
background color we use the same attribute BGCOLOR learnt
early in BODY TAG
<td bgcolor=”RED”>1</td> OR
<th bgcolor=”BLUE”>Sunday</th>
false
true
display information in a grid-like format of rows and columns.
Table Data
Table Header
is the top row of a table that acts as a title for the type of information they will find in each column.
Table Data
Table Header
Website Designer can make the content in every table data(td)
or table header(tr) centered by using
align=”center/left/right”
<td align=”center” bgcolor=”Red”>1</td> OR
<Th align=”right” bgcolor=”Blue”>Sunday</th>
BGCOLOR learnt
early in BODY TAG
<td bgcolor=”RED”>1</td> OR
<th bgcolor=”BLUE”>Sunday</th>
Any Table Has A .................. ; which is the Table Title
center
Caption
Font
The Caption text will be
aligned ............ by default.
Left
center
right
As previously learnt any text in HTML can be formatted using
<FONT>
<CAPTION>
choose the correct font code
<FONT> <td>
<FONT face=”Verdana” size=”2” color=”blue”>
Sunday
</FONT>
</td>
<td>
<FONT face=”Verdana” size=”2” color=”blue”>
Sunday
</td>
<FONT> </td>
<FONT face=”Verdana” size=”2” color=”blue”>
Sunday
</FONT>
<td>
choose the correct font code
<CAPTION>
<FONT face=”Arial” size=”7” color=”green”>
THIS IS THE TABLE TITLE
</FONT>
</CAPTION>
<CAPTION>
<FONT face=”Arial” size=”7” color=”green”>
THIS IS THE TABLE TITLE
</CAPTION>
</CAPTION>
<FONT face=”Arial” size=”7” color=”green”>
THIS IS THE TABLE TITLE
</FONT>
<CAPTION>
If the Website Designer wants to merge Rows 1 + 5 Together I
use
ROWSPAN= “# OF ROWS”
COLSPAN = “# OF COLUMNS”
COLSPAN = # OF COLUMNS
ROWSPAN= # OF ROWS
If the Website Designer want to merge Columns 2 + 3 Together
COLSPAN = “# OF COLUMNS”
ROWSPAN= “# OF ROWS”
COLSPAN = # OF COLUMNS
ROWSPAN= # OF ROWS
IS THE SPACE BETWEEN EACH CELL IN A TABLE
CELLPADDING:
CELLSPACING:
IS THE SPACE INSIDE THE CELL. BETWEEN THE TEXT IN THE
CELL AND CELL WALL
CELLPADDING:
CELLSPACING:
A
CELLPADDING:
CELLSPACING:
B
CELLPADDING:
CELLSPACING:
WHICH SENTENCE IS CORRECT
CELLSPACING OR/AND CELLPADDING WILL NOT SHOW
UNLESS A BORDER=”1” ATTRIBUTE IS ADDED IN THE TABLE TAG.
CELLSPACING OR/AND CELLPADDING WILL SHOW
A BORDER=”1” ATTRIBUTE IS ADDED IN THE TABLE TAG.
A
TABLE
CELL
CELL SPACING
CELL PADDING
SPACE FOR TEXT
B
TABLE
CELL
CELL SPACING
CELL PADDING
SPACE FOR TEXT
C
TABLE
CELL
CELL SPACING
CELL PADDING
SPACE FOR TEXT
D
TABLE
CELL
CELL SPACING
CELL PADDING
SPACE FOR TEXT
E
TABLE
CELL
CELL SPACING
CELL PADDING
SPACE FOR TEXT
Is this a correct table?
<table>
<tr><td>This is part 1</td></tr>
<tr>This is part 2</tr>
</table>
YES
NO
Is this a correct table?
<table>
<tr><td>This is part 1</td> <tr>
<td>This is part 2</td></tr>
</table>
YES
NO
Is this a correct table?
<table>
<tr><td>This is part 1</td></tr>
<tr><td>This is part 2</td></tr>
</table>
YES
NO
A <tr> element can have 0 <td> elements inside
YES
NO
enclose the following into a table raw
<td>John Papas</td>
<tr><td>John Papas</td></tr>
<tr><td>"John Papas"</td></tr>
How many rows and columns does the following table have?
<table>
<tr><td>Col 1</td> <td>Col 4</td></tr>
<tr><td>Col 2</td><td>Col 5</td></tr>
<tr><td>Col 3</td><td>Col 6</td></tr>
</table>
2 rows with 3 columns each
3 rows with 2 columns each
3 rows and 3 columns
3 rows and 5 columns
How many rows does the following table have?
<table>
<tr><td>Col 1</td></tr>
<tr><td>Col 2</td><td>Col3</td></tr>
<tr><td>Col 3</td></tr>
</table>
1
2
3
4
With which CSS table property can you specify values of left, center, right and justify?
The border property
The text-align property
The width property
The vertical-align property
What table element attribute do you need to specify to add a border to a table?
<table border="0">
<table border="1">
<table border="on">
<table border="yes">
Which of the following defines a single table column?
The <td> tag
The <th> tag
The <tr> tag
The <tablecolumn> tag
Which of the following table element tags are required when you use the <table> tag to create a table?
able row <tr> and table data <td>
Table caption <caption> and table data <td>
Table header <th> and table data <td>
Table caption <caption> and table header <th>
An HTML Table with Border Spacing:
Choose the correct tag.
colspan=""
<table><tr><td clospan="2"> Memrise </td></tr></table>
table { border-spacing: 5px; }
<table > <caption> Memrise </caption> </table>
An HTML Table with a Border Attribute:
Choose the correct tag.
<table border="1" style="width:100%">
the border-collapse property...
Make the following cell span 5 columns.
<tr><td ></td></tr>
<tr><td colspan="5"></td></tr>
<tr><td> colspan="5"></td></tr>
Add a 3-wide border on the following table:
<table ____>
<tr><td>Column 1</td></tr>
</table>
<table border="3">
<tr><td>Column 1</td></tr>
</table>
<table ”3”>
<tr><td>Column 1</td></tr>
</table>
