![]() Главная страница Случайная страница КАТЕГОРИИ: АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника |
Вставляем ссылки на другие страницы в Интернете.
При щелчке левой кнопкой мыши на некотором выделенном цветом и подчеркнутом фрагменте текущего документа - гипертекстовой ссылке - происходит переход к заранее назначенному документу или фрагменту документа. На Web-страницах гипертекстовые ссылки широко используются для перехода к определенному фрагменту текущей страницы, к следующей или любой странице сайта или к документу другого сайта. Для задания перехода по гиперссылке в языке HTML используются теги < а> < /а> с атрибутом href, значением которого является адрес перехода. В качестве адреса может использоваться имя файла другого документа или URL-адрес. Каждый компьютер, подключенный к Интернету, имеет свой уникальный адрес, который может быть представлен или в числовом виде, например, 204.146.46.133, или определенным сочетанием символов, например, www.microsoft.com. Поскольку каждый компьютер имеет свою уникальную структуру каталогов и файлов, то и каждая Web-страница также имеет уникальный адрес, называемый URL (Uniform Resource Locator - Унифицированный указатель ресурсов). Как видно из названия, URL может указывать не только на страницу Web, но также и на другие ресурсы Интернета, например, FTP (File Transfer Protocol - Протокол передачи файлов) - хранилища файлов. В самом общем виде URL включает в себя указатель на протокол, который применяется для доступа к ресурсу - http, ftp и др. - и символьный адрес компьютера в сочетании с именем кретного файла в структуре каталогов этого компьютера. Например, URL-адрес https://www.chat.ru/user/faq.html состоит из указателя на протокол http, который применяется для доступа к Web, имени компьютера www.chat.ru и имени файла-документа faq. html, который находится в каталоге user. Из сказанного следует, что каждой Web-странице соответствует свой HTML-файл. Однако вы можете заметить, что во многих URL-адресах отсутствует имя файла, например, https://www.microsoft.com. Тем не менее, в окне браузера все же появляется конкретная страница. Дело в том, что администраторы Web-серверов могут указать на своих узлах некоторые HTML-файлы, которые выводятся по умолчанию, если имя файла в URL явно не задано. Обычно эти файлы имеют имена index. html или index. htm. Посмотрим, как создать переход по ссылке с конца текущего документа spisok.html на первую страницу нашего сайта, т.е. к файлу geoton.html. Чтобы сообщить посетителю сайта о возможности вернуться к первой странице, необходимо предусмотреть между открывающим < а> и закрывающим < /а> тегами соответствующий текст, например: < а href=" geoton.html" > Ha первую страницу < /а> Обратите внимание, что адрес ссылки должен быть заключен в кавычки, так как некоторые браузеры могут не понять его без кавычек. Чтобы ссылка На первую страницу была центрирована, следует ограничить элемент < а>... < /а> тегами < center> и < /center>. u Вставьте в файле spisok.html пустую строку перед закрывающим тегом < / body > и введите в ней следующий код: < center> < a href =" geoton.html" > Ha первую страницу < /а> < / center > В окне браузера вы увидите, что ссылка На первую страницу будет подчеркнута и выделена другим цветом - таким, который предусмотрен в вашем браузере для непросмотренных ссылок u Установите указатель мыши в окне браузера на ссылке На первую страницу. Указатель мыши, который обычно имеет форму стрелки или текстового курсора, примет форму J. u Щелкните мышью на этом месте. В окне браузера появится первая Web-страница из файла geoton.html. Таким образом, мы осуществили переход по ссылке на другую страницу сайта. Теперь создадим гиперссылку для перехода с первой страницы - geoton.html -на вторую - spisok.html. Для ссылки логичней всего будет использовать текстовый фрагмент о нашей деятельности, так как список на второй странице раскрывает содержание именно этого фрагмента текста. Поэтому нам нужно в файле geoton.html поместить открывающий тег < а> с атрибутом href = " spisok.html " перед фрагментом текста о нашей деятельности, а закрывающий тег < /а> - после него. u Откройте в программе Блокнот файл geoton. html. u Отредактируйте этот файл, вставив тег < а href=" spisok.html" > перед текстом о нашей деятельности, а закрывающий тег < /а> - после него. Скорее всего, что когда вы просмотрите результат в браузере, вы обнаружите, что ссылка о нашей деятельности видна очень плохо или вообще не видна. Это связано с тем, что цвет, которым браузер отображает непросмотренные ссылки, совпадает с цветом фона вашего документа. В таком случае цвет ссылок следует изменить, воспользовавшись атрибутами link и vlink тега < body >. Атрибут link определяет цвет непросмотренной ссылки, a vlink - просмотренной. Еще один атрибут - alink определяет цвет ссылки в момент, когда на ней установлен указатель мыши и нажата левая кнопка. Установим для непросмотренной ссылки белый цвет (white), для просмотренной - светло-зеленый (lime), а для ссылки в момент щелчка мышью красный (red). Если вы устанавливаете какой-либо из атрибутов: bgcolor, text, link, vlink, alink - то устанавливайте их все. Иначе, например, установленный вами фоновый цвет может совпасть с цветом текста, установленным пользователем в браузере. u Отредактируйте файл geoton. html, добавив в тег < body > атрибуты link=white, vlink=lime, alink=red так, чтобы этот тег имел следующий вид: < body bgcolor=blue text=yellow link=white, vlink=lime, alink=red> u Щелкните мышью на ссылке о нашей деятельности. В окно браузера будет загружен файл spisok. html. u Перейдите в конец этой страницы, чтобы отобразить на экране ссылку На первую страницу. Если ссылка плохо видна, вы можете вставить для текущей страницы в теге < body > атрибуты link, vlink и alink с подходящими значениями цветов. u Щелкните мышью на ссылке На первую страницу. В окне браузера опять появится документ geoton. html. Вставить переход в документе можно не только с текстовой ссылки, но также и с рисунка. Посмотрим, как вставить переход с рисунка на вторую страницу. Обратите внимание: пока переход не вставлен, указатель мыши при установке на рисунке имеет форму стрелки õ. Для создания такой ссылки достаточно в файле geoton.html вставить открывающий тег < а href=" spisok.html" > перед тегом < img src=CLOUD.GIF border=l> и закрывающий тег < /а> после него. u Отредактируйте файл geoton. html так, чтобы окончательный HTML-код документа имел вид < html> < head> < title> Компания ГЕОТОН< /title > < /head> < body bgcolor=blue text=yellow link=white vlink=yellow alink=red> < hl align=center> Дo6po пожаловать на страничку компании ГЕОТОН! < /h1> < center> < a href=" spisok.html" > < img src=CLOUD.GIF border=l> < /a> < /center> < p style=" font-weight: bold; font-slyle: italic; font-size: 150%; text-align: center" > Здесь Вы узнаете < a href=" spisok.hmil" > o нашей деятельности< /а>, о программных продуктах нашей компании и об оборудовании, которое мы производим< /р> < /body> < /html> В окне браузера вокруг рисунка вы увидите тонкую рамку. u Установите указатель мыши на рисунке. Теперь указатель мыши примет форму J, и это явно указывает на то, что рисунок является ссылкой. В строке состояния браузера появляется адрес, на который ссылается рисунок. u Щелкните мышью на рисунке. В окне браузера откроется документ spisok.html. u Перейдите к ссылке На первую страницу и щелкните на ней мышью. В браузер снова будет загружена страница geoton.html. Создавая в этом разделе ссылки на страницы нашего сайта, мы использовали в качестве адреса имя файла. При таком указании адреса браузер всегда ищет файл в текущем каталоге. Если бы нужный файл - spisok.html - находился, предположим, в подкаталоге Doc текущего каталога, то в адресе необходимо было бы указать путь к нему от текущего каталога: < а href=" Doc\spisok.html" >. Такая ссылка, в которой адрес указывается относительно текущего каталога на том же компьютере, называется относительной. Вы можете также использовать в ссылках полный URL-адрес, указывающий на файл, находящийся в определенном каталоге определенного компьютера в сети, например: https://www.intel.com/help/index.html. Такая ссылка называется абсолютной. В то время как относительные ссылки указывают на файлы, расположенные на том же самом компьютере, абсолютные ссылки служат для представления адресов документов на других компьютерах в Интернете. Предположим, файл с именем price.xls находится на сайте www.3st.ru в каталоге uploads/price. Тогда абсолютная ссылка на этот файл будет такой: https://www.3st.ru/ uploads/price/price.xls < а href=" http: //www. 3st.ru/uploads/price/price.xls" > При щелчке мышью на такой ссылке браузер подключится к указанному сайту, найдет нужный файл и выведет на экран диалог с предложением сохранить этот файл на диске вашего компьютера. После того, как вы укажете папку для сохранения, начнется процесс копирования файла на ваш компьютер.
|