Tables Pretest

<table border="1">
  <tr>
    <th>Head1</th><th>Head2</th>
  </tr>
  <tr>
    <td>A</td><td>B</td>
  </tr>
  <tr>
    <td>C</td><td>D</td>
  </tr>
</table>

1) Look at the table code above. This code will result in a table that looks like:

a)
b)
c)
d)
e)

a)

Head1 Head2
A B
C D

b)

Head1 Head2
A B
C D

 

c)

Head1 Head2
A B
C D

d)

Head1 Head2
A B
C D

e)

Head1 Head2
A B
C D

<table border="1" cellpadding="20" cellspacing="5">
  <tr>
    <th>Head1</th><th>Head2</th><th>Head3</th>
  </tr>
  <tr>
    <td>A</td><td>B</td><td>C</td>
  </tr>
  <tr>
    <td>D</td><td>E</td><td>F</td>
  </tr>
</table>

2) Look at the table code above. This code will result in a table that looks like:

a)
b)
c)
d)
e)

a)

Head1 Head2 Head3
A B C
D E F

b)

Head1 Head2 Head3
A B C
D E F

 

c)

Head1 Head2 Head3
A B C
D E F

d)

Head1 Head2 Head3
A B C
D E F

e)

Head1 Head2 Head3
A B C
D E F


Table
A B C
D E F

3) Look at the table above. The code that will produce this table looks like:

a)
b)
c)
d)
e)

a)

<table border="0">
<caption>Table</caption>
  <tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
  </tr>
  <tr>
    <td>D</td>
    <td>E</td>
    <td>F</td>
  </tr>
</table>

b)

<table border="0">
  <tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
  </tr>
  <tr>
    <td>D</td>
    <td>E</td>
    <td>F</td>
  </tr>
</table>

c)

<table border="0">
<caption align="bottom">Table</caption>
  <tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
  </tr>
  <tr>
    <td>D</td>
    <td>E</td>
    <td>F</td>
  </tr>
</table>

d)

<table border="0">
  <tr align="center">
    <td>A</td>
    <td>B</td>
    <td>C</td>
  </tr>
  <tr align="center">
    <td>D</td>
    <td>E</td>
    <td>F</td>
  </tr>
</table>

e)

<table border="1">
  <tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
  </tr>
  <tr>
    <td>D</td>
    <td>E</td>
    <td>F</td>
  </tr>
<caption>Table</caption>
</table>


Head1 Head2 Head3
A B C
D E F

4) Look at the table above. The code that will produce this table looks like:

a)
b)
c)
d)
e)

 a)
<table border="0">
  <tr>
    <td>Head1</td>
    <td>Head2</td>
    <td>Head3</td>
  </tr>
  <tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
  </tr>
</table>
b)
<table border="0">
  <tr>
    <td>Head1</td>
    <td>Head2</td>
    <td>Head3</td>
  </tr>
  <tr>
    <td align="right">A</td>
    <td align="right">B</td>
    <td align="right">C</td>
  </tr>
  <tr>
    <td>D</td>
    <td>E</td>
    <td>F</td>
  </tr>
</table> 		c)
<table border="1">
  <tr>
    <td>Head1</td>
    <td>Head2</td>
    <td>Head3</td>
  </tr>
  <tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
  </tr>
  <tr>
    <td>D</td>
    <td>E</td>
    <td>F</td>
  </tr>
</table>
d)
<table border="0">
  <tr>
    <td>Head1</td>
    <td>Head2</td>
    <td>Head3</td>
  </tr>
  <tr align="center">
    <td>A</td>
    <td>B</td>
    <td>C</td>
  </tr>
  <tr align="center">
    <td>D</td>
    <td>E</td>
    <td>F</td>
  </tr>
</table>		 e)
<table border="0">
  <tr>
    <th>Head1</th>
    <th>Head2</th>
    <th>Head3</th>
  </tr>
  <tr align="center">
    <td>A</td>
    <td>B</td>
    <td>C</td>
  </tr>
  <tr align="center">
    <td>D</td>
    <td>E</td>
    <td>F</td>
  </tr>
</table>


A B
C D
E F

5) Look at the table above. The code that will produce this table looks like:

a)
b)
c)
d)
e)

a)

<table border="1">
  <tr>
    <td>A</td>
    <td>B</td>
  </tr>
  <tr>
    <td>C</td>
    <td>D</td>
  </tr>
  <tr>
    <td>E</td>
    <td>F</td>
  </tr>
</table>

b)

<table border="10">
  <tr>
    <td>A</td>
    <td>B</td>
  </tr>
  <tr>
    <td>C</td>
    <td>D</td>
  </tr>
  <tr>
    <td>E</td>
    <td>F</td>
  </tr>
</table>

c)

<table outerborder="10">
  <tr>
    <td>A</td>
    <td>B</td>
  </tr>
  <tr>
    <td>C</td>
    <td>D</td>
  </tr>
  <tr>
    <td>E</td>
    <td>F</td>
  </tr>
</table>

d)

<table frame="10">
  <tr>
    <td>A</td>
    <td>B</td>
  </tr>
  <tr>
    <td>C</td>
    <td>D</td>
  </tr>
  <tr>
    <td>E</td>
    <td>F</td>
  </tr>
</table>

e)

<table border>
  <tr>
    <td>A</td>
    <td>B</td>
  </tr>
  <tr>
    <td>C</td>
    <td>D</td>
  </tr>
  <tr>
    <td>E</td>
    <td>F</td>
  </tr>
</table>

Go to the CSS pretest.