Файл: Тема Таблицы Узнаем о работе с таблицами в html о тегах вывода таблиц.pptx
ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 17.03.2024
Просмотров: 16
Скачиваний: 0
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
Тема: Таблицы
Узнаем:
- о работе с таблицами в HTML;
- о тегах вывода таблиц.
Вспомним:
- Какие теги для форматирования текста, вывода списка, вывода бегущих строк вы знаете?
, , ,
…
,…
,
,
, …
Заголовок таблицы
Заголовки столбцов
Ячейки.
Таблицы в HTML формируются нетрадиционным способом - построчно. Сначала c помощью элемента TR необходимо создать ряд таблицы, в который затем элементом TD помещаются ячейки.
Тег TABLE
Элемент для создания таблицы. Обязательно должен иметь начальный и конечный тэги. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Ячейки внутри таблицы создаются с помощью элементов TR, TD и CAPTION.
Атрибуты:
ALIGN = left/ center/ right - определяет способ горизонтального выравнивания таблицы. Значение по умолчанию - left.
VALIGN = top/ bottom/ middle - определяет способ вертикального выравнивания для содержимого таблицы.
Атрибуты:
BORDER - определяет ширину внешней рамки таблицы (в пикселах). При BORDER="0" или при отсутствии этого параметра рамка отображаться не будет.
BGCOLOR - определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
Атрибуты:
WIDTH - определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала.
HEIGHT - определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала.
Атрибуты:
CELLPADDING - определяет расстояние между границей ячейки и ее содержимым (в пикселах).
CELLSPACING - определяет расстояние (в пикселах) между границами соседних ячеек.
BACKGROUND - позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.
Тег CAPTION
Задает заголовок таблицы. Содержание заголовка должно состоять только из текста. Может размещаться только внутри контейнера
B1 | C1 | |
A2 | B2 | C2 |
Пример 2:
A1 | B1 | C1 |
A2 | B2 |
А1 | B1 | C1 |
A2 | B2 |
Пример 3:
A1 | B1 | C1 |
A2 | C2 |
А1 | B1 | C1 |
A2 | C2 |
Создать таблицу следующей структуры:
Математика | Русский | Музыка |
Химия | Физкультура | |
Физика | Обществознание | Информатика |
История | Биология |
Задание
Итог урока. Итог урока. Итог урока:
Можете ли вы прокомментировать все тэги и их параметры которые мы прошли?
Рассмотреть результаты деятельности учащихся на уроке. Подвести итоги работы каждого.
На следующем занятии будет проведен промежуточный контроль по темам: «Алгоритмизация и программирование» и «Коммуникационные технологии».