Ответы
Ответ дал:
0
Задание 1:
- <html>
- <head>
- <style>
- table{border-collapse: collapse;}
- td {border: 2px solid black;}
- </style>
- </head>
- <body>
- <table style="width:500px; height:500px">
- <tr>
- <td colspan="8"></td>
- </tr>
- <tr>
- <td rowspan="6"></td>
- <td colspan="6"></td>
- <td rowspan="7"></td>
- </tr>
- <tr>
- <td rowspan="4"></td>
- <td colspan="4"></td>
- <td rowspan="5"></td>
- </tr>
- <tr>
- <td rowspan="2"></td>
- <td colspan="2"></td>
- <td rowspan="3"></td>
- </tr>
- <tr>
- <td></td>
- <td></td>
- </tr>
- <tr>
- <td colspan="3"></td>
- </tr>
- <tr>
- <td colspan="5"></td>
- </tr>
- <tr>
- <td colspan="7"></td>
- </tr>
- </table>
- </body>
- </html>
Задание 2:
- <html>
- <head>
- <style>
- table{border-collapse: collapse;}
- td {border: 2px solid black;}
- td#t1 {background-color: #00fecc;}
- td#t2 {background-color: #fffeca;}
- </style>
- </head>
- <body>
- <table style="width:500px; height:500px">
- <tr>
- <td id="t1" colspan="8"></td>
- </tr>
- <tr>
- <td id="t2" rowspan="6"></td>
- <td id="t1" colspan="6"></td>
- <td id="t2" rowspan="6"></td>
- </tr>
- <tr>
- <td id="t2" rowspan="4"></td>
- <td id="t1" colspan="4"></td>
- <td id="t2" rowspan="4"></td>
- </tr>
- <tr>
- <td id="t2" rowspan="2"></td>
- <td style="background-color: red"></td>
- <td style="background-color: blue"></td>
- <td id="t2" rowspan="2"></td>
- </tr>
- <tr>
- <td style="background-color: lime"></td>
- <td style="background-color: yellow"></td>
- </tr>
- <tr>
- <td id="t1" colspan="4"></td>
- </tr>
- <tr>
- <td id="t1" colspan="6"></td>
- </tr>
- <tr>
- <td id="t1" colspan="8"></td>
- </tr>
- </table>
- </body>
- </html>
Примеры работ:
Приложения:
Вас заинтересует
11 месяцев назад
11 месяцев назад
1 год назад
1 год назад
6 лет назад
6 лет назад
7 лет назад