Презентация Таблицы в HTML. Web-программирование онлайн
На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Таблицы в HTML. Web-программирование абсолютно бесплатно. Урок-презентация на эту тему содержит всего 13 слайдов. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.
Оцените презентацию от 1 до 5 баллов!
- Тип файла:ppt / pptx (powerpoint)
- Всего слайдов:13 слайдов
- Для класса:1,2,3,4,5,6,7,8,9,10,11
- Размер файла:152.89 kB
- Просмотров:88
- Скачиваний:0
- Автор:неизвестен
Слайды и текст к этой презентации:
№1 слайд
Содержание слайда: Web-программирование
Таблицы в HTML
№2 слайд
Содержание слайда: Добавление строк
Самая простая таблица в HTML создаётся при помощи трёх тегов:
Тег <table> - обозначение таблицы
Тег <tr> - обозначение строк таблицы (table row)
Тег <td> - обозначение ячейки внутри строки таблицы (table data)
№3 слайд
Содержание слайда: Добавление строк
№4 слайд
Содержание слайда: Границы таблицы
Чтобы сделать границы таблицы в HTML, следует добавить к тегу <table> атрибут 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 слайд
Содержание слайда: Установка названия таблицы
С помощью тега <caption> возможно задать название таблицы.
Стоит помнить, что данный тег нужно располагать сразу после тега <table>:
№13 слайд
Содержание слайда: Установка названия таблицы
Чтобы поместить заголовок таблицы, например, вниз, то нужно использовать CSS-свойство – caption-side: bottom;
Скачать все slide презентации Таблицы в HTML. Web-программирование одним архивом:
