Презентация на тему Таблицы в HTML

Содержание

2. Верстка страницы с использованием таблицыТаблица это хороший
3. Верстка страницы с использованием таблицы: пример
4. Атрибутыbgcolor – Цвет фона ячейкиbackground - Задает
5. Border-collapse устанавливает, как отображать границы вокруг ячеек
6. Таблица: пример
7. Вложенные таблицыКаждая отдельно взятая ячейка может служить
8. Вложенные таблицы: пример(часть 1)Вложенная таблицаЗаголовоксодержание:В одну ячейку вложена целая таблица!!
9. Вложенные таблицы: пример(часть 2)123456
10. Вложенные таблицы: пример(часть 3)789
11. Вложенные таблицы: пример(результат)
12. Домашнее заданиеСоздать таблицу как на рисунке
13. Скачать презентацию
14. Похожие презентации

Верстка страницы с использованием таблицыТаблица это хороший и главное удобный инструмент для верстки страницыЛюбая ячейка таблицы может служить самостоятельной ёмкостью для наполнения другими тегами и текстовым содержанием, а также иметь те или иные индивидуальные свойства -

Верстка страницы с использованием таблицы: пример

Атрибутыbgcolor – Цвет фона ячейкиbackground - Задает фоновый рисунок в ячейкеbordercolor –

Border-collapse устанавливает, как отображать границы вокруг ячеек таблицыЭто свойство играет роль, когда

Вложенные таблицыКаждая отдельно взятая ячейка может служить емкостью для других теговТег не

Вложенные таблицы: пример(часть 1)Вложенная таблицаЗаголовоксодержание:В одну ячейку вложена целая таблица!!

Вложенные таблицы: пример(часть 2)123456

Домашнее заданиеСоздать таблицу как на рисунке

Домашнее заданиеТеперь уберем все границы у вложенной таблицы

Слайды презентации

Слайд 2 Верстка страницы с использованием таблицы
Таблица это хороший и

Верстка страницы с использованием таблицыТаблица это хороший и главное удобный инструмент

главное удобный инструмент для верстки страницы
Любая ячейка таблицы может

служить самостоятельной ёмкостью для наполнения другими тегами и текстовым содержанием, а также иметь те или иные индивидуальные свойства - атрибуты

Слайд 3 Верстка страницы с использованием таблицы: пример

Слайд 4 Атрибуты
bgcolor – Цвет фона ячейки
background - Задает фоновый

рисунок в ячейке
bordercolor – Цвет бордюра
title – Всплывающая подсказка
nowrap

- Запрещает перенос строк в ячейке
colspan - Устанавливает число ячеек, которые должны быть объединены по горизонтали
Valign - Устанавливает вертикальное выравнивание содержимого ячейки.

Таблица

Слайд 5 Border-collapse устанавливает, как отображать границы вокруг ячеек таблицы
Это

Border-collapse устанавливает, как отображать границы вокруг ячеек таблицыЭто свойство играет роль,

свойство играет роль, когда для ячеек установлена рамка, тогда

в месте стыка ячеек получится линия двойной толщины
Значение collapse заставляет браузер анализировать подобные места в таблице и убирать в ней двойные линии
При этом между ячейками остается только одна граница, одновременно принадлежащая обеим ячейкам
То же правило соблюдается и для внешних границ, когда вокруг самой таблицы добавляется рамка.

Таблица