Вы находитесь на странице: 1из 3

списка –„Промышленные товары”, уровень заголовка – 3,

в качестве маркера элементов используются буквы.


Создайте Web-страницу, выводящую упорядоченный
список кулинарных продуктов. Список должен преры-
ваться следующим курсивным текстом:„Эти кулинарные
продукты мне нравятся, а ниже следуют продукты,
которые мне не нравятся:”. Заголовок списка должен
быть уровня 4, синего цвета.
Создайте документ HTML выводящий Web-страницу,
изображенную на рисунке 12.8.
Создайте Web-страницу, выводящую определения 5 гео-
метрических понятий, следующих после заголовка
„Геометрические понятия” уровня 3, серого цвета, вы-
ровненного по правой границе и отделенного от самих
понятий горизонтальной линией черного цвета, толщи-
ной 3, выровненной по центру. Рис. 12.8

12.4. Ссылки
В параграфе 12.1 было отмечено, что ссылки (называемые иногда связями, гипер-
ссылками или линками (link)) представляют собой, пожалуй, самую важную характе-
ристику языка HTML. С помощью ссылок можно очень быстро попасть на другой
фрагмент текущего документа или на другой документ (на том же или другом сер-
вере). Ссылки – это активные зоны Web-страницы, в том смысле, что при нажатии
на них программа навигации обновляет страницу.
• Для выделения ссылки используются тэги <A> (от „ancor” - якорь) и </A>. Атри-
бут href тэга <A> обязателен. Значением этого атрибута является имя файла HTML,
с которым устанавливается связь. Записывается это имя между символами ” и ”.
Текст или изображение, заключенные между тэгами <A> и </A>, являются актив-
ными зонами.
Так, ссылка, объявленная следующим образом:
<A href=URL> текст или изображение</A>,
где URL (Uniform Resourse Locator – уникальный идентификатор источника) является
именем файла-назначения.
Замечание: В данном параграфе рассмотрим только ссылки, активными зонами
которых являются тексты.
Вообще говоря, ссылка может:
– связывать текущий документ с документом из той же папки;
– связывать текущий документ с документом на том же локальном диске;
– связывать текущий документ с другим сайтом;
– связывать текущий документ с другой областью того же документа;
– связывать текущий документ с некоторой областью другого документа;
– запускать на выполнение приложение рассылки электронных сообщений;
– связывать текущий документ с некоторым файлом произвольного формата, с
целью создания на диске копии этого файла.
a) Если документ, на который указывает ссылка, находится в той же папке, то
URL является его именем.
132
b) Если документ, на который указывает ссылка, находится на том же локальном
диске, но в другой папке, то используется относительный адрес.
c) Если документ, на который указывает ссылка, представляет собой другой сайт,
то указывается его адрес, записанный между символами ” и ”.
Пример 1 (рис. 12.9):
Представим содержание файла exemplul4.html,
включающего ссылки на:
• файл exemplul1.html (находящийся в той же
директории);
• файл exemplul2.html (находящийся в
субдиректории EXEMPLE текущей директории);
• файл exemplul3.html (находящийся в
директории MAPA, следовательно, на иерар-
хически более высоком уровне);
• сайт Тираспольского государственного
университета: http://www.ust.md.

<HTML>
<Head> <Title> Ссылки</Title> </Head>
<Body>
<H4> <a href = ”exemplul1.html”> Переход к примеру 1 </a>
<p> <a href = ”EXEMPLE/exemplul2.html”> Переход к примеру 2 </a> </p>
<p> <a href = ”../exemplul3.html”> Переход к примеру 3 </a> </p>
<p> <a href = ”http://www.ust.md”> Тираспольский государственный
университет </a> </p>
</H4>
</Body>
</HTML>

d) Ссылка на некоторый фрагмент текущего документа называется именованным


анкером. В этом случае URL это имя, присвоенное фрагменту текста, которое
записывается после символа #. Для присвоения имени фрагменту текста
необходимо создать анкер следующим образом:

Рис. 12.9 Рис. 12.10 Рис. 12.11

133
<A name = имя фрагмента> </A>, где имя фрагмента – это последовательность
символов, записанная между ” и ”.
e) URL фрагмента из другого документа состоит из имени файла, содержащего
этот документ, и имени фрагмента, записанного после символа #.
Например, URL фрагмента с именем capitolul2 файла exemplul1.html из текущего
каталога выглядит так: ”exemplul1.html#capitolul2”.
Пример 2 (рис. 12.10):
<HTML>
<Head> <Title> Ссылки</Title> </Head>
<Body>
<H2>
<a name=”начало”></a>
<P>A</P> <P>fost</P> <P>odata</P> <P>ca-n</P> <P>povesti</P>
<P>A</P> <P>fost</P> <P>ca</P> <P>niciodata</P>
<P>Din</P> <P>rude</P> <P>mari</P> <P>imparatesti</P>
<P>O</P> <P>prea</P> <P>frumoasa</P> <P>fata</P>
<a href=”#начало”> Переход на начало </a>
</H2>
</Body>
</HTML>

f) Для запуска на выполнение некоторого приложения, для рассылки электрон-


ных сообщений (предполагается, что такое приложение установлено на ком-
пьютере пользователя), применяется следующий анкер:
<A href = ”mailto: допустимый адрес e-mail”>.
g) Для создания ссылки на файл произвольного типа, с целью создания его копии
на диске или для запуска приложения, его интерпретирующего, используется
следующий анкер:
<A href=URL> текст</A>,
где URL – имя файла, а текст – активная зона.
Замечание: Тэгу <A> можно задать атрибут title, используемый для предостав-
ления дополнительной информации о данной ссылке в момент, когда указатель
мыши располагается над активной зоной. Значение атрибута title записывается
в кавычках ” и ”.
Пример 3 (рис. 12.11):
<HTML>
<Head> <Title> Ссылки</Title>
<H2>Пример 3</H2>
</Head>
<Body>
<a href=mailto: delta_mi@mail.md> Почтовый ящик журнала Delta </a>
<p><a href=”exemplul6.doc” title=”Сохранение на диске файла
exemplul6.doc ”> Сохранить exemplul6.doc </p> </a>
</Body>
</HTML>

134

Вам также может понравиться