Here are some exercises to train your HTML abilities. try to create every table as you see it here presented.

1st exercise

Make a regular table with three rows and two columns.
The tabledata have a width of 100px and a height of 50px.

A

B

C

D

E

F


2nd exercise

Make a regular table with three rows and two columns.
In the first row is a tabledata that spans over two columns. Use the keyword colspan:

<td colspan="???">
Where the ??? need to be replaced with the correct value.
The tabledata have a width of 100px and a height of 50px.

A

B

C

D

E


3rd exercise

This exercise is similar to the last one.
The tabledata have a width of 100px and a height of 50px.

A

B

C

D

E

F

G


4th exercise

This exercise is similar to the last one.
The tabledata have a width of 100px and a height of 50px.

A

B

C

D

E

F

G

H


5th exercise

This exercise is similar to the last one.
The tabledata have a width of 100px and a height of 50px.

A

B

C

D

E

F


5th exercise

In this exercise, the rowspan is introduced.
The rowspan keyword is similar to the colspan keyword. It is used in the tabeldata tag. Try it for yourself.

 <td rowspan="2">
The tabledata have a width of 100px and a height of 50px.

A

B

C


6th exercise

This exercise is similar to the last one.
The tabledata have a width of 100px and a height of 50px.

A

B

C

D

E


7th exercise

This exercise is similar to the last one.
The tabledata have a width of 100px and a height of 50px.

A

B

C

D

E

F

G


8th exercise

This exercise is similar to the last one.
The tabledata have a width of 100px and a height of 50px.

A

B

C

D

E

F

G

H


9th exercise

This exercise is similar to the last one.
The tabledata have a width of 100px and a height of 50px.

A

B

C

E

F

G

H


10th exercise

This exercise is a combination of colspan and rowspan.
The tabledata have a width of 100px and a height of 50px.

A

B

D

E

F

G


11th exercise

This exercise is similar to the last one.
If you have trouble with the rowspan, remember that in every tablerow you define all tabledata, that start in this row. Tabledata, that do not start in this row, you can ignore. HTML will take care of this.
Like in this example.

  1. row: start of A and B
  2. row: start of C and D
  3. row: start of E and F
The tabledata have a width of 100px and a height of 50px.

A

B

C

D

E

F


12th exercise

This exercise is a combination of colspan and rowspan.
The tabledata have a width of 100px and a height of 50px.

A

B

D

E

F

H

I




Congratulation, you have finished the first exercises.
You can now continue with Example2.html to learn more about homepages