ЛабыWeb / ЛабРабота7

Тема «Таблицы документа HTML»

Цель работы: Создание таблиц в web-странице.

Теория. Таблицы в web-страницах имеют более широкое применение, чем в обычных текстовых документах. Таблицы используют как для демонстрации данных, организованных в столбцы и ячейки, так и для разметки структуры web-страницы на функциональные блоки: панель управления, панель заголовка, верхний и нижний колонтитулы, основной раздел, иллюстрации и т.д.

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

Внимание! До того как приступите к вводу кода таблицы, нарисуйте макет таблицы на листе бумаги. Подсчитайте количество столбцов и строк, число ячеек в каждой строке и их размеры. Определите ячейки, которые необходимо объединить. После этого набирайте выполняйте разметку html.

Дескрипторы: <TABLE> Создает таблицу,

ALIGN Обтекание текста вокруг таблицы,

BACKGROUND Фоновый рисунок таблицы,

BGCOLOR Фоновый цвет таблицы,

BORDER Границы вокруг таблицы,

BORDERCOLOR Цвет границ вокруг таблицы

CELLPADDING Отступ текста от границ ячеек,

CELLSPACING Промежутки между ячейками,

FRAME Выборочный показ границ вокруг таблицы,

HEIGHT Высота таблицы,

RULES Выборочный показ границ внутри таблицы,

WIDTH Ширина таблицы

<TD> и<ТН> Создают ячейку данных или ячейку заголовка таблицы,

ALIGN Выравнивание текста ячейки по горизонтали,

BACKGROUND Фоновый рисунок ячейки,

BGCOLOR Цвет фона ячейки,

CHAR Выбор символов для выравнивания,

COLSPAN Объединение нескольких столбцов в одной ячейке,

HEIGHT Высота ячейки,

NOWRAP Запрет на перенос слов в ячейке,

ROWSPAN Объединение нескольких строк в одной ячейке,

VALIGN Выравнивание текста ячейки по вертикали,

WIDTH Ширина ячейки

<TR> Создает строку таблицы,

ALIGN Выравнивание текста ячеек по горизонтали,

BGCOLOR Цвет фона ячеек,

CHAR Выбор символов для выравнивания,

VALIGN Выравнивание текста ячеек по вертикали

Задание 1. Наберите текст и сохраните его как html-документ. Просмотрите файл.

Задание 2. Наберите текст и сохраните его как html-документ. Просмотрите файл.

Задание 3. Для задания 2 изменить для каждой ячейки цвет фона.

Самостоятельная работа. Создайте таблицу и раскрасьте ее ячейки:

№п/п	ФАМИЛИЯ Имя Отчество	Личные данные
		Дата рождения	Рост (см)	Вес(кг)
1.	Ким В.В.	12.12.1999	156	57
2.