Размеры таблицы.

Практическая работа №6.

Создание HTML документов с использованием таблиц.

Цель: Научиться создавать на web-страницах таблицы различных видов.

Тег

задаёт начало и конец таблицы, любая таблица, как известно, состоит из строк и столбцов, для этого есть ещё два тега:

- строка таблицы
могут применятся точно такие же атрибуты как и к тегу

- столбец таблицы

Объединение ячеек.

  • colspan - определяет какое количество столбцов будет занимать данная ячейка
  • rowspan - количество рядов занимаемое ячейкой

Размеры таблицы.

К тегу

:

  • width - Ширина ячейки в процентах или пикселях.
  • height - Высота ячейки в процентах или пикселях.
  • align - Выравнивает текст в ячейке:
    • left - по левому краю.
    • right - по правому краю.
    • center - по центру Размеры таблицы..
    • justify - по левому и правому краю.
  • valign - Выравнивает текст в ячейке по вертикали:
    • top - по верхнему краю.
    • middle - по центру.
    • bottom - по нижнему краю.
    • baseline - по базовой линии.
  • colspan - количество столбцов занимаемое ячейкой.
  • rowspan - количество рядов занимаемое ячейкой.
  • bgcolor - Цвет фона ячейки.
  • background - Задает фоновый рисунок в ячейке.
  • bordercolor - Цвет бордюра.
  • title - Всплывающая подсказка
  • nowrap - Запрещает перенос строк в ячейке.

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

Задание1.

Таблица

строка1 ячейка1строка1 ячейка2строка1 ячейка3
строка2 ячейка1строка2 ячейка2строка2 ячейка3
строка3 ячейка1строка3 ячейка2строка3 ячейка3
строка4 ячейка Размеры таблицы.2

Образец таблицы

строка1 ячейка1строка1 ячейка2 строка1 ячейка3
строка2 ячейка2
Заголовок
кнопка1 кнопка2 кнопка3 кнопка4 кнопка5
содержание:куча текста

1 2 3
45 6
7 8 9



Заголовок
содержание:

В одну ячейку вложена целая таблица!!


1 2 3
45 6
7 8 9

Самостоятельное задание.

Создать web-страничку по образцу (образец смотри на странице 3).

Контрольные вопросы.

  1. Какой тег задает начало и конец таблицы.
  2. Какие теги задают строки и столбцы таблицы, перечислить и расшифровать их атрибуты.
  3. С помощью каких атрибутов происходит объединение столбцов и ячеек.
  4. С помощью какого тега задается заголовок таблицы, где этот тег располагается..
  5. Опишите какие действия производятся в следующих строках кода:

строка1 ячейка1

строка1 ячейка1 строка1 ячейка2
строка2 ячейка2

3


documentaltpstt.html
documentaltqaeb.html
documentaltqhoj.html
documentaltqoyr.html
documentaltqwiz.html
Документ Размеры таблицы.