Как создать таблицу в html CSS

Для того, чтобы создать таблицу в HTML с помощью CSS, применяются следующие теги и атрибуты:

1. <table> — определяет таблицу HTML.
2. <thead> — определяет заголовок таблицы.
3. <tbody> — определяет основную часть таблицы.
4. <tfoot> — определяет нижний колонтитул таблицы.
5. <tr> — определяет строку таблицы.
6. <th> — определяет заголовок ячейки таблицы.
7. <td> — определяет содержимое ячейки таблицы.

В CSS можно стилизовать таблицу, используя селекторы и свойства стилизации.

Пример создания таблицы в HTML:

<table>
  <thead>
    <tr>
      <th>Имя</th>
      <th>Фамилия</th>
      <th>Возраст</th>
      <th>E-mail</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Иван</td>
      <td>Иванов</td>
      <td>25</td>
      <td>ivanov@example.com</td>
    </tr>
    <tr>
      <td>Петр</td>
      <td>Петров</td>
      <td>30</td>
      <td>petrov@example.com</td>
    </tr>
  </tbody>
</table>

Пример стилизации таблицы CSS:

table {
  border-collapse: collapse; /* объединение границ ячеек */
  width: 100%; /* ширина таблицы на 100% */
}

th, td {
  border: 1px solid black; /* граница ячеек */
  padding: 8px; /* отступ внутри ячеек */
  text-align: left; /* выравнивание содержимого ячеек по левому краю */
}

th {
  background-color: #ccc; /* цвет фона заголовка таблицы */
}

В итоге получится таблица с бордерами и заливкой в заголовке: