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



бет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%







пикселах или процентах





































Примечание


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




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

  2. По умолчанию, таблица выводится без рамки. Однако Netscape добав-ляет тонкую линию между ячеек. Чтобы ее не было, всегда указывайте пара-

метр border=0;



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

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






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









ТАБЛИЦА






























































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







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









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









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









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






<




















< TD width="33%" <






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








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









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









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























































































< TFOOT BGCOLOR="Yellow">











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













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


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




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








































Это первая ячейка




Это вторая ячейка




А это три ячейки











































Это единственная ячейка второй строки,




третьего столбца
















объединяющая оба




столбца




объединились в од-




























ну большую
















Это первая ячейка




А это вторая ячей-











































третьей строки




ка третьей строки












































































конец




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




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




©dereksiz.org 2024
әкімшілігінің қараңыз

    Басты бет