3. Картинка как гиперссылка

Чтобы заставить работать картинку как гиперссылку нужно вложить команду img внутрь команды а.

<a href= переход…><img src= файл…></a>

Картинка ведет себя так же как текст. Курсор при попадании на картинку ссылку меняет свою форму. Отличие в том, что картинка ссылка не подчеркивается как текст и не выделяется цветом, а обрамляется в рамочку.

<a href= clock.htm><img src= “clock gif” border = 0 alt = “Точное время? Жмите сюда!”></a> (уберется рамка)

4. Гиперссылки на ресурсы www

Чтобы создать ссылку на ресурсы удаленных компьютеров, используется URL адрес удаленного документа.

Гиперссылка, содержащая URL адрес имеет вид:

<a href = “http://www.microsoft.com/main/index.htm”>

Компания Майкрософт

</а>

5. Гиперссылки на адрес эл. Почты

Среди URL существует специальный адрес для отправки эл. почты :

<a href = “mailto: почтовый адрес”>

Пишите письма

</a>

Билет 13 Построение графических изображений в html – документе

В браузере картинку не нарисуешь. Все, на что он способен, - это растянуть или сжать рисунок на экране.

Нужны: дополнительный инструментарий и умение рисовать.

Графический инструментарий.

Первый, самый простой, способ получения графических иллюстраций - это: Windows + буфер обмена + PhotoShop.

Алгоритм получения копии окна Windows

1. Запускается приложение, изображение окна которого нужно записать в графический файл.

2. В то время, когда окно приложения активно, нажимается Alt + PrintScreen – изображение активного окна сохраняется в буфере обмена.

3. Открывается редактор PhotoShop. В меню Файл выбирается позиция Новый.... Появляется панель с установками. Нажимаем кнопку Да. После того как на экране окажется пустое окошко для рисунка, нажимаем Ctrl + V, и изображение из буфера обмена загружается в окно графического редактора.

4. Для сохранения изображения в формате GIF на диске нужно в меню Файл выбрать позицию Сохранить для Web. Теперь перед записью выберите необходимый формат (например, формат) GIF и нажмите Save.

Замечание. Вместо редактора PhotoShop можно использовать Paint.

В Интернете наиболее популярны два графических формата:

• JPG — для фотографий и сложных по цветовой гамме рисунков с плавными переходами между оттенками;

• GIF — для логотипов, надписей, заголовков и рисунков, имеющих четкие цветовые границы

<img>	позволяет разместить иллюстрации в нужном месте текста
<img src ="имя файла">	указывает имя файла с иллюстрацией
<img src="имя файла" alt="текст надписи">	позволяет снабдить иллюстрацию текстовой подписью («всплывающей подсказкой»)
<img src="имя файла" width= знaчение в пикселях или процентах>	задает ширину изображения
<img src="имя файла" height=значение в пикселях>	задает высоту изображения
<img src="имя файла" bоrdеr=значение в пикселях>	задает толщину рамки вокруг рисунка
<img src="имя файла" hspace=значение в пикселях>	задает поля слева и справа от рисунка
<img scr="имя файла"vspace=значение в пикселях>	задает поля сверху и снизу от рисунка
<img scr="имя файла" align= top| middle | bottom | left |right>	задает положение иллюстрации по отношению к соседним элементам документа (прежде всего - к окружающему тексту): top - вертикальное выравнивание по верхнему краю; middle - вертикальное выравнивание по центру; bottom - вертикальное выравнивание по нижнему краю; left - горизонтальное выравнивание по левому краю; right - горизонтальное выравнивание по правому краю; center - горизонтальное выравнивание по центру