4.4. Создание таблиц
Таблица - это один из наиболее удобных способов представления больших объёмов данных. Для создания таблиц используются теги <TABLE> и </TABLE>, которые начинают и заканчивают таблицу (определяют тело таблицы).
Тег <TABLE> может включать атрибуты, вот некоторые из них:
ALIGN=LEFT - выравнивание влево;
ALIGN=CENTER - выравнивание по центру;
ALIGN=RIGHT - выравнивание вправо;
WIDTH= - устанавливает ширину таблицы в пикселях (WIDTH=300) или в % от ширины страницы (WIDTH=80%);
BORDER= - устанавливает ширину внешней рамки таблицы и ячеек в пикселях (BORDER=6).
Теги <CAPTION> и </CAPTION>определяют заголовок таблицы, который размешается или в начале таблицы или в конце таблицы.
Тег <CAPTION> может включать атрибуты:
ALIGN=TOP - заголовок помещается над таблицей;
ALIGN=BOTTOM - заголовок помещается под таблицей.
Теги <TR> и </TR> определяют строки таблицы, причем закрывающий тег (метку) можно опустить, так как строка таблицы заканчивается перед началом следующей строки или вместе с таблицей. Тег <TR> может включать атрибуты:
ALIGN= - устанавливает горизонтальное выравнивание;
VALIGN= - устанавливает вертикальное выравнивание (= TOP - пo верхнему краю, = MIDDLE - по центру; = BOTTON - по нижнему краю).
Каждая строка таблицы состоит из ячеек.
Теги <ТН > и </ТН> помечают ячейки, содержащие заголовки столбцов и строк.
Теги <TD > и </TD> помечают ячейки, содержащие обычные данные.
Тег <TD> может включать атрибуты:
NOWRAP= - устанавливает горизонтальное выравнивание;
COLSPAN= - устанавливает «размах» ячейки по горизонтали (COLSPAN =3 устанавливает ячейку в 3 колонки);
ROWSPAN= - устанавливает «размах» ячейки по вертикали (ROWSPAN=2 устанавливает ячейку в 2 строки);
WIDTH= - устанавливает ширину ячейки;
НEIGТ= - устанавливает высоту ячейки.
Задание 6. Создание таблиц
Отредактupyйmе созданную страницу:
Загрузите программу Блокнот.
Откройте файл Пример1.htm для редактирования.
Отредактируйте содержание страницы.
Вставьте таблицу вида
Летняя сессия группы 109
Предмет |
Форма сдачи |
Дни сдачи |
Информатика |
экзамен |
27.05.2012 |
Иностранный язык |
06.06.2012 |
|
Менеджмент |
зачет |
23.05.2012 |
Математика |
10.06.2012 |
<HTML>
<HEAD>
<TITLE> Институт МИПП - группа 109 </TITLE>
</HEAD>
<BODY>
<marquee loop="infinite" behavior="alternate"
bgcolor="aqua" direction="left" height="30" width="550">
Страничка Светы Ивановой
</marquee>
<HR SIZE=2 WIDTH=80%>
<TABLE WIDTH=90% BORDER=10 CELLPADDLNG=2 CELLSPACING=10>
<CAPТION>Летняя сессия группы 109</CAPTION>
<TR><TD ALIGN=CENTER><B> Предмет </В>
<TD ALIGN=CENTER><B> Форма сдачи </В>
<TD ALIGN=CENTER><B>Дни сдачи</В>
<TR><TD>Инфopмaтика
<TD ROWSPAN=2>Экзaмен<TD>27.05.2012
<TR><TD>Инocтpaный язык<TD>06.06.2012
<TR><TD>Mенеджмент
<TD ROWSPAN=2>3aчет<TD>23.05.2012
<TR><TD>Maтeмaтика<TD> 10.06.2012
</TАВLE>
</BODY>
</HTML>
Coxpaните документ под именем Пример2.htm.
Просмотрите созданную страницу, ее вид представлен ниже.
Летняя сессия группы 109 Предмет |
Форма сдачи |
Дни сдачи |
Инфopмaтика |
Экзaмен |
27.05.2012 |
Инocтpaный язык |
06.06.2012 |
|
Mенеджмент |
3aчет |
23.05.2012 |
Maтeмaтика |
10.06.2012 |