Таблицы в HTML Описание таблицы Описание строки Описание ячейки. - презентация

1 Таблицы в HTML Описание таблицы Описание строки Описание ячейки

2 Таблицы в HTML пример результат

3 Таблицы в HTML Объединение ячеек.

4 Таблицы в HTML Объединение ячеек. строка1 ячейка1 строка1 ячейка2 строка1 ячейка3 строка2 ячейка2 строка2 ячейка3 строка3 ячейка2 Данная ячейка займет 3 строки Данная ячейка займет 2 колонки

5 Таблицы в HTML Размеры таблицы ШИРИНА ВЫСОТА Могут задаваться как в пикселях, так и в процентах по отношению к ширине/высоте экрана. 15% 25% 60% 50%

6 Таблицы в HTML Использование таблицы для макетирования страницы: таблица это хороший и удобный инструмент для верстки страницы..

7 Таблицы в HTML АТРИБУТЫ ТЕГА и

8 Таблицы в HTML Название таблицы и её описание Энергетическая ценность продуктов питания: Продукт Белки Жиры Углеводы ккал Хлеб ржаной 4,7 0,7 49,8 214 Молоко 2,8 3,2 4,7 58 Картофель 2 0,1 19,7 83 Свинина 11,4 49, Итого: 20,9 53,3 83,2 844 Пример: Результат: Формат записи:

9 Таблицы в HTML Название таблицы и её описание К тегу может быть применён атрибут align - выравнивание названия таблицы по горизонтали с возможными значениями left, right и center, а также атрибут valign который говорит от том где должно располагаться название сверху - top или снизу - bottom таблицы. ВНИМАНИЕ!!!!!! запись: Текст -для браузеров IE и Opera разместит название сверху таблицы по её левому краю, а для браузера Firefox это будет значить, что название следует размещать слева от самой таблицы. Такое описание никак не отображается и не выводится на экран обычными браузерами, однако может быть использовано поисковыми системами, а так же речевыми браузерами.

10 Таблицы в HTML Группировка строк., и. Данные теги являют собой емкость для строк таблицы (тег ) позволяя тем самым группировать и логически ими управлять. К данным тегам допускается применять атрибуты выравнивания текста в ячейках align и valign, указывать цвет фона строк взятых в группу с помощью bgcolor, делать всплывающую подсказку с помощью title, однако на практике работать во всех браузерах будет только align и title.

11 Таблицы в HTML Пример группировки строк: Основное предназначение тегов, и - это логическая группировка строк в группы, а это в свою очередь облегчает работу с таблицей, например через стили или скрипты, теперь не нужно определять тот же стиль для каждой строчки, а достаточно указать его для всей группы..

12 Пример соединения технологии создания таблиц в HTML и описания стилей для групп строк в CSS