Мова HTML дозволяє організувати посилання з будь якої частини документу. Для створення посилання використовується парний тег <A> з обов’язковим атрибутом HREF=, наприклад, <a href="інформатика.html">. Посиланням може бути текст, таблиця, рисунок. Елементи тексту, які мають гіпертекстові посилання у вікні браузера виділяються кольором та підкресленням. Завантаження матеріалу, на який указує посилання, здійснюється після клацання мишею по посиланню.
Приклад 6. Створення гіпертекстових посилань. Створити Web-сторінку з текстом про те, які дисципліни вивчають студенти першого курсу спеціальності "Облік і аудит" (наприклад, філософія, економічна інформатика, вища математика, історія економічних вчень). За допомогою гіпертекстового посилання вивести у вікно браузера визначення кожної дисципліни При зберіганні файлів всіх документів задавати імена, що не містять пробілів
Спочатку створити сторінки (підпорядковані), які містять текст з визначенням дисциплін та рядок "Повернення до головної сторінки", який містить гіперпосилання. Зберегти з ім’ям Інформатика.html.
|
|
<html>
<head>
<title>Економічна інформатика</title>
</head>
<body>
<p > <font size=+2>Економічною інформатикою називається наука, яка вивчає методи автоматизованої обробки економічної інформації за допомогою засобів обчислювальної та організаційної техніки. </font>
<p> <font=+1><a href="Гіпертекстові_посилання.html"> Повернення до головної сторінки </a>
</font>
</body>
</html>
Аналогічно створити сторінки з визначенням дисциплін Філософія, Вища математика, Історія економічних вчень. Зберігати у файлах, імена яких не містять пробілів, наприклад Вища_математика.html
Потім створити основну (головну) сторінку з переліком навчальних дисциплін. Зберегти з ім’ям Гіпертекстові_посилання.html.
<html>
<head>
<title>Гіпертекстві посилання</title>
<body>
<p > <font size=+2>На першому курсі студенти спеціальності "Облік і аудит" вивчають такі дисципліни:
<p><a href=Філософія.html>філософія </a>,
<p><a href=Вища_математика.html> вища математика</a>,
<p> <a href=Інформатика.html>економічна інформатика </a>,
<p><a href=Історія_вчень.html> історія економічних вчень</a>
</font>
</body>
</head>
</html>