Информатика и выч. техника \ Распределенные системы обработки информации

Создание гиперссылок в веб-документах. Добавление к ссылкам всплывающих подсказок. Ссылка на персональный электронный адрес

Страницы работы

Уважаемые коллеги! Предлагаем вам разработку программного обеспечения под ключ.

Опытные программисты сделают для вас мобильное приложение, нейронную сеть, систему искусственного интеллекта, SaaS-сервис, производственную систему, внедрят или разработают ERP/CRM, запустят стартап.

Сферы - промышленность, ритейл, производственные компании, стартапы, финансы и другие направления.

Языки программирования: Java, PHP, Ruby, C++, .NET, Python, Go, Kotlin, Swift, React Native, Flutter и многие другие.

Всегда на связи. Соблюдаем сроки. Предложим адекватную конкурентную цену.

Заходите к нам на сайт и пишите, с удовольствием вам во всем поможем.

Содержание работы

Министерство образования Российской Федерации

Государственное образовательное учреждение

среднего профессионального образования

«Аэрокосмический колледж»

Отчет по лабораторной работе №3

по дисциплине:

«Распределенные системы обработки информации»

Создание гиперссылок.

230103 Автоматизированные системы обработки информации и управления

Выполнили:

Проверила:

2010 г.

Лабораторная работа № 3

Тема: Создание гиперссылок.

Цель: Научиться создавать гиперссылки в веб-документах.

Практическая часть.

1. Изучили теоретическую часть.

2. Создали в отдельной папке документ chart.html с заголовком «Расписание занятий». Основная часть документа организована как таблица, состоящая из 2 колонок. В левой колонке располагается список дней недели, а в правой колонке — расписание занятий группы в виде нумерованных списков по дням недели. Создали ссылки, позволяющие перейти от дня недели к расписанию на этот день. Добавили к ссылкам всплывающие подсказки.

<html>

<head><title> Рсписание </title></head>

<body>

<table>

<tr><td width=”30%”>День недели</td><td>Расписание</td></tr>

<a href=”#a1”>Понедельник</a>

<a href=”#a2”>Вторник</a>

<a href=”#a3”>Среда</a>

<a href=”#a4”>Четверг</a>

<a href=”#a5”>Пятница</a>

<a href=”#a6”>Суббота</a>

<a href=”#a1”>Начало</a></td>

<td><ol><a name=”a1”><li> - <li> ЛВС <li> Метрология <li> БЖД </ol></a>

<ol><li><a name=”a2”> РСОИ <li> РАИС <li> АИС <li> Английский</ol></a>

<ol><li><a name=”a5”> АиЦСТ <li> АИС <li> КГ </ol></a>

<ol><li><a name=”a6”> АиЦСТ <li> Физ-ра </ol></td></tr></a>

</table>

<a href=”links.html”> Мои ссылкы </a>

</body>

</html>

3. Создали документ links.html с заголовком «Мои ссылки» и сохранили его в той же папке, что и документ chart.html. Добавили в links.html перечень ссылок (в виде маркированных списков) на различные ресурсы Интернет (например, почтовая служба http://www.mail.ru/; поисковые серверы Яndex и Rambler; и т.д.) Всего 8 ссылок. При щелчке по ним ссылки открываться в новом окне.

4. В конце документа links.html вставили ссылку «К расписанию занятий» на документ chart.html, которая будет открываться в текущем окне. Добавили в документ chart.html строку вида «Мои ссылки», адресующую документ links.html. Документ links.html открываться в новом окне.

5. В документе links.html сделали ссылку на свой электронный адрес.

<html>

<head><title> Мои ссылки </title></head>

<body>

<ul>

<li><a target=”_blank” title=”Поисковая система” href=”http://ya.ru”> Яндекс.Ru </a>

<li><a target=”_blank” title=”Сайт с уроками граф. Редакторов” href=”http://demiart.ru”> demiart.ru </a>

<li><a target=”_blank” title=”Социальная сеть” href=”http://Vkontakte.ru”> vkontakte.ru </a>

<li><a target=”_blank” title=”Поисковая система” href=”http://Rambler.ru”> Rambler.Ru </a>

<li><a target=”_blank” title=”Электронная энциклопедия” href=”http://ru.wikipedia.org”> ru.wikipedia.org </a>

<li><a target=”_blank” title=”Сайт СибГАУ” href=”http://sibsau.ru”> sibsau.ru </a>

<li><a target=”_blank” title=”Сайт БЭСТ-ПРО” href=”http://bestnet.ru”> BestNet.ru </a>

<li><a target=”_blank” title=”Оффициальный сайт co. Mictosoft” href=”http://microsoft.com”> Microsoft.com </a>

</ul>

<a href=”chart.html”> Расписание </a>

</body>

</html>

Контрольные вопросы

1. Какие объекты на HTML-странице могут иметь ссылку?

Гиперссылки обеспечивают связь между различными HTML-документами. В качестве гиперссылки может выступать любой фрагмент видимого содержимого Web-страницы, т. Е. и текст, и графические изображения.

2. Какие теги используются для вставки гиперссылки?

Для создания гиперссылки используется пара тегов <А> и </А>.

3. Какой параметр определяет адрес ссылки?

Тег <А> обязательно должен использоваться совместно с атрибутом HREF. В качестве значения которого используется URL-адрес того Интернет-ресурса, на который и указывает создаваемая гиперссылка.

4. Для чего применяется тег <BASE>?

При помощи тега <BASE> можно эадать основание для гиперссылок с укороченными значениями параметра href.

5. Как организовать переход к разным разделам внутри страницы?

Локальные (внутренние) ссылки адресуют некоторые ресурсы, расположенные на текущей странице. И имеют вид < А HREF =»#закладка»>якорь ссылки</А>.

Вывод: Научились создавать гиперссылки в веб-документах.