5. Сопровождение рисунка текстом

Параметр alt тега <IMG> позволяет выводить текст в качестве контекстной подсказки в тех местах, где должны располагаться рисунки, в момент их продолжительной загрузки, а также в момент наведения курсора мыши на рисунок. Значением параметра alt является тот самый текст, который необходимо увидеть (рис.10). Например:

<IMG src=natur134.jpg width=200 height=100 alt=”Самый красивый цветок”>

Рис.10. Текст, указанный в качестве контекстной подсказки

Вопросы для самоконтроля к главе 3

1. С помощью какого тега на страницу вставляется графическое изображение? Является ли он парным?

2. Что является значением параметра src?

3. Как задать определенные размеры для графического изображения?

4. Как сделать рамку для картинки?

5. Можно ли для картинки сделать рамку разных цветов?

6. Как расположить изображение по середине строки?

7. Как расположить текст справа от картинки?

8. Как сделать, чтобы текст располагался под картинкой слева от края окна?

9. Можно ли размещать графические изображения на одной строке с текстом?

10. С какой целью используется параметр alt? Что является его значением?

Глава 4. Гипертекстовые ссылки

4.1. Создание гиперссылок

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

Гиперссылка (hiperlink) – это цветной подчеркнутый текст или графика, выбор которых позволяет выполнить переход к другому файлу, фрагменту файла, Web-странице.

Для создания гиперссылок используется тег <A> (от англ. anchor – якорь). Текст, заключенный внутрь этого парного тега, становится гиперссылкой. Формат записи выглядит так:

<A href="адрес перехода">текст гиперссылки</A>.

Пример. Создайте страницу с произвольной информацией, сохраните ее под именем primer.html и закройте. После этого создайте новую страницу с именем primer1.html. Осуществим переход посредством гиперссылок с одной страницы на другую и обратно. На странице с именем primer1.html запишем код:

Для перехода на следующую страницу щелкните<A href="primer.html"> здесь </A>.

В этом случае слово «здесь» становится гиперссылкой, которое будет подчеркнуто и выделено синим цветом. Щелкнув на нем, вы перейдете на страницу, которая имеет адрес primer.html. Теперь, чтобы осуществить переход обратно, сделаем такую запись:

Для перехода на предыдущую страницу щелкните<A href="primer1.html"> здесь </A>.

Обращаем внимание на то, что в рассмотренных выше примерах файлы primer1.html и primer.html находятся в одной папке. Поэтому запись тега с адресом перехода в нашем случае выглядит именно так: <A href="primer1.html">. Однако при указании адреса перехода необходимо учитывать то обстоятельство, что страница, на которую осуществляется переход, может находиться в другой папке, на другом диске или даже на другом компьютере. В этом случае в адресе перехода необходимо указывать полный путь доступа к этому файлу. Например:

<A href="C:/Мои документы/ЛИТЕРАТУРА.doc">…</A>.

или

<A href="http://www.ppp.com/home/pr.html"> … </A>