Таблицы в HTML. Web-программирование - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Таблицы в HTML. Web-программирование, слайд №1

Таблицы в HTML. Web-программирование, слайд №2

Таблицы в HTML. Web-программирование, слайд №3

Таблицы в HTML. Web-программирование, слайд №4

Таблицы в HTML. Web-программирование, слайд №5

Таблицы в HTML. Web-программирование, слайд №6

Таблицы в HTML. Web-программирование, слайд №7

Таблицы в HTML. Web-программирование, слайд №8

Таблицы в HTML. Web-программирование, слайд №9

Таблицы в HTML. Web-программирование, слайд №10

Таблицы в HTML. Web-программирование, слайд №11

Таблицы в HTML. Web-программирование, слайд №12

Таблицы в HTML. Web-программирование, слайд №13

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Таблицы в HTML. Web-программирование. Доклад-сообщение содержит 13 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 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>: