Advertisement
Lavig

Практичне завдання №4(13). HTML. Вправа 2

Dec 9th, 2023
678
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.94 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title> Вправа 2 </title>
  7. <style>
  8. body {margin: 0; padding: 0;}
  9. table {width: 1000px; margin: auto; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 16px;}
  10. th {border: solid 1px gray; color: blue; text-align: center; padding: 5px;}
  11. td {border: solid 1px gray; color: #434982; text-align: center; padding: 3px;}
  12. </style>
  13. </head>
  14. <body>
  15. <table>
  16. <tr>
  17. <th rowspan="2"; style="border: solid black 1 px: white; text-align: center; background-color: #207dc3; color: white; border-right: 1px solid #c1dde9; border-left: 2px solid #207dc3; width: 9%;">Число</th>
  18. <th rowspan="2"; style="border: solid black 1 px: white; text-align: center; background-color: #207dc3; color: white; border-right: 1px solid #c1dde9; width: 8%;">Особа</th>
  19. <th colspan="2"; style="border: solid white 1 px: black; text-align: center; background-color: #207dc3; color: white; border-bottom: 1px solid #c1dde9;">Дієвідміни</th>
  20. </tr>
  21. <tr>
  22. <td style="width: 42%; background-color: #207dc3; border-right: 1px solid #c1dde9; color: white;"><B>I</B><br><span style="color: white;">(</span><span style="color: orange;"><I><B>брати</I></B></span><span style="color: white;"><I><B>,</I></B></span><span style="color: orange;"> <I><B>мати</I></B></span><span style="color: white;">)</span>
  23. </td>
  24. <td style="background-color: #207dc3; color: white;"><B>II</B><br><span style="color: white;">(</span><span style="color: orange;"><I><B>мчати</I></B></span><span style="color: white;"><I><B>,</I></B></span><span style="color: orange;"> <I><B>стояти</I></B></span><span style="color: white;">)</span>
  25. </tr>
  26. <tr>
  27. <td rowspan="3"; style="border-right: 2px solid #207dc3; border-left: 2px solid #207dc3; border-bottom: 2px solid #207dc3; height: 100px; padding-right: 15px;"><I><B>Однина<I><B></td>
  28. <td style="border-right: 2px solid #207dc3; border-bottom: none; text-align: left; padding-left: 10px;"><I><B>1-а<I><B></td>
  29. <td style="border-right: 2px solid #cccccc; border-bottom: none;">-у, -ю</td>
  30. <td style="border-right: 2px solid #207dc3; border-bottom: none; border-top: none;">-у, -ю</td>
  31. </tr>
  32. <tr>
  33. <td style="background-color: #e8f5fe; border-right: 2px solid #207dc3; border-bottom: none; border-top: none; text-align: left; padding-left: 10px;"><I><B>2-а<I><B></td>
  34. <td style="background-color: #e8f5fe; border-right: 2px solid #cccccc; border-bottom: none; border-top: none;">-<I><B>е</I></B>ш, -<I><B>є</I></B>ш</td>
  35. <td style="background-color: #e8f5fe; border-right: 2px solid #207dc3; border-bottom: none; border-top: none;">-<I><B>и</I></B>ш, -<I><B>ї</I></B>ш</td>
  36. </tr>
  37. <tr>
  38. <td style="border-right: 2px solid #207dc3; border-bottom: 2px solid #207dc3; border-top: none; text-align: left; padding-left: 10px;"><I><B>3-а<I><B></td>
  39. <td style="border-right: 2px solid #cccccc; border-bottom: 2px solid #207dc3;; border-top: none;">-<I><B>е,</B></I> -<I><B>є</B></I></td>
  40. <td style="border-right: 2px solid #207dc3; border-bottom: 2px solid #207dc3; border-top: none;">-<I><B>и</I></B>ть, -<I><B>ї</I></B>ть</td>
  41. <tr>
  42. <td rowspan="3"; style="background-color: #e8f5fe; border-right: 2px solid #207dc3; border-left: 2px solid #207dc3; border-bottom: 2px solid #207dc3; height: 100px;"><I><B>Множина<I><B></td>
  43. <td style="background-color: #e8f5fe; border-right: 2px solid #207dc3; border-bottom: none; border-top: none; text-align: left; padding-left: 10px;"><I><B>1-а<I><B></td>
  44. <td style="background-color: #e8f5fe; border-right: 2px solid #cccccc; border-bottom: none; border-top: none;">-<I><B>е</I></B>мо, -<I><B>ємо</I></B></td>
  45. <td style="background-color: #e8f5fe; border-right: 2px solid #207dc3; border-bottom: none; border-top: none;">-<I><B>и</I></B>мо, -<I><B>ї</I></B>мо</td>
  46. </tr>
  47. <tr>
  48. <td style="border-right: 2px solid #207dc3; border-bottom: 2px solid #207dc3; border-bottom: none; border-top: none; text-align: left; padding-left: 10px;"><I><B>2-а<I><B></td>
  49. <td style="border-right: 2px solid #cccccc; border-bottom: 2px solid #207dc3; border-bottom: none; border-top: none;">-<I><B>е</I></B>те, -<I><B>є</I></B>те</td>
  50. <td style="border-right: 2px solid #207dc3; border-bottom: 2px solid #207dc3; border-bottom: none; border-top: none;">-<I><B>и</I></B>те, -<I><B>ї</I></B>те</td>
  51. </tr>
  52. <tr>
  53. <td style="background-color: #e8f5fe; border-right: 2px solid #207dc3; border-bottom: 2px solid #207dc3; border-top: none; text-align: left; padding-left: 10px;"><I><B>3-а<I><B></td>
  54. <td style="background-color: #e8f5fe; border-right: 2px solid #cccccc; border-bottom: 2px solid #207dc3; border-top: none;">-<I><B>уть,</B></I> -<I><B>ють</B></I></td>
  55. <td style="background-color: #e8f5fe; border-right: 2px solid #207dc3; border-bottom: 2px solid #207dc3; border-top: none;">-<I><B>ать,</B></I> -<I><B>ять</B></I></td>
  56. </tr>
  57. </body>
  58. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement