Лабораторная работа № 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>
<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 лабораторной работы не возникло.
Воспользуйтесь поиском по сайту: ![]() ©2015 - 2025 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...
|