Table 1 Create a webpage that contains a table with exactly four columns and three rows.

The first row will contain a heading that spans across all columns.

< > use the colspan attribute inside the opening th tag

Give the heading an onclick that will change the text of the heading when it is clicked. (Hint: innerHTML)

The second row will contain a heading for each column. (th)

Fill the rest of the table with text. You will make up the text to fill each cell in the table.Your tables will not be like anyone elses.

Table 2 Copy the table that you just created and paste it below the first table.

Change the second table so that the first column will contain the headings with the first heading spanning the first two rows.

You will have to insert more cells in the first row. (td)

There will only be two headings in the first column.

Fill the rest of the table with text as needed.

Apply Style to your table