Теперь картинка с «мотоциклистом» служит гиперссылкой на страницу «foto.html». Но впечатление от размещения и взаимосвязи текста с картинкой оставляют желать лучшего. Во-первых, нужно убрать рамку с графической ссылки, потому, как она ну никак не придает картинке эстетического вида. Итак, обрамление картинки убирается командой «border» со значением «0». Во-вторых, нужно выставить параметры обтекания картинки текстом. Делаем это с помощью уже известной команды «align». Поправляем наш HTML-код: <a href="foto.html"><img src="im1.jpg" border="0" align="left"></a>
-
Вот результат: [[Image:Img-ss2.jpg]]
+
+
Теперь картинка с «мотоциклистом» служит гиперссылкой на страницу «foto.html». Но впечатление от размещения и взаимосвязи текста с картинкой оставляют желать лучшего.
+
+
'''Во-первых,''' нужно убрать рамку с графической ссылки, потому, как она ну никак не придает картинке эстетического вида. Итак, обрамление картинки убирается командой «border» со значением «0».
+
+
'''Во-вторых''', нужно выставить параметры обтекания картинки текстом. Делаем это с помощью уже известной команды «align».
Поэтому, атрибут''«bordercolor»'' в этом случае не будет влиять на цвет рамки.
Поэтому, атрибут''«bordercolor»'' в этом случае не будет влиять на цвет рамки.
+
<br>
-
+
'''Графическая ссылка на мулитьмедийные файлы.'''
-
'''Графическая ссылка на мулитьмедийные файлы.'''
+
Блуждая по Интернету, наверняка не раз можно было попасть на ссылки для скачивания музыки, фильмов, документов, фотографий, архивов и т.д. То есть, это означает, что гиперссылки работают не только с файлами с расширением *.html, но с многими другими- ''*.mp3, *.avi, *.doc, *.jpg, *.rar''. Используя картинку-ссылку, можно придать некоторую эстетичность процессу скачивания, например, музыкальной композиции, используя при этом привычную всем иконку аудиофайла:
Блуждая по Интернету, наверняка не раз можно было попасть на ссылки для скачивания музыки, фильмов, документов, фотографий, архивов и т.д. То есть, это означает, что гиперссылки работают не только с файлами с расширением *.html, но с многими другими- ''*.mp3, *.avi, *.doc, *.jpg, *.rar''. Используя картинку-ссылку, можно придать некоторую эстетичность процессу скачивания, например, музыкальной композиции, используя при этом привычную всем иконку аудиофайла:
Цель: Обучить процессу создания графических ссылок вместо текстовых.
Как было уже сказано в предыдущем уроке, основой для гиперссылки может служить не только текстовый фрагмент, но и любой графический элемент (картинка, рисунок, фото и т.д.). Принцип создания такого рода ссылок практически тот же, что и в случае с текстом.
Но сейчас в тэг <a></a> будет вставляться не текстовая информация, а картинка:
<a href="foto.html"><img src="im1.jpg"></a>
Вот что у нас вышло:
Теперь картинка с «мотоциклистом» служит гиперссылкой на страницу «foto.html». Но впечатление от размещения и взаимосвязи текста с картинкой оставляют желать лучшего.
Во-первых, нужно убрать рамку с графической ссылки, потому, как она ну никак не придает картинке эстетического вида. Итак, обрамление картинки убирается командой «border» со значением «0».
Во-вторых, нужно выставить параметры обтекания картинки текстом. Делаем это с помощью уже известной команды «align».
Если картинка есть ссылкой, то рамка будет того цвета, который задавался для ссылок в тэге <body> с помощью LINK, VLINK, ALINK.
Поэтому, атрибут«bordercolor» в этом случае не будет влиять на цвет рамки.
Графическая ссылка на мулитьмедийные файлы.
Блуждая по Интернету, наверняка не раз можно было попасть на ссылки для скачивания музыки, фильмов, документов, фотографий, архивов и т.д. То есть, это означает, что гиперссылки работают не только с файлами с расширением *.html, но с многими другими- *.mp3, *.avi, *.doc, *.jpg, *.rar. Используя картинку-ссылку, можно придать некоторую эстетичность процессу скачивания, например, музыкальной композиции, используя при этом привычную всем иконку аудиофайла:
