Элементарное создание сайта с помощью блокнота. Гиперссылки, графика
Немаловажную часть сайта составляют гиперссылки. В этой статье я расскажу о текстовых гиперссылках, о прикреплении гиперссылки к картинке, способах вставки картинок и об основных тэгах, используемых для работы с гиперссылками и картинками в блокноте.
Текстовые гиперссылки и картинки-гиперссылки - явный атрибут
любого хорошего сайта. Примером может быть фан сайт Брэд Питта - www.bradpittstar.ru. Гиперссылки используют для перехода на другие страницы.
Итак, вот основные тэги для гиперссылок:
1) парный тэг <a>…</a> - организация гиперссылки.
2) ...href... - адрес гиперссылки (обязательный атрибут).
3) <body> - тело.
4) ...link... - цвет текста гиперссылки.
5) ...a link... - цвет активной гиперссылки.
6) ...v link... - цвет использованной гиперссылки.
Это основные тэги. Но, чтобы они заработали и появились в Internet
Explorer, нужно их правильно запрограммировать. Вот некоторые примеры:
1) ...<a href=“НАЗВАНИЕ ФАЙЛА”>ЭТОТ ТЕКСТ БУДЕТ
ГИПЕРССЫЛКОЙ</a>... На экран будет выводиться – ЭТОТ ТЕКСТ БУДЕТ
ГИПЕРССЫЛКОЙ. При щелчке мыши на ссылке браузер открывает документ
(страницу), заданную в файле “НАЗВАНИЕ ФАЙЛА”.
2) ...<а href=“#метка”>ЭТОТ ТЕКСТ БУДЕТ
ГИПЕРССЫЛКОЙ</а>... - задание для перехода по метке. На экран
выводится ссылка ЭТОТ ТЕКСТ БУДЕТ ГИПЕРССЫЛКОЙ.
3) ...<a name=метка></a>... - сюда браузер приходит по ссылке. На экране ничего не отображается.
4) Переход к метке другого документа осуществляется так:
а) Первый HTML-файл: ...<a href=“НАЗВАНИЕ ФАЙЛА#МЕТКА”>ЭТОТ
ТЕКСТ БУДЕТ ГИПЕРССЫЛКОЙ</a>... - приступить к показу фрагмента с
меткой МЕТКА в файл НАЗВАНИЕ ФАЙЛА. На экран выводится ссылка ЭТОТ
ТЕКСТ БУДЕТ ГИПЕРССЫЛКОЙ.
б) Второй HTML-файл: ...<a name=12345></a>... - при
щелчке пользователя на ссылке браузер выводит на экран документ по
программе, заданной в файле НАЗВАНИЕ ФАЙЛА, начиная с фрагмента с
меткой 12345.
5) Программирование картинки-гиперссылки: ...<a href=“КУДА
ПЕРЕХОДИТЬ”><img src=название файла картинки></a>... -
выполнить переход (любым из вышеуказанных способов). Картинка является
ссылкой. При щелчке мыши на ссылке браузер выстроит документ на экране
согласно заданному “КУДА ПЕРЕХОДИТЬ”.
Примером может стать фан сайт Анджелины Джоли www.joliestar.ru, где при нажатии на картинку сверху осуществляется переход на главную страницу сайта.
Теперь о картинках.
Основные тэги:
1) <IMG> - вставка картинки. (указать формат jpg, gif, bmp и др.).
2) Атрибуты:
а) SRC – обязательный атрибут, указывает на адрес картинки.
Примеры: <IMG SRC=kart.gif> - если картинка находится в
папке. <IMG SRC=http://www.адрес.ru/kart.gif – если картинка
находится на сайте (потребуется подключение к Интернету).
б) HSPACE и VSPACE – определяет отступ от картинки к тексту (в пикселах).
в) ALIGN – выравнивание.
г) ALT – изображение на тексте.
д) BORDER – рамка.
Это основные и наиболее часто используемые тэги для программирования картинок и гиперссылок в блокноте.