Гипертекстовые ссылки и якоря

Для создания гиперссылок используются теги <A> и </A>. Обязательным является атрибут HREF=. Его значением является адрес URL, на который указывает ссылка. Текст ссылки записывается между тегами <A> и </A>. При просмотре документа в браузере, текст ссылки обычно подчёркивается и отображается синим цветом. Щелчок по ссылке обеспечивает переход по ссылке, заданной адресом URL.

Если Web-страница, на которую указывает ссылка, располагается на другом Web-узле, то значением атрибута HREF= должен быть полный адрес URL документа, включая название протокола и Web-узла. Такие ссылки называют внешними.

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

Гипертекстовые ссылки могут указывать на определённое место внутри страницы. Нужное место документа отмечается якорем. Якорь использует теги <A> и </A>, но вместо атрибута HREF= для него обязательным является атрибут NAME=. Значением этого атрибута является имя якоря. Оно может состоять только из латинских букв и цифр и не должно содержать пробелов.

Для ссылки на установленный якорь надо указать имя якоря в конце адреса URL после имени документа, отделив его символом #.

Пример 3

<html>

<head>

<title>Ссылки и якоря</title>

</head>

<body>

Новые версии операционной системы и самые свежие драйверы можно найти на Web-узле компнии

<a href="http://www.microsoft.com">Microsoft</a>

<p>А теперь можно перейти к <a href="my.htm">моей личной странице.</a>

<p>О том как связаться с автором, рассказано в <a href="#adress">конце этой страницы.</a>

Здесь располагается основное содержание страницы.<br>

<a name="adress">Адрес электронной почты</a>

</body>

</html>

Рисунки на Web-страницах

Рисунки хранятся в отдельных файлах вне документа HTML. Для размещения рисунков в документе используется одиночный тег <IMG>. Этот тег имеет обязательный атрибут SRC=, значением которого является адрес URL файла изображения, записанный в абсолютной или относительной форме. При просмотре документа браузером рисунок отображается в том месте документа, где расположен тег <IMG>.

По умолчанию браузер отображает рисунок используя его реальные размеры. При необходимости размеры рисунка можно изменить с помощью атрибутов WIDTH и HEIGHT,. значения которых определяют ширину и высоту изображения в пикселях. Браузер использует параметры WIDTH и HEIGHT для определения места рисунка ещё до того, он загружен, поэтому целесообразно использовать эти атрибуты всегда.

Рисунок является текстовым элементом, находящимся внутри какого-либо абзаца. Чтобы рисунок отображался независимо от текста, его включают в отдельный абзац.

Положение изображения, встраиваемого в строку, определяется значением атрибута ALIGN:

• BOTTOM совмещает нижнюю границу изображения с основанием текстовой строки;

• MIDDLE совмещает середину изображения с серединой текстовой строки;

• TOP выравнивает изображение по верхнему срезу текстовой строки.

Для получения изображения, обтекаемого текстом, тег <IMG> записывают в начале абзаца и используют ALIGN=”LEFT” или ALIGN=”RIGHT”. В этом случае рисунок размещается у левой или правой границы окна, а текст выводится рядом на свободном поле. Обычно в режиме обтекания между текстом и рисунком оставляют промежуток. Величина промежутка (в пикселях) определяется по горизонтали значением атрибута HSPACE, а по вертикали – атрибутом VSPACE.

В теге <IMG> с помощью атрибута ALT= задаётся альтернативный текст, содержащий описание изображения. Если браузер по той или иной причине не отображает рисунок, то вместо него выводится альтернативный текст.

Изображение, как и текст, можно использовать в качестве ссылки. Для этого тег <IMG> должен быть помещён между тегами <A> и </A>. Рисунок-ссылка отображается в синей рамке.

Пример 4

<html>

<head>

<title>Изображения разного размера</title>

</head>

<body>

<img src="1153.JPG" width="602" height="480" border="1" alt="Калькулятор">

<img src="1153.JPG" width="200" height="480" border="1" alt="Калькулятор">

</body>

</html>

Пример4.2

<html>

<head>

<title>Пример обтекания рисунка</title>

</head>

<body>

<p><img src="753df.gif" width="165" height="163" hspace="10" vspace="5" align="right" alt="Монитор753df">

Теперь любой производитель считает своим долгом в любой новой модели включить поддержку этого стандарта. Шина USB отнюдь не предназначена для передачи видеосигнала. Она предназначена только для передачи информации о конфигурации монитора, режимах работы, его настройках. Так, если монитор помнит только ограниченное количество настроек видеорежимов (обычно не больше 10-15) то применение USB может позволить запоминать сколь угодно настроек, так как их будет запоминать не монитор, а ваш компьютер. Так что кроме кабеля USB вам все равно понадобиться обычный и привычный видеокабель.

</p>

</body>

</html>