Повторення 2

<body>
   <a href="https://example.com">
     <img src="image.jpg" alt="Картинка">
   </a>
</body>

<style>
   a:hover { border: 2px solid red; }
</style>

<style>
   a:active { border: 2px solid green; }
</style>

<style>
   a:focus { border: 2px solid blue; }
</style>

<style>
   p { text-align:center; }
</style>
<body>
   <p>Текст по центру</p>
   <p>Цей текст теж буде по центру</p>
</body>

<body>
 <table></table>
</body>

<body>
 <table>
   <tr>Рядок 1</tr>
   <tr>Рядок 2</tr>
 </table>
</body>

<body>
 <table>
   <tr>
     <td>Комірка 1</td>
     <td>Комірка 2</td>
   </tr>
 </table>
</body>

<body>
 <table>
   <tr>
     <th>Заголовок 1</th>
     <th>Заголовок 2</th>
   </tr>
   <tr>
     <td>Дані</td>
     <td>Дані</td>
   </tr>
 </table>
</body>

<body>
 <table>
   <caption>Моя таблиця</caption>
   <tr><td>Дані</td></tr>
 </table>
</body>

<body>
  <table>
    <tr>
      <td colspan="2">Об’єднана клітинка</td>
    </tr>
  </table>
</body>

<body>
  <table>
    <tr>
      <td rowspan="2">Об’єднана клітинка</td>
    </tr>
  </table>
</body>

<body>
  <table>
    <tr>
      <td rowspan="2" colspan="3">Об’єднана клітинка</td>
    </tr>
  </table>
</body>

<body>
  <table cellspacing="10">...</table>
</body>

<body>
  <table cellpadding="10">...</table>
</body>

<style>
  table {border-collapse: collapse;}
</style>