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

  • Презентации учебные
  • pptx
  • 04.02.2017
Публикация в СМИ для учителей

Публикация в СМИ для учителей

Бесплатное участие. Свидетельство СМИ сразу.
Мгновенные 10 документов в портфолио.

К тегу <caption> может быть применён атрибут align - выравнивание названия таблицы по горизонтали с возможными значениями left, right и center, а также атрибут valign который говорит от том где должно располагаться название сверху - top или снизу - bottom таблицы. ВНИМАНИЕ!!!!!! запись: <caption align="left">Текст</caption> для браузеров IE и Opera разместит название сверху таблицы по её левому краю, а для браузера Firefox это будет значить, что название следует размещать слева от самой таблицы. <table border="1"> <tr> <td rowspan="3">строка1 ячейка1</td> <td>строка1 ячейка2</td> <td>строка1 ячейка3</td> </tr> <tr> <td>строка2 ячейка2</td> <td>строка2 ячейка3</td> </tr> <tr> <td colspan="2">строка3 ячейка2</td> </tr> </table> Могут задаваться как в пикселях, так и в процентах по отношению к ширине/высоте экрана.
Иконка файла материала таблицы на веб.pptx
Таблицы в HTML Описание таблицы Описание строки Описание ячейки Таблицы в HTML
Таблицы в HTML пример результ ат Таблицы в HTMLпримеррезультат
Таблицы в HTML Объединение ячеек. Таблицы в HTMLОбъединение ячеек.
Таблицы в HTML Объединение ячеек. Данная ячейка займет 3 строки Данная ячейка займет 2 колонки Таблицы в HTMLОбъединение ячеек.
Таблицы в HTML Размеры таблицы ШИРИНА ВЫСОТА Могут задаваться как в пикселях, так и в процентах по отношению к ширине/высоте экрана. 15% 25% 50% 60% Таблицы в HTMLРазмеры таблицы
Таблицы в HTML Использование таблицы для макетирования страницы: таблица это хороший и удобный инструмент для верстки страницы.. Таблицы в HTMLИспользование таблицы для макетирования страницы:таблица это хороший и удобный инструмент для верстки страницы..
Таблицы в HTML АТРИБУТЫ ТЕГА
-для браузеров IE и Opera разместит название сверху таблицы по её левому краю, а для браузера Firefox это будет значить, что название следует размещать слева от самой таблицы.
строка1 ячейка1 строка1 ячейка2 строка1 ячейка3
строка2 ячейка2 строка2 ячейка3
строка3 ячейка2
и Таблицы в HTMLАТРИБУТЫ ТЕГА и
Таблицы в HTML Название таблицы и её описание Пример: Результат :
Энергетическая ценность продуктов питания:
ПродуктБелкиЖирыУглеводыккал
Хлеб ржаной4,70,749,8214
Молоко2,83,24,758
Картофель20,119,783
Свинина11,449,39489
Итого:20,953,383,2844
Формат записи: Таблицы в HTMLНазвание таблицы и её описание
Таблицы в HTML Название таблицы и её описание К тегу
может быть применён атрибут align - выравнивание названия таблицы по горизонтали с возможными значениями left, right и center, а также атрибут valign который говорит от том где должно располагаться название сверху - top или снизу - bottom таблицы. ВНИМАНИЕ!!!!!! запись: Текст
Таблицы в HTMLНазвание таблицы и её описание
Таблицы в HTML Группировка строк.
, и . Данные теги являют собой емкость для строк таблицы (тег ) позволяя тем самым группировать и логически ими управлять. К данным тегам допускается применять атрибуты выравнивания текста в ячейках align и valign, указывать цвет фона строк взятых в группу с помощью bgcolor, делать всплывающую подсказку с помощью title, однако на практике работать во всех браузерах будет только align и title. Таблицы в HTMLГруппировка строк.
Таблицы в HTML Пример группировки строк: Основное предназначение тегов
, и - это логическая группировка строк в группы, а это в свою очередь облегчает работу с таблицей, например через стили или скрипты, теперь не нужно определять тот же стиль для каждой строчки, а достаточно указать его для всей группы.. Таблицы в HTMLПример группировки строк:
Пример соединения технологии создания таблиц в HTML и описания стилей для групп строк в CSS