Цель работы:
Научиться выполнять вставку рисунков в html-документ
Научиться создавать закладки и гиперссылки
Задание №1
<HTML>
<A HREF='3_name.htm''WIDTH='50'HEIGHT='50'ALIGN='right'ALT='Вернуться'> <IMG SRC='Arrows1.jpg'></A>
<HEAD> <TITLE> Адьянов </TITLE>
</HEAD>
<BODY>
Приветствую Вас на моей второй web-страничке!
</BODY>
</HTML>
<P ALIGN='JUSTIFY'><P ALIGN= 'CENTER'><BR>Быть иль не быть - вот в чем вопрос.</BR>
<BR>Что благороднее: сносить удары неистовой судьбы - иль против моря невзгод вооружиться, в бой вступить.</BR>
<BR>И все покончить разом</BR>
</P></P>
<HTML>
<IMG SRC='Arrows2.jpg'
'WIDTH='100'
HEIGHT='100'
ALIGN='right'
ALT='Рисунок 2'>
Задание №2
<HTML>
<HEAD> <TITLE>Адьянов</TITLE>
</HEAD>
<BODY>
<A NAME='Hello'>
Приветствую Вас на моей третьей web-страничке!
</BODY>
</HTML>
Я знаю как оформлять:
<OL>
<LI> Шрифты</LI>< <A HREF='1_name.htm#Morning'>
<UL>
<LI>Размер</LI>
<LI>Цвет</LI>
<LI>Гарнитуру</LI>
<LI>Индексы</LI></UL>
<LI> Заголовки </LI> <A HREF='3_name.htm#hello'>
<UL><LI>От 1-го до 6-го уровня</LI></UL>
<LI> Абзацы </LI> <A HREF='2_name.htm'>
<UL><LI>Выравнивание </LI>
<LI>Разрыв строк внутри абзаца </LI>
<LI>С использованием переформатирования <A HREF='2_name.htm#Mono'> </LI></UL>
</A>
</OL>
</BODY>
Вывод:
За время выполнения задания:
1.Научились выполнять вставку рисунков в html-документ.
2.Научились создавать закладки и гиперссылки. Лабораторная работа № 3. Создание и форматирование таблиц Цель работы:
Научиться использовать таблицы для оформления web-страниц.
Задание №1:
<table border="1" cellpadding="1" cellspacing="1" align ='CENTER' style="width: 50px; height: 50px;">
<caption>таблиц1</caption>
<thead>
<tr>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
</tr>
</thead>
<tbody>
<tr>
<td> </td>
<td> *</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<p> </p>
Задание № 2:
<table border="1" cellpadding="1" cellspacing="1" align ='CENTER' style="width: 50px; height: 50px;">
<caption>таблиц1</caption>
<thead>
<tr>
<TD BGCOLOR = «#FF0000»> </TD>
<th scope="col"> </th>
<TD BGCOLOR = «#FF0000»> </TD>
</tr>
</thead>
<tbody>
<tr>
<TD BGCOLOR = «#FF0000»> </TD>
<td> <IMG SRC='images.jpg'</td>
<TD BGCOLOR = «#FF0000»> </TD>
</tr>
<tr>
<TD BGCOLOR = «#FF0000»> </TD>
<td> </td>
<TD BGCOLOR = «#FF0000»> </TD>
</tr>
</tbody>
</table>
<p> </p>
Задание № 3:
<table border="1" cellpadding="0" style="width:100.0%;" width="100%">
<tbody>
<tr>
<td style="width:14.98%;">
<p align="center"><b>День недели</b></p>
</td>
<td style="width:13.42%;">
<p align="center"><b>Время</b></p>
</td>
<td style="width:28.24%;">
<p align="center"><b>Предмет</b></p>
</td>
<td style="width:28.24%;">
<p align="center"><b>Преподаватель</b></p>
</td>
<td style="width:13.22%;">
<p align="center"><b>Аудитория</b></p>
</td>
</tr>
<tr>
<td rowspan="3" style="width:14.98%;">
<p>Вторник</p>
</td>
<td style="width:13.42%;">
<p>8:30-10:05</p>
</td>
<td style="width:28.24%;">
<p>Математика (лек)</p>
</td>
<td style="width:28.24%;">
<p>доц. Иванов А.А.</p>
</td>
<td style="width:13.22%;">
<p>320</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>10:15-11:50</p>
</td>
<td style="width:28.24%;">
<p>Математика (пр)</p>
</td>
<td style="width:28.24%;">
<p>преп. Петрова И.А.</p>
</td>
<td style="width:13.22%;">
<p>302</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>12:30-14:05</p>
</td>
<td style="width:28.24%;">
<p>Физика (лаб)</p>
</td>
<td style="width:28.24%;">
<p>доц. Сидоров О.И.</p>
</td>
<td style="width:13.22%;">
<p>307</p>
</td>
</tr>
</tbody>
<td style="width:13.22%;">
<p align="center"><b>Аудитория</b></p>
</td>
</tr>
<tr>
<td rowspan="3" style="width:14.98%;">
<p>Понедельник</p>
</td>
<td style="width:13.42%;">
<p>8:30-10:05</p>
</td>
<td style="width:28.24%;">
<p>Математика (лек)</p>
</td>
<td style="width:28.24%;">
<p>доц. Иванов А.А.</p>
</td>
<td style="width:13.22%;">
<p>320</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>10:15-11:50</p>
</td>
<td style="width:28.24%;">
<p>Математика (пр)</p>
</td>
<td style="width:28.24%;">
<p>преп. Петрова И.А.</p>
</td>
<td style="width:13.22%;">
<p>302</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>12:30-14:05</p>
</td>
<td style="width:28.24%;">
<p>Физика (лаб)</p>
</td>
<td style="width:28.24%;">
<p>доц. Сидоров О.И.</p>
</td>
<td style="width:13.22%;">
<p>307</p>
</td>
</tr>
</tbody>
</table>
<p> </p>
<p align="center"><b>Преподаватель</b></p>
</td>
<td style="width:13.22%;">
<p align="center"><b>Аудитория</b></p>
</td>
</tr>
<tr>
<td rowspan="3" style="width:14.98%;">
<p>Пятница</p>
</td>
<td style="width:13.42%;">
<p>8:30-10:05</p>
</td>
<td style="width:28.24%;">
<p>Математика (лек)</p>
</td>
<td style="width:28.24%;">
<p>доц. Иванов А.А.</p>
</td>
<td style="width:13.22%;">
<p>320</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>10:15-11:50</p>
</td>
<td style="width:28.24%;">
<p>Математика (пр)</p>
</td>
<td style="width:28.24%;">
<p>преп. Петрова И.А.</p>
</td>
<td style="width:13.22%;">
<p>302</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>12:30-14:05</p>
</td>
<td style="width:28.24%;">
<p>Физика (лаб)</p>
</td>
<td style="width:28.24%;">
<p>доц. Сидоров О.И.</p>
</td>
<td style="width:13.22%;">
<p>307</p>
</td>
</tr>
</tbody>
</table>
<p> </p>
<table border="1" cellpadding="0" style="width:100.0%;" width="100%">
<tbody>
<tr>
<td style="width:14.98%;">
<p align="center"><b>День недели</b></p>
</td>
<td style="width:13.42%;">
<p align="center"><b>Время</b></p>
</td>
<td style="width:28.24%;">
<p align="center"><b>Предмет</b></p>
</td>
<td style="width:28.24%;">
<p align="center"><b>Преподаватель</b></p>
</td>
<td style="width:13.22%;">
<p align="center"><b>Аудитория</b></p>
</td>
</tr>
<tr>
<td rowspan="3" style="width:14.98%;">
<p>Понедельник</p>
</td>
<td style="width:13.42%;">
<p>8:30-10:05</p>
</td>
<td style="width:28.24%;">
<p>Математика (лек)</p>
</td>
<td style="width:28.24%;">
<p>доц. Иванов А.А.</p>
</td>
<td style="width:13.22%;">
<p>320</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>10:15-11:50</p>
</td>
<td style="width:28.24%;">
<p>Математика (пр)</p>
</td>
<td style="width:28.24%;">
<p>преп. Петрова И.А.</p>
</td>
<td style="width:13.22%;">
<p>302</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>12:30-14:05</p>
</td>
<td style="width:28.24%;">
<p>Физика (лаб)</p>
</td>
<td style="width:28.24%;">
<p>доц. Сидоров О.И.</p>
</td>
<td style="width:13.22%;">
<p>307</p>
</td>
</tr>
<tr>
<td rowspan="3" style="width:14.98%;">
<p>Вторник</p>
</td>
<td style="width:13.42%;">
<p>8:30-10:05</p>
</td>
<td style="width:28.24%;">
<p>История (лек)</p>
</td>
<td style="width:28.24%;">
<p>проф. Громова О.А.</p>
</td>
<td style="width:13.22%;">
<p>310</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>10:15-11:50</p>
</td>
<td style="width:28.24%;">
<p>История (сем)</p>
</td>
<td style="width:28.24%;">
<p>преп. Попов М.А.</p>
</td>
<td style="width:13.22%;">
<p>302</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>12:30-14:05</p>
</td>
<td style="width:28.24%;">
<p>Физика (лаб)</p>
</td>
<td style="width:28.24%;">
<p>доц. Сидоров О.И.</p>
</td>
<td style="width:13.22%;">
<p>307</p>
</td>
</tr>
<tr>
<td rowspan="3">
<p>Среда</p>
</td>
<td style="width:13.42%;">
<p>8:30-10:05</p>
</td>
<td style="width:28.24%;">
<p>История (лек)</p>
</td>
<td style="width:28.24%;">
<p>проф. Громова О.А.</p>
</td>
<td style="width:13.22%;">
<p>310</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>10:15-11:50</p>
</td>
<td style="width:28.24%;">
<p>История (сем)</p>
</td>
<td style="width:28.24%;">
<p>преп. Попов М.А.</p>
</td>
<td style="width:13.22%;">
<p>302</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>12:30-14:05</p>
</td>
<td style="width:28.24%;">
<p>Физика (лаб)</p>
</td>
<td style="width:28.24%;">
<p>доц. Сидоров О.И.</p>
</td>
<td style="width:13.22%;">
<p>307</p>
</td>
</tr>
<tr>
<td rowspan="3">
<p>Четверг</p>
</td>
<td style="width:13.42%;">
<p>8:30-10:05</p>
</td>
<td style="width:28.24%;">
<p>История (лек)</p>
</td>
<td style="width:28.24%;">
<p>проф. Громова О.А.</p>
</td>
<td style="width:13.22%;">
<p>310</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>10:15-11:50</p>
</td>
<td style="width:28.24%;">
<p>История (сем)</p>
</td>
<td style="width:28.24%;">
<p>преп. Попов М.А.</p>
</td>
<td style="width:13.22%;">
<p>302</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>12:30-14:05</p>
</td>
<td style="width:28.24%;">
<p>Физика (лаб)</p>
</td>
<td style="width:28.24%;">
<p>доц. Сидоров О.И.</p>
</td>
<td style="width:13.22%;">
<p>307</p>
</td>
</tr>
<tr>
<td rowspan="3">
<p>Пятница</p>
</td>
<td style="width:13.42%;">
<p>8:30-10:05</p>
</td>
<td style="width:28.24%;">
<p>История (лек)</p>
</td>
<td style="width:28.24%;">
<p>проф. Громова О.А.</p>
</td>
<td style="width:13.22%;">
<p>310</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>10:15-11:50</p>
</td>
<td style="width:28.24%;">
<p>История (сем)</p>
</td>
<td style="width:28.24%;">
<p>преп. Попов М.А.</p>
</td>
<td style="width:13.22%;">
<p>302</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>12:30-14:05</p>
</td>
<td style="width:28.24%;">
<p>Физика (лаб)</p>
</td>
<td style="width:28.24%;">
<p>доц. Сидоров О.И.</p>
</td>
<td style="width:13.22%;">
<p>307</p>
</td>
</tr>
<tr>
<td rowspan="3">
<p>Суббота</p>
</td>
<td style="width:13.42%;">
<p>8:30-10:05</p>
</td>
<td style="width:28.24%;">
<p>История (лек)</p>
</td>
<td style="width:28.24%;">
<p>проф. Громова О.А.</p>
</td>
<td style="width:13.22%;">
<p>310</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>10:15-11:50</p>
</td>
<td style="width:28.24%;">
<p>История (сем)</p>
</td>
<td style="width:28.24%;">
<p>преп. Попов М.А.</p>
</td>
<td style="width:13.22%;">
<p>302</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>12:30-14:05</p>
</td>
<td style="width:28.24%;">
<p>Физика (лаб)</p>
</td>
<td style="width:28.24%;">
<p>доц. Сидоров О.И.</p>
</td>
<td style="width:13.22%;">
<p>307</p>
</td>
</tr>
</tbody>
</table>
<p> </p>
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
<tbody>
<tr>
<td><a href="Понедельник.html">Понедельник</a></td>
<td><a href="Вторник.html">Вторник</a></td>
<td><a href="Среда.html">Среда</a></td>
<td><a href="Четверг.html">Четверг</a></td>
<td><a href="Пятница.html">Пятница</a></td>
<td><a href="Суббота.html">Суббота</a></td>
</tr>
</tbody>
</table>
<p> </p>
<td rowspan="3" style="width:14.98%;">
<p>Среда</p>
</td>
<td style="width:13.42%;">
<p>8:30-10:05</p>
</td>
<td style="width:28.24%;">
<p>Математика (лек)</p>
</td>
<td style="width:28.24%;">
<p>доц. Иванов А.А.</p>
</td>
<td style="width:13.22%;">
<p>320</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>10:15-11:50</p>
</td>
<td style="width:28.24%;">
<p>Математика (пр)</p>
</td>
<td style="width:28.24%;">
<p>преп. Петрова И.А.</p>
</td>
<td style="width:13.22%;">
<p>302</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>12:30-14:05</p>
</td>
<td style="width:28.24%;">
<p>Физика (лаб)</p>
</td>
<td style="width:28.24%;">
<p>доц. Сидоров О.И.</p>
</td>
<td style="width:13.22%;">
<p>307</p>
</td>
</tr>
</tbody>
</table>
<p> </p>
</td>
<td style="width:28.24%;">
<p align="center"><b>Предмет</b></p>
</td>
<td style="width:28.24%;">
<p align="center"><b>Преподаватель</b></p>
</td>
<td style="width:13.22%;">
<p align="center"><b>Аудитория</b></p>
</td>
</tr>
<tr>
<td rowspan="3" style="width:14.98%;">
<p>Суббота</p>
</td>
<td style="width:13.42%;">
<p>8:30-10:05</p>
</td>
<td style="width:28.24%;">
<p>Математика (лек)</p>
</td>
<td style="width:28.24%;">
<p>доц. Иванов А.А.</p>
</td>
<td style="width:13.22%;">
<p>320</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>10:15-11:50</p>
</td>
<td style="width:28.24%;">
<p>Математика (пр)</p>
</td>
<td style="width:28.24%;">
<p>преп. Петрова И.А.</p>
</td>
<td style="width:13.22%;">
<p>302</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>12:30-14:05</p>
</td>
<td style="width:28.24%;">
<p>Физика (лаб)</p>
</td>
<td style="width:28.24%;">
<p>доц. Сидоров О.И.</p>
</td>
<td style="width:13.22%;">
<p>307</p>
</td>
</tr>
</tbody>
</table>
<p> </p>
<p>Четверг</p>
</td>
<td style="width:13.42%;">
<p>8:30-10:05</p>
</td>
<td style="width:28.24%;">
<p>Математика (лек)</p>
</td>
<td style="width:28.24%;">
<p>доц. Иванов А.А.</p>
</td>
<td style="width:13.22%;">
<p>320</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>10:15-11:50</p>
</td>
<td style="width:28.24%;">
<p>Математика (пр)</p>
</td>
<td style="width:28.24%;">
<p>преп. Петрова И.А.</p>
</td>
<td style="width:13.22%;">
<p>302</p>
</td>
</tr>
<tr>
<td style="width:13.42%;">
<p>12:30-14:05</p>
</td>
<td style="width:28.24%;">
<p>Физика (лаб)</p>
</td>
<td style="width:28.24%;">
<p>доц. Сидоров О.И.</p>
</td>
<td style="width:13.22%;">
<p>307</p>
</td>
</tr>
</tbody>
</table>
<p> </p>
Вывод:
За время выполнения задания:
Научились использовать таблицы для оформления WEB-страниц