гипертекстовые ссылки - дверь в другое окно или перемещение от одного источника к другому. В интернете живут огромное количество гипертекстовых ссылок различного вида – это меню, текстовые ссылки, баннеры, реклама, даже фото или рисунок могут выполнять функцию гипертекстовых ссылок. Обычно текстовые гипертекстовые ссылки выделены на сайтах другим цветом от общего цвета текста или подчеркиванием. При нажатии на гипертекстовую ссылку левой кнопкой мышки, происходит мгновенный переход на другой документ или страницу сайта. Создать ссылку совсем не сложно, для этого действия применяются теги: <a></a> с атрибутом href
Атрибут href присваивается значение равное адресу в сети, это может быть имя файла или URL адрес другого сайта, или адрес страницы. Атрибут используется в создании ссылок, баннеров или кнопок ведущих на сайт, значение которого присвоено этому атрибуту.
Каждая страница в сети, а в последствии и каждая Web-страница Вашего сайта имеют свой уникальный URL адрес (унифицированный указатель ресурсов). Абсолютно все странички сайта могут переплетаться между собой с помощью гипертекстовых ссылок. Мы уже имеем две страницы сайта это – site.html и cod.html, необходимо на страничке cod.html установить ссылку на главную страничку сайта site.html и назвать её "Главная", код будет простым: <a href =“site.html” >Главная</a>
затем производим корректировку кода страницы сайта cod.html, где у нас находится содержание и форма отправки сообщений, вставив туда в тело документа код ссылки после закрывающего тега </form> и получаем следующее:
<html>
<head>
<title>Содержание</title>
</head>
<body>
<h3 align=center>Содержание</h3>
<ul>
<li>Введение.
<li>Создание сайта.
<li>Раскрутка сайта.
<li>Администратирование сайта.
<li>Антивирусная защита.
</ul>
<form action="mailto:имя почтового ящика@mail.ru" method=post>
<textarea rows =10 cols=50 name=comments ></textarea >
<p><input type = submit valuе =«Отправить»></p>
</form>
<a href =“site.html” >Главная</a>
</body>
</html>
Сохраним результат, открываем в браузере cod.html и видим, что внизу под формой появилась ссылка на главную страницу, после наведения курсора мышки на ссылку он поменяет рисунок со стрелки на руку с указательным пальцем, при нажатии на которую будет произведен переход на site.html. По аналогии создаются все гипертекстовые ссылки меняется лишь значение атрибута href.
Сделаем использование ссылок немного комфортным для нашего зрительного восприятия изменив их цвет с помощью атрибутов link и alink в открывающем теге <body>.
Атрибут link – задает значение цвета не просмотренной ссылки, то есть ещё не нажатой.
Атрибут a link – задает значение цвета когда на неё наведен курсор мышки или ссылка является уже просмотренной, то есть нажатой. Пример с измененным кодом страницы находится ниже, где blue – голубой цвет не нажатой ссылки, red – красный цвет ссылки после перехода по ней, то есть нажатия:
<html>
<head>
<title>Содержание</title>
</head>
<body link=blue, alink=red>
<h3 align=center>Содержание</h3>
<ul>
<li>Введение.
<li>Создание сайта.
<li>Раскрутка сайта.
<li>Администратирование сайта.
<li>Антивирусная защита.
</ul>
<form action="mailto:имя почтового ящика@mail.ru" method=post>
<textarea rows =10 cols=50 name=comments ></textarea >
<p><input type = submit valuе =«Отправить»></p>
</form>
<a href =“site.html” >Главная</a>
</body>
</html>
Гипертекстовые ссылки могут быть не только в виде написанного текста, но и в виде картинки или фото как говорилось в самом начале статьи. Сейчас посмотрим на примере как присвоить изображению на сайте переходную гипертекстовую ссылку на другую страницу. Для того чтобы сделать такую ссылку вставим в коде первой странице сайта site.html перед тегом <img> открывающий тег <a> с атрибутом href и присвоив при этом адрес ссылки:
<a href=cod.html><img src=имя файла.gif border=1></a>
Код первой странички должен измениться следующим образом:
<H1 align=center>Мой сайт!</Н1>
<h4>Сегодня был создан мой первый сайт, в котором я рассказу о себе и о своих увлечениях.</h4>
<a href=cod.html><img src=имя файла.gif border=1></a>
Сохраняем полученный результат и проверяем работоспособность ссылки. Открываем в браузере первую страничку сайта, нажимаем на изображение и происходит перенос на страницу с содержанием и формой. Вот мы и разобрали примеры создания гипертекстовых ссылок как в виде текста, так и в виде рисунка или изображения. По аналогии можно сделать ссылку на адрес какого-нибудь сайта в интернете, например на этот, тогда код ссылки будет иметь вид:
<a href=https://www.webmaster.wmsite.ru>Вебмастерская</a>,
где атрибуту href присваивается значение адреса в сети https://www.webmaster.wmsite.ru и название сайта Вебмастерская, при клике на такую ссылку браузером будет произведен переход на сайт с указанным адресом.
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.
HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. XHTML же является приложением XML. Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Mozilla Firefox, Apple Safari, Google Chrome и Opera.