| |
му краю Web-страницы. Для того чтобы изменить выравнивание по
умолчанию и, таким образом, изменить горизонтальное положение объекта на
строке или группе строк, применяется дескриптор . Начальный и конеч-
ный дескрипторы выравнивания по центру () дают Web-брау-
зеру указание отцентрировать изображение и текст, заключенные между дескрип-
торами, между левым й правым полями Web-страницы, как показано на рис. 1.17:
||НГГР404Нвнайде ;tosoft Internet Explore
: .ейл
• .дрес|.]
Зрввка. 0ид ^збрвнное Сервис .лрввке
hfip//html-webdesign/Chepter01/FigureO1-17htm
Показанные цветы - это дикорастущие растения равнин Канзаса
о
Рис. 1.17. Начальный и конечный дескрипторы выравнивания по центру дают
Web-браузеру указание отобразить графический и текстовый элементы
по центру между левым и правым полями Web-страницы
IIpMMep размещения текста и графики</Ъ1Ъ1е> • '
</head> s
<body>
<center><img src="flower.jpg"
<р>Покаэанные цветы - это дикорастущие растения равнин Канзас,а</р>
</oenter>
</body>
</html>
Добавление гипертекстовых ссылок
Web-страницам свойственно определенное преимущество перед бумажными
документами: Web-страницы, в отличие от документов, могут содержать гипер-
текстовые ссылки на другие страницы, расположенные либо на том же Web-сай-
те, либо на других сайтах. Вместо того чтобы переворачивать страницы, как при
чтении книги, посетители сайта щелкают на гипертекстовых ссылках, чтобы пе-
рейти со страницы на страницу (или с сайта на сайт). Гипертекстовая ссылка
{hypertext link) — это одно слово или группа слов, щелкнув на которых, посети-
тель дает Web-браузеру указание "принести" Web-страницу (или иной файл) из
конкретного Web-сервера.
60 Глава 1. Основы языка HTML
Посетитель сайта обычно видит гипертекстовую ссылку как подчеркнутый
текст. Как правило, Web-браузер использует один цвет (например, синий) для
отображения гиперссылок на страницы, еще не посещенные пользователем, и
другой цвет (например, пурпурный) для ссылок на страницы, недавно извлечен-
ные браузером.
ПРАКТИКУМ
Чтобы создать гипертекстовую ссылку, поместите начальный и конечный дескрип-
торы привязки (<ах/а>) вокруг текста, на котором посетитель должен щелкнуть
для активизации ссылки. {Гипертекст — это текст между начальным и конечным
дескрипторами привязки.) Затем установите атрибут href в дескрипторе <а> рав-
ным пути и имени файла, который должен будет извлечь браузер, когда посети-
тель щелкнет на ссылке. Например, слова "Щелкните здесь, чтобы перейти на сле-
дующую страницу." в следующем HTML-операторе — это "гипертекст" в
гипертекстовой ссылке; браузер подчеркнет его на странице:
<а href="info.htm"МЦелкните здесь, чтобы перейти на следующую
страницу.</а>
Когда посетитель щелкнет на подчеркнутых словах (или где-то между ними),
Web-браузер загрузит Web-страницу, сохраненную в файле info.htm. Обратите
внимание, что атрибут href помещается внутри дескриптора <а>, а сам гипер-
текст — вне дескриптора <а> между начальным и конечным дескрипторами при-
вязки (<аХ/а>).
Чтобы создать гиперссылку на Web-страницу, которая расположена на другом
Web-сайте, наряду с именем файла Web-страницы в атрибут href потребуется вклю-
чить и URL-адрес сайта. Например, нижеприведенный код создает гипертекстовую
ссылку на главную страницу (то есть домашнюю страницу) сайта www.anywhere.com:
<а href="http://www.anywhere.com/index.пЪт1">Щелкните здесь, чтобы
перейти на Anywhere.com</a>
Когда посетитель щелкнет внутри надписи "Щелкните здесь, чтобы перейти
на Anywhere.com" (то есть в какой-либо части текста гиперссылки), Web-браузер
извлечет (и отобразит) документ главной страницы (index.html) с Web-сайта
www.anywhere.com. Таким обраЗОМ, В ЭТОМ примере Значение атрибута href
(href="http://www. anywhere . com/index. html") СОЗДаетгипертекстовую ССЫЛКУ
между Web-страницей на вашем сайте и документом index.html (главной стра-
ницей) на Web-сайте www.anywhere.com. Обратите внимание, что можно также
создать гиперссылку на главную страницу Web-сайта, указав в атрибуте href
только URL-адрес сайта (б</pre>
</td>
<td align="left" class="row2s" width="5%"> </td>
</tr>
<tr><td class="row3" align="left" width="5%"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.30.html"><img border="0" src="/tpl/l.gif" alt="<<-"></a></td><td class="row3s" align="center" width="20%" valign="middle"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.full.html">[Весь Текст]</a></td><td class="row3s" align="center" width="70%" valign="middle"><br><form action="" method="get">Страница: <input type="text" size="4" name="pg" value="32"> из 389 <input type="submit" value="Открыть"></form></td><td class="row3s" align="center" width="20%" valign="middle"> </td><td class="row3" align="right" width="5%"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.32.html"><img border="0" src="/tpl/r.gif" alt="<<-"></a></td></tr></table>
</body>
</html>
|
