Практичне завдання №3(12). HTML. Тема 2-3

<!doctype html>
<HTML>
<HEAD>
<TITLE> Таблиця </TITLE>
<style>
  table {width: 600px; border: solid 1px gray; border-collapse: collapse;}
  th {background-color: #8B0000; color: #FFBF00; padding: 10px;}
  td {border: solid 1px gray; text-align: center;}
td.special-cell1 {border-top: 1px solid gray; border-bottom: 1px solid gray; border-left: 2px solid lightcoral; padding: 10px;}
td.special-cell2 {border-top: 1px solid gray; border-bottom: 1px solid gray; border-left: 5px double red; border-right: 5px double red;}
td.special-cell3 {border-top: 1px solid gray; border-bottom: 1px solid gray;  border-right: 2px solid red;}
td.special-cell4 {border-top: 1px solid gray; border-bottom: 1px solid gray; border-left: 2px solid lightcoral; padding: 10px;}
td.special-cell5 {border-top: 1px solid gray; border-bottom: 1px solid gray; border-left: 5px double red; border-right: 5px double red;}
td.special-cell6 {border-top: 1px solid gray; border-bottom: 1px solid gray; border-right: 2px solid red;}
  </style>
</HEAD>
<BODY>
<table>
  <tr>
    <th colspan="3"> Основні технології WWW </th>
  </tr>
  <tr>
    <td class="special-cell1"> HTML </td>
    <td class="special-cell2"> CSS </td>
    <td class="special-cell3"> Java Script </td>
  </tr>
  <tr>
    <td class="special-cell4"> мова гіпертекстової розмітки документів </td>
    <td class="special-cell5"> таблиці каскадних стилів </td>
    <td class="special-cell6"> мова програмування, забезпечує інтерактивність сайту </td>
  </tr>
</table>
</BODY>
</HTML>