 |
Лабораторная работа № 3. Создание и форматирование таблиц
|
|
|
|
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ
федеральное государственное бюджетное образовательное учреждение высшего образования
«Сибирский государственный аэрокосмический университет
имени академика М.Ф. Решетнева»
Институт информатики и телекоммуникаций
Кафедра информационно-управляющих систем
Отчет по лабораторной работе № 3
по дисциплине: «Интернет-технологии»
Тема: «Создание WEB-документов средствами языка разметки HTML»
|
Красноярск 2017 г.
Лабораторная работа № 3. Создание и форматирование таблиц
Цель работы:
Научиться использовать таблицы для оформления WEB-страниц
Ход работы:
1. Теги, определяющие структуру html-документа:
Вставить структуру своего html-документа
<HTML>
<HEAD>
<TITLE> <текст></TITLE>
</HEAD>
<BODY>
<текст>
</BODY>
</HTML>
где <HTML> и </HTML>- тегиHTML- документа
<HEAD> и </HEAD>- теги секции заголовка
<TITLE> и </TITLE>- благодаря наличию данного тега в заголовке окна браузера будет выведено не имя файла, а заголовок, который отражает содержаниеHTML- документа
<BODY> и </BODY> - теги секции тела документа
2. Создать таблицу по приведенному образцу, сохранить документ под именем tabl_name.htm. Сверху над таблицей разместить заголовок Таблица №1
<html>
<head>
<title>Максимов Д.И.</title>
</head>
<TH>Таблица №1 </TH>
<body>
<TABLE border=1 align =CENTER width=30% >
<TR> <TH > </TH> <TH> </TH> <TH> </TH> </TR>
<TR> <TD> </TD> <TD> * </TD> <TH> </TH></TR>
<TR> <TH > </TH> <TH> </TH> <TH> </TH></TR>
|
|
|
</TABLE>
</body>
</html>
3. В этом же документе создать копию таблицы №1, ввести заголовок Таблица №2 и модифицировать ее:
<html>
<head>
<title>Максимов Д.И.</title>
</head>
<TH>Таблица №2 </TH>
<body>
<TABLE border=1 align =CENTER width=30% >
<TR> <TD BGCOLOR = #FF0000> </TD> <TD BGCOLOR = #FF0000> </TD> <TD BGCOLOR = #FF0000> </TD> </TR>
<TR> <TD BGCOLOR = #FF0000> </TD> <TD> <IMG SRC= play WIDTH=20 HEIGHT=20 > </TD> <TD BGCOLOR = #FF0000> </TD></TR>
<TR> <TD BGCOLOR = #FF0000> </TD> <TD BGCOLOR = #FF0000> </TD> <TD BGCOLOR = #FF0000> </TD></TR>
</TABLE>
</body>
</html>
4. Создать еще одну копию таблицы – Таблица №3 и отредактировать теги таблицы так, чтобы она соответствовала приведенному ниже образцу.
<html>
<head>
<title>Максимов Д.И.</title>
</head>
<TH>Таблица №3 </TH>
<body>
<TABLE border=1 align =CENTER width=30% >
<TH colspan="3" > </TH>
<TR>
<td rowspan="4" > </td> <TD>
<IMG SRC= play WIDTH=60 HEIGHT=20 > </TD>
<td rowspan="4" > </td>
</TR>
<TR> <TD BGCOLOR = #FF0000> </TD>
</TABLE>
</body>
</html>
4. Создать новый HTML-документ - rasp_name.htm с расписанием занятий.
1) <html>
<head>
<title>Максимов Д.И.</title>
</head>
<TH>Расписание занятий гр. NNN на весенний семестр 2017 г. </TH>
<body>
<TABLE border=1 align =CENTER width=100% >
<TR> <TH >День недели</TH> <TH>Время</TH> <TH >Предмет</TH> <TH >Преподаватель</TH> <TH >Аудитория</TH> </TR>
<TR> <TD rowspan=3 >Понедельник</TD> <TD>8:30-10:00</TD> <TD>Математика (лек)</TD> <TD>доц. Иванов А.А.</TD> <TD>Н211</TD> </TR>
<TR> <TD>10:10-11:40</TD> <TD>Математика (пр)</TD> <TD>преп. Петрова И.А.</TD> <TD>Н305</TD> </TR>
<TR> <TD>12:00-13:30</TD> <TD>Физика (лаб)</TD> <TD>доц. Сидоров О.И.</TD> <TD>А210</TD> </TR>
<TR> <TD rowspan=3 >Вторник</TD> <TD>8:30-10:00</TD> <TD>История (лек)</TD> <TD>проф. Громова О.А.</TD> <TD>Н507</TD> </TR>
|
|
|
<TD>10:10-11:40</TD> <TD>История (сем)</TD> <TD>преп. Попов М.А.</TD> <TD>Н507</TD> </TR>
<TD>12:00-13:30</TD> <TD>Физика (лаб)</TD> <TD>доц. Сидоров О.И.</TD> <TD>А210</TD> </TR>
<TR> <TD rowspan=3 >Среда</TD> <TD>8:30-10:00</TD> <TD>История (лек)</TD> <TD>проф. Громова О.А.</TD> <TD>Н507</TD> </TR>
<TD>10:10-11:40</TD> <TD>Математика (пр)</TD> <TD>преп. Петрова И.А.</TD> <TD>Н305</TD> </TR>
<TD>12:00-13:30</TD> <TD>Математика (пр)</TD> <TD>преп. Петрова И.А.</TD> <TD>Н305</TD> </TR>
<TR> <TD rowspan=3 >Четверг</TD> <TD>8:30-10:00</TD> <TD>История (лек)</TD> <TD>проф. Громова О.А.</TD> <TD>Н507</TD> </TR>
<TD>10:10-11:40</TD> <TD>История (сем)</TD> <TD>преп. Попов М.А.</TD> <TD>Н507</TD> </TR>
<TD>12:00-13:30</TD> <TD>Физика (лаб)</TD> <TD>доц. Сидоров О.И.</TD> <TD>А210</TD> </TR>
<TR> <TD rowspan=3 >Пятница</TD> <TD>8:30-10:00</TD> <TD>Физика (лаб)</TD> <TD>доц. Сидоров О.И.</TD> <TD>А210</TD> </TR>
<TD>10:10-11:40</TD> <TD>Физика (лаб)</TD> <TD>доц. Сидоров О.И.</TD> <TD>А210</TD> </TR>
<TD>12:00-13:30</TD> <TD>Физика (лаб)</TD> <TD>доц. Сидоров О.И.</TD> <TD>А210</TD> </TR>
<TR> <TD rowspan=2 >Суббота</TD> <TD>8:30-10:00</TD> <TD>История (лек)</TD> <TD>проф. Громова О.А.</TD> <TD>Н507</TD> </TR>
<TD>10:10-11:40</TD> <TD>История (сем)</TD> <TD>преп. Попов М.А.</TD> <TD>Н507</TD> </TR>
</TABLE>
</body>
</html>
2)основное тело:
<html>
<head>
<title>Максимов Д.И.</title>
</head>
<body>
<TABLE border=1 align =CENTER width=100% >
<TR> <TH > <A HREF= file:///C:/Users/777/Downloads/jsbin.qeloviziqa.1.html> Понедельник</A></TH>
<TH><A HREF=file:///C:/Users/777/Downloads/jsbin.qeloviziqa.1%20(1).html>Вторник</A></TH>
<TH><A HREF=file:///C:/Users/777/Downloads/jsbin.qeloviziqa.1%20(2).html>Среда</A></TH>
<TH><A HREF=file:///C:/Users/777/Downloads/jsbin.qeloviziqa.1%20(3).html>Четверг</A></TH>
<TH><A HREF=file:///C:/Users/777/Downloads/jsbin.qeloviziqa.1%20(4).html> Пятница </A></TH>
<TH > <A HREF= file:///C:/Users/777/Downloads/jsbin.qeloviziqa.1%20(5).html> Суббота </A></TH> </TR>
</TABLE>
</body>
</html>
Переходы по ссылкам(Кодинг предыдущего расписания): на дни недели:
понедельник:
вторник:
среда:
четверг:
пятница:
Суббота:
· Вывод: В течение выполнения данной лабораторной работы я научился использовать таблицы для оформления WEB-страниц. Во время достижения поставленных целей и задач сложностей с выполнением 3 лабораторной работы не возникло.
|
|
|
|
|
|
