30. Опишите теги создания гиперссылки в html и вставки рисунка.

Гипертекст в отличие от обык­новенного текста, который можно читать только от начала к концу, позво­ляет осуществлять мгновенный переход от одного фрагмента текста к дру­гому. При нажатии левой кнопкой мыши на некоторый выделенный фраг­мент текущего документа (гиперссылку) происходит переход к заранее на­значенному документу или фрагменту документа.

В HTML переход от одного фрагмента текста к другому задается с помощью тега:

<а href="[адрес перехода]">выделенный фрагмент текста </а>

В качестве параметра [адрес перехода] может использоваться несколько типов аргументов. Самое простое - это задать имя другого HTML-документа, к которому нужно перейти.

Например: <а href="pr .Ьт;т">Перейти к оглавлению</а>

Такой фрагмент HTML-текста приведет к появлению в документе вы­деленного фрагмента "Перейти к оглавлению", при нажатии на который в текущее окно будет загружен документ pr. htm.

На практике, однако, часто бывает необходимо дать ссылку на доку­мент, находящийся на другом сервере. Например, если вы хотите дать ссылку на это руководство со своей странички, вам придется ввести в свой HTML-документ примерно такой фрагмент:

<а href="http://www.ns2.ripo.unibel.by/home/pr.htm"> Практическое руководство по HTML </a>

При необходимости можно задать переход не только к некоторому до­кументу, но и к определенному месту внутри этого документа. Для этого необходимо создать в документе, к которому будет задан переход, некото­рую опорную точку, называемую меткой или анкером. Разберем это на примере.

Допустим, что необходимо осуществить переход из файла 1. htm по щелчку на фразе "Переход к анкеру" к словам "Переход закончен" в файле 2. htm (файлы находятся в одном каталоге). Прежде всего, необходимо создать вот такой анкер в файле 2 . htm:

<а пате="ААА">Переход закончен</а>

Фрагменту "Переход закончен" присваивается имя "AAA", при этом он никак не будет выделен в тексте документа.

Затем в файле 1. htm (или в любом другом) можно определить пере­ход на этот анкер:

<а href="2 .htm#AAA">IIepexofl к анкеру ААА</а>

Кстати говоря, переход к этому анкеру можно определить и внутри самого документа 2 . htm - достаточно только включить в него вот такой фрагмент:

<а href="#AAA">nepexofl к анкеру ААА</а>

Для отображения рисунков предназначен непарный тег <img>. Его неотъемлемым атрибутом является имя графического файла <img src=”имя_файла”>. Веб-страницы и файлы с изображениями могут хранится в разных папках, тогда в атрибуте src тега <img> необходимо указать путь. Указание путей обязательно для ссылок на все объекты, например, на другие страницы, аудио и видео фрагменты.

Тег <img> может содержать и другие атрибуты, которые определяют способ отображения рисунка.

Высоту и ширину отображаемого на экране рисунка в пикселях можно задать значениями атрибутов height и width, соответственно, а толщину рамки вокруг изображения - значением атрибута border. По умолчанию рамки нет, т.е. border=”0”. Указание размеров позволяет увеличить или уменьшить видимое на экране изображение (при этом исходный рисунок и файл, в котором он хранится, остаются неизменными). Если размеры не заданы, то по мере загрузки рисунка может измениться расположение текста и других объектов на экране. Чтобы этого не происходило, полезно всегда указывать эти атрибуты, даже если изображение не масштабируется. Значения атрибута align задают выравнивание текста относительно рисунка (top по верхнему краю; middle по середине; bottom по нижнему краю) или способ обтекания текстом (рисунок слева left или справа right от текста). С помощью атрибута alt можно задать текст сообщения, которое будет выводиться вместо рисунка, если он не найден или показ отключен в браузере. Кроме того, этот текст появляется в виде подсказки при подведении курсора мыши к рисунку.