Лабораторная работа №8. Cоздание и использование таблиц

Цель:

• научиться публиковать данные в табличной форме;

• уметь создавать сложные таблицы: различные виды ячеек, выравнивание данных в ячейках, расстояния между отдельными ячейками, положение самой таблицы на странице и т.д.;

• самостоятельно освоить возможность использования таблиц для макетирования общего интерфейса сайта.

1. Создать Web - страницу с содержанием:

Табличная структура

Ячейка заголовка (первая строка)
Ячейка данных (вторая строка)	Вторая ячейка данных

1.1. Сохранить страницу под именем str1.html

1.2. Просмотреть страницу с помощью браузера InternetExplorer.

2. Используя таблицу п.1, добавить следующие таблицы:

Таблица без рамок border =0

Таблица с самой тонкой рамкой

Border=1

Таблица с толстой рамкой

Border=7

2.1. Сохранить страницу под именем str1.html

2.2. Просмотреть страницу с помощью браузера Internet Explorer.

3. Добавить следующие таблицы:

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

Таблица без просвета

Cellpadding=0

Таблица с малым просветом

Cellpadding=5

Таблица с большим просветом

Cellpadding=15

3.1. Сохранить страницу под именем str1.html

3.2. Просмотреть страницу с помощью браузера Internet Explorer.

4. Добавить на Web-страницу таблицы следующего содержания:

Ширина рамки вокруг ячейки111111111111111111111111

Таблица с минимальной шириной рамки ячеек

Атрибут отсутствует

Таблица с малой шириной рамки ячеек

Cellpadding=5

Таблица с большой шириной рамки ячеек

Cellpadding=15

4.1. Сохранить страницу под именем str1.html

4.2. Просмотреть страницу с помощью браузера Internet Explorer.

5. Добавить на Web-страницу таблицы следующего содержания:

Таблица с абсолютной шириной

Width=200

Таблица с относительной шириной

Width=80%

5.1. Сохранить страницу под именем str1.html

5.2. Просмотреть страницу с помощью браузера Internet Explorer.

6. Добавить таблицы следующего содержания:

Таблица с различным выравниванием по вертикали

Строка таблицы с выравниванием по вертикали	Valign = top
Строка таблицы с выравниванием по вертикали	Valign =center
Строка таблицы с выравниванием по вертикали	Valign =bottom

6.1.Сохранить страницу под именем str1.html

6.2. Просмотреть страницу с помощью браузера Internet Explorer.

7. Создать таблицу ледующего содержания:

Четыре строки	Строка 1	Две строки	Одна ячейка /строка
	Строка 2		Три строки
	Строка 3	Еще Две строки
	Строка 4

7.1. Сохранить страницу под именем str1.html

7.2. Просмотреть страницу с помощью браузера Internet Explorer.

8.Добавить на Web-страницу следующую таблицу:

Таблицы в HTML

Организация расположения элементов документов на странице, отличного от линейного с трудом реализуется в HTML. В современных браузерах найден выход из сложившейся ситуации: в них предусмотрены дескрипторы для определения таблиц на HTML - страницах.

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

8.1. Сохранить страницу под именем str1.html

8.2. Просмотреть страницу с помощью браузера Internet Explorer. Защитить лабораторную работу у преподавателя.