Лабораторная работа № 3
Тема: Создание гиперссылок.
Цель: Научиться создавать гиперссылки в веб-документах.
Оборудование и программное обеспечение:
ü Персональный компьютер IBM PC/AT.
ü Операционная система Windows 95/98/NT/2000/2003/XP
Ход работы:
1. Изучили теоретическую часть.
2. Создали в отдельной папке документ chart.html с заголовком «Расписание занятий». Основная часть документа организована как таблица, состоящая из 2 колонок. В левой колонке располагается список дней недели, а в правой колонке — расписание занятий в виде нумерованных списков. Создали ссылки, позволяющие перейти от дня недели к расписанию на этот день. Добавили к ссылкам всплывающие подсказки.
Код программы:
<HEAD>
<TITLE>Расписание занятий</TITLE> </HEAD>
<BODY>
<TABLE>
<tr> <td> <ul> <li><a href="#1" title="первый день недели (дисциплины не чередуются)">Понедельник</a>
<li TYPE=circle><a href="#2" title="второй день недели (обратите внимание!)">Вторник</a>
<li><a href="#3" title="третий день недели (дисциплины не чередуются)">Среда</a>
<li TYPE=circle><a href="#4" title="четвёртый день недели (обратите внимание!)">Четверг</a>
<li><a href="#5" title="пятый день недели (обратите внимание!)">Пятница</a>
<li TYPE=circle><a href="#6" title="ну наконец - то завтра выходной!">Субота</a>
</ul></td>
<td> <ol><a name="1"><font size="6"><p align="center">Понедельник</p></font>
<li> ——— </li>
<li> Проектирование ЛВС</li>
<li> Метрология</li>
<li> БЖД</li></a></ol>
</td></tr>
<tr><td><td> <font size="6"><p align="center"><ol><a name="1">Вторник</p></font>
<li><a href="#1" title="в зависимости от того какая сейчас неделя (1 или 2)">РСОИ или ——— </a></li>
<li>РЭИС</li>
<li>Автоматизированные ИС</li>
<li>Английский язык</li><a/></ol>
</td><tr> <tr><td><td> <font size="6"><p align="center"><ol><a name="3">Среда</p></font>
<li>Проектирование ЛВС</li>
<li>Автоматизированные ИС</li>
<li>Компьютерная графика</li></a></ol>
</td></tr>
<tr><td><td> <font size="6"><p align="center"><ol><a name="4">Четверг</p></font>
<li>БЖД</li>
<li><a href="#1" title="в зависимости от того какая сейчас неделя (1 или 2)">Метрология или Компьютерная графика </a></li>
<li>РСОИ</li>
</a></ol>
</td></tr>
<tr><td><td> <font size="6"><p align="center"><ol><a name="5">Пятница</p></font>
<li>А и ЦСТ</li>
<li>РСОИ</li>
<li>Автоматизированные ИС
<li><a href="#1" title="в зависимости от того какая сейчас неделя (1 или 2)"> ——— или
БЖД</a></li> </li></a></ol>
</td></tr>
<tr><td><td> <font size="6"><p align="center"><ol><a name="6">Суббота</p></font>
<li>А и ЦСТ</li>
<li>Физкультура</li></a></ol>
Уважаемый посетитель!
Чтобы распечатать файл, скачайте его (в формате Word).
Ссылка на скачивание - внизу страницы.