Задание 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>Примеры работ:
