Лабораторная работа №7 Создание таблиц

жүктеу/скачать 0.99 Mb.

бет	4/4
Дата	03.01.2022
өлшемі	0.99 Mb.
	#450784
түрі	Лабораторная работа

1 2 3 4

Laboratory work #7

Описание

Пример

Выравнивание таблицы

align=center

Фоновый рисунок

background=pic.gif

Цвет фона таблицы

bgcolor=#FF9900

Толщина рамки в пикселах

border=2

Цвет рамки

border-

color=#333333

Тень рамки

bordercol-

ordark=#f0f0f0

Расстояние между ячейкой

cellpadding=7

и ее содержимым

Дистанция между ячейка-

cellspacing=3

ми

Запрещает переносы строк



в тексте

Задание типа рамки табли- _frame₌_hsides цы

valign=	Top	Выравнивание по высоте	valign=top
	Bottom

width=	n	Минимальная ширина таб-
		лицы, можно задавать в	width=90%
	n%
		пикселах или процентах

height	n	Минимальная высота таб-
		лицы, можно задавать в	height=18
	n%
		пикселах или процентах

Примечание

Таблица, если не указано особо, всегда выравнивается по левому краю;

Параметр background, отвечающий за рисунок фона, своеобразно по-нимается в разных браузерах. IE вставляет картинку во всю таблицу, если таб-лица по размеру больше фонового рисунка, он повторяется по горизонтали или вертикали. Netscape добавляет фоновое изображение в каждую ячейку табли-цы;
По умолчанию, таблица выводится без рамки. Однако Netscape добав-ляет тонкую линию между ячеек. Чтобы ее не было, всегда указывайте пара-

метр border=0;

Если ширина таблицы не указана, она подгоняется под содержание яче-

ек.
Задание 1 Создать 3 таблицы, используя приведенный ниже листинг

1.1 Создание таблицы

ТАБЛИЦА

Заголовок Таблицы.

Первая ячейка первой строки

Вторая ячейка первой строки

Первая ячейка второй строки

Вторая ячейка второй строки

<

< TD width="33%" <

по правому краю

Две ячейки, объединенные по горизонтали
Две ячейки, объединенные по вертикали	по левому краю

< TFOOT BGCOLOR="Yellow">

УЧЕБНАЯ ТАБЛИЦА
Это первая ячейка	Это вторая ячейка	А это три ячейки третьего столбца объединились в одну большую
Это единственная ячейка второй строки, объединяющая оба столбца
Это первая ячейка третьей строки	А это вторая ячейка третьей строки
конец

Атрибут CELLSPACING="6" задает свободное пространство между ячейками таблицы

Атрибут CELLPADDING="20" задает свободное пространство между данными в ячейке и ее границами
Атрибут BORDERCOLORLIGHT="Lime" задает цвет левого и верхнего углов таблицы
Атрибут BORDERCOLORDARK="Green" задает цвет правого и нижнего углов таблицы
Атрибут BGCOLOR="#DFFFDF" задает цвет фона таблицы В результате получается следующая таблица:

УЧЕБНАЯ ТАБЛИЦА


Это первая ячейка	Это вторая ячейка	А это три ячейки
		А это три ячейки
Это единственная ячейка второй строки,		третьего столбца
объединяющая оба	столбца	объединились в од-
		ну большую
Это первая ячейка	А это вторая ячей-	ну большую
Это первая ячейка	А это вторая ячей-
третьей строки	ка третьей строки

конец

Задание 2 Создать турнирную таблицу, представленную ниже на рисунке.
Для задания кавычек используйте специальные символы « ("«") и » ("»"), для создания длинного тире используйте специальный символ
— ("—").

жүктеу/скачать 0.99 Mb.

Достарыңызбен бөлісу: