Совет 1: Как сделать гиперссылку на сайте

Гиперссылки – это основа, на которой построена конструкция сети интернет. Именно эти элементы интернет-страниц дозволяют объединять страницы сайтов в цельную сеть. Разглядим детально, как вставляются гиперссылки в документы.

Инструкция

1. Гипертекстовые ссылки предуготовлены для того, дабы объединять текст, изображение либо другие элементы страниц с другими гипертекстовыми документами. Все элементы страницы сайта, включая ссылки, создаются браузером, тот, что получает подробные инструкции из присылаемого ему сервером кода страницы. Это код на языке HTML (HyperText Markup Language – «язык разметки гипертекста») состоит из «тегов», которые описывают тип, внешний вид и расположение всех элементов веб-страницы. Стандартная гиперссылка создается браузером, когда он встречает в коде страницы, скажем, такой тег:<a href=”URL”>Текстовая ссылка</a>Тут <a href=”URL”> – открывающий тег ссылки, </a> – закрывающий. Открывающий тег может содержать дополнительную информацию – «признаки». В этой примитивный ссылке признак href содержит адрес страницы либо иного документа, запрос на тот, что будет отправлен, если посетитель щелкнет по ссылке. Изредка не неукоснительно указывать полный адрес – если запрашиваемый документ лежит на сервере в этой же папке (либо вложенной в нее), то довольно указать только его имя либо путь к вложенной папке. Такие адреса именуются «относительными», писать их следует, к примеру, так:<a href=”moreText.html”>Текстовая ссылка</a>При переходе по этой ссылке будет загружен документ moreText.html из этой же папки. А безусловные адреса ссылок начинаются с указания протокола, скажем:<a href=”http://site.ru/moreText.html”>Текстовая ссылка</a>Тут “http” (HyperText Transfer Protocol – «протокол передачи гипертекста») это обыкновенный адрес документа в сети. А если указать протокол “mailto”, то гиперссылка будет запускать вашу почтовую программу, взамен перехода на иную страницу:<a href=”mailto:mailto:moiAdr@site.ru”>email-ссылка</a>В ссылках на файлы, лежащие на ФТП-сервере указывают, соответственно, протокол FTP (File Transfer Protocol — «протокол передачи файлов»):<a href=”ftp://site.ru/file.rar”>Ссылка на архив</a>

2. Иной признак гиперссылки, тот, что указывает, в которое окно следует загружать данный новейший документ, пишется как “target”. Если в признак href вы можете вписать всякий положительный адрес, то target может иметь каждого четыре значения:_self – страница нужно загружать в это же самое окно либо фрейм. «Фреймами» называют одну часть поделенного на несколько частей окна;_parent – если нынешняя страница сама была загружена из иного окна (либо фрейма), то у нее есть «родительское» окно. А значение _parent требует, дабы страница, на которую указывает ссылка, загружена была в это родительское окно;_top – новую страницу надобно загружать в это же окно. Если это окно поделено на фреймы, то при загрузке они будут ликвидированы, а новая страница будет исключительным фреймом в этом окне;_blank – для перехода по ссылке будет открыто отдельное окно;Скажем:<a href=”moreText.html” target=”_blank”>Ссылка откроется в новом окне</a>

3. Существует вероятность делать гиперссылку для перехода не на иную страницу, а на какой-то данный участок этого же документа. Дабы указать в html-коде документа такой «пункт назначения» применяют ссылку-якорь:<a name=”Якорь1″></a>А ссылка, прокручивающая документ до этого якоря выглядит так:<a href=”#Якорь1″>Ссылка на 1-й якорь страницы</a>Дозволено ссылаться на якоря не только в этом документе, но и в иных:<a href=”http://site.ru/moreText.html#Якорь5″>Якорь в иной странице</a>Финально в html-коде иного документа должна существовать такая ссылка-якорь с признаком name=”Якорь1″.

4. Гиперссылкой может служить не только текст, но и другие элементы страниц – скажем, картинки. Самый легкой тег, рисующий картинку, выглядит так:<img src=”picture.gif” />А дабы картинка стала гиперссылкой, ее следует заключить между открывающим и закрывающим тегами ссылки:<a href=”moreText.html”><img src=”picture.gif” /></a>

Совет 2: Как создавать гиперссылки

Стержневой чертой языка гипертекстовой разметки документов – HTML является вероятность не только осуществлять нужную разметку документа, но и объединять между собой несколько документов, способных находиться на любом расстоянии друг от друга. Эти вероятности мощно облегчают задачу навигации, как между отдельными документами, так и в границах одного трудного. По сути, ссылка – это тот же самый тег с определенными признаками.

Инструкция

1. Для того, дабы создавать простейшие html-странички, довольно самого обыкновенного текстового редактора «блокнот». На исходных этапах следует исследовать базовые правила создания документов на языке html и запомнить правда бы базовые теги. Если сразу трудиться с редакторами, где присутствует автоподстановка, то процесс запоминания может затянуться. Впрочем для того, дабы работа с кодом была больше нагляднее, рекомендуется применять текстовые редакторы с подсветкой текста, как, скажем, “Notepad++”.

2. Начните с простейшего примера. Сделайте для теста папку с любым комфортным для вас наименованием и в нем сделайте два файла с растяжением .html – index.html и page.html. Дальше в всем из них пропишите базовый «каркас», лежащий в основе всякий html-странички: Заголовок страницы***здесь пишется стержневой код страницы***Сохраните метаморфозы в файлы.

3. Откройте для редактирования файл “index.html” и в месте для размещения начального кода пропишите следующее:Ссылка на страницу pageЗдесь “а” – это тег для образования гипертекстовой ссылки. Признак “href” – указывает адрес, по которому перейдет пользователь, кликнув по сделанной ссылке. Это может быть как страничка в той же папке, что и основная страница, так и всякий сетевой адрес. Если вы укажете в адресе путь до какого-нибудь файла, то у вас получится ссылка на его скачивание, т.к. при переходе по ней, браузер будет пытаться открыть файл, а для этого файл понадобится сначала сберечь.

4. Изучите также добавочные признаки тега традиционной ссылки на документ либо файл, также дозволено сотворить ссылку на создание письма.Скажем:DarkHTML – ссылка для отправки почты.

5. Ссылка также может вызывать исполнение тех либо иных команд на языке javascript.Пример:new window ссылка откроет документ в новом окне размером 300*200

Видео по теме


Обратите внимание!
Вписывать теги в файлы html-страниц дозволено в простом текстовом редакторе, скажем – в стандартном блокноте. А если вы используете какую-нибудь систему управления сайтом, то можете редактировать страницы прямо в браузере. Вам необходимо только обнаружить в панели управления сайты редактор страниц.

Полезный совет
У тега гиперссылки есть и другие признаки, скажем, hreflang, type, rel, rev, charset и некоторые другие. Они применяются для узкоспециальных целей, а дабы легко вставить гиперссылку в документ применять эти признаки не требуется.