Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги: ,

Категории

Рубрики

Услуги веб дизайна под ключ.

от 29500 

Данный набор подходит всем, кто хочет уверенно продавать товары и услуги в интернете. Стоимость набора варьируется в зависимости от конкуренции рынка. Разработка сайта компании/каталог/магазин + Яндекс Директ / ВК реклама + СЕО продвижение.

от 119000 

Настройка и сопровождение рекламного кабинета Яндекс Директ.

от 14000 

Как создать таблицу в 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; /* цвет фона заголовка таблицы */
}

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

ИмяФамилияВозрастE-mail
ИванИванов25ivanov@example.com
ПетрПетров30petrov@example.com
Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.