Для начала создадим простую таблицу с двумя строками и двумя столбцами. Вот пример кода⁚
Заголовок 1
Заголовок 2
Ячейка 1
Ячейка 2
В данном примере мы используем тег `
` для создания таблицы. Внутри тега `
` располагаются строки таблицы‚ которые обозначаются с помощью тега `
`; Каждая строка состоит из ячеек‚ которые задаются с помощью тегов `
` или `
`. Тег `
` используется для заголовков столбцов‚ а тег `
` ― для содержимого обычных ячеек.
Теперь‚ давайте применим стили к нашей таблице с помощью CSS. Для этого добавим атрибут `style` в тег `
`. Во-первых‚ зададим ширину таблице⁚
Теперь наша таблица будет занимать всю доступную ширину на странице. Далее добавим стили к заголовкам столбцов. Мы сделаем их выровненными по центру и с добавленным фоном⁚
Заголовок 1
Заголовок 2
Таким образом‚ мы создали стили для заголовков‚ которые будут отображаться по центру и иметь серый фон.
Теперь добавим стили для обычных ячеек⁚
Ячейка 1
Ячейка 2
Здесь мы задали рамку для ячеек таблицы‚ а также добавили отступы между содержимым и рамкой.
Приведенные примеры являются лишь базовыми‚ и стилизацию таблицы можно настроить по своему вкусу. Вы можете изменять ширину и высоту таблицы‚ цвета фона и текста‚ а также добавлять дополнительные стилизации для более сложных таблиц.
