Таблицы в HTML. Web-программирование

Сентябрь 5, 2022

Главная
Алгебра
Таблицы в HTML. Web-программирование

Содержание

2. Добавление строк Самая простая таблица в HTML создаётся при помощи трёх тегов: Тег - обозначение таблицы
3. Добавление строк
4. Границы таблицы Чтобы сделать границы таблицы в HTML, следует добавить к тегу атрибут border, который должен
5. Границы таблицы
6. Границы таблицы Атрибут border позволяет создавать, но не управлять границами. Он позволяет изменять их толщину. Но,
7. Управление границами таблиц при помощи CSS Для этого нам нужно удалить атрибут border и добавить его
8. Управление границами таблиц при помощи CSS border: [border-widht || border-style || border-color] border-widht – определяет толщину
9. Горизонтальные и вертикальные границы в таблице HTML border-top – верхняя граница border-bottom – нижняя граница border-right
10. Отступы в таблицах Отступы задаются с помощью свойства padding: padding-top – отступ сверху padding-bottom – отступ
11. Отступы между ячейками Свойство border-spacing – данное свойство позволяет создавать отступ между ячейками. Чтобы ячейки находились
12. Установка названия таблицы С помощью тега возможно задать название таблицы. Стоит помнить, что данный тег нужно
14. Скачать презентацию

Слайд 2

Добавление строк
Самая простая таблица в HTML создаётся при помощи трёх

тегов:
Тег - обозначение таблицы
Тег - обозначение строк таблицы (table row)
Тег

- обозначение ячейки внутри строки таблицы (table data)

Слайд 3

Добавление строк

Слайд 4

Границы таблицы
Чтобы сделать границы таблицы в HTML, следует добавить к тегу

атрибут border, который должен быть строго больше нуля.

Слайд 5

Границы таблицы

Слайд 6

Границы таблицы
Атрибут border позволяет создавать, но не управлять границами. Он позволяет

изменять их толщину.
Но, при помощи данного атрибута, в CSS возможно создавать различные границы, как внутри, так и внешние, вокруг таблицы в целом.

Слайд 7

Управление границами таблиц при помощи CSS
Для этого нам нужно удалить атрибут

border и добавить его в стиль:
.
.
.

Слайд 8

Управление границами таблиц при помощи CSS
border: [border-widht || border-style || border-color]
border-widht

– определяет толщину границы
border-style – управление видом границы (dotted, dashed, solid, double, groove, ridge, inset, outset)
border-color – устанавливает цвет границы

Слайд 9

Горизонтальные и вертикальные границы в таблице HTML
border-top – верхняя граница
border-bottom –

нижняя граница
border-right – правая граница
border-left – левая граница

Слайд 10

Отступы в таблицах
Отступы задаются с помощью свойства padding:
padding-top – отступ сверху
padding-bottom

– отступ снизу
padding-right – отступ справа
padding-left – отступ слева

Слайд 11

Отступы между ячейками
Свойство border-spacing – данное свойство позволяет создавать отступ между

ячейками.
Чтобы ячейки находились отдельно друг от друга, следует использовать border-collapse: separate.

Слайд 12

Установка названия таблицы
С помощью тега

возможно задать название таблицы.
Стоит помнить,

что данный тег нужно располагать сразу после тега :