Question Solved1 Answer USING HTML 5 You are to create a table consisting of 11 rows and 11 columns. The table cells are to be 40 pixels wide, each row. The table is to also have a header row that spans across all columns and contains 'Multiplication Math' as the table name. Alternating rows will have a different background color. The table is to be centered in the HTML page. The top table row is to have the numbers 1-11 in each of the column cells (one number per cell). The leftmost column shall also have the numbers 1-11 (one number per cell) in each cell. The middle cells will be filled with the multiplication value for the values at the point of intersection. Basically you are building a nice looking multiplication table.

2MEOOE The Asker · Computer Science

USING HTML 5

You are to create a table consisting of 11 rows and 11 columns. The table cells are to be 40 pixels wide, each row. The table is to also have a header row that spans across all columns and contains 'Multiplication Math' as the table name.

Alternating rows will have a different background color.

The table is to be centered in the HTML page. The top table row is to have the numbers 1-11 in each of the column cells (one number per cell). The leftmost column shall also have the numbers 1-11 (one number per cell) in each cell. The middle cells will be filled with the multiplication value for the values at the point of intersection. Basically you are building a nice looking multiplication table.

More
See Answer
Add Answer +20 Points
Community Answer
KHCFGD The First Answerer
See all the answers with 1 Unlock
Get 4 Free Unlocks by registration

Answer). All of the mentioned steps are defined in attached index.html file below with relevant comments :-index.html below:-<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Math Table</title></head><style> /* The table cells (tr, th) are to be 40 pixels wide, each row. */ tr, th { width: 40px; padding: 20px; text-align: center; } /* Alternating table rows will have a different background color */ tr:nth-child(even) { background-color: rgb(189, 179, 136); } tr:nth-child(odd) { background-color: rgb(250, 248, 243); } /* centering table in html page */ table { width: 50%; margin: auto; }</style><body> <!-- a table consisting of 11 rows and 11 columns --> <table border="1"> <!-- Table header row that spans across all 11 columns and contains 'Multiplication Math' as the table name. --> <tr> <th colspan="11">Multiplication Math</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> </tr> <tr> <td>2</td> <td>4</td> <td>6</td> <td>8</td> <td>10</td> <td>12</td> <td>14</td> <td>16</td> <td>18</td> <td>20</td> <td>22</td> </tr> <tr> <td>3</td> <td>6</td> <td>9</td> <td>12</td> <td>15</td> <td>18</td> <td>21</td> <td>24</td> <td>27</td> <td>30</td> <td>33</td> </tr> <tr> <td>4</td> <td>8</td> <td>12</td> <td>16</td> <td>20</td> <td>24</td> <td>28</td> <td>32</td> <td>36</td> ... See the full answer