Создаем гиперссылку


Создаём гиперссылку     Современный веб-сайт и вообще Интернет, невозможно представить себе без ссылок. На этом, собственно, и держится «всемирная паутина». Заметь, я сказал «паутина», именно ссылка и являются той связующей составляющей — «паутинкой». Ссылки бывают как внутренние, так и внешние, так же ссылкой можно сделать, например, изображение (графическая ссылка) или текст. Давай, вкратце, пройдемся по этой теме, и ты узнаешь, как создается гиперссылка.

Все ссылки, которые ведут, с определенной html-страницы, на сайт, файл или на другую страницу этого же сайта, являются внешними, и ни чем не отличаются друг от друга.  Для создания как внешних, так и внутренних ссылок применяется тег <A>…</A>

Для создания внешних ссылок в HTML, существует атрибут тега <A>href. Общее написание ссылки будет выглядеть так:

<a href=»URL-адрес страницы, сайта или файла»>текстовая (видимая) часть ссылки</a>

       Если, к примеру, я хочу создать ссылку на главную страницу этого сайта, то это будет выглядеть так:

<a href=»http://seochaynik.ru/»>Перейти на главную Seochaynik.ru</a>

       Браузер это отобразит следующим образом:

Перейти на главную Seochaynik.ru

       На определенную страницу этого сайта, допустим — Создать сайт:

 <a href=»http://seochaynik.ru/sozdat-sajt/»>Перейти на страницу «Создать сайт»</a>

       У нас будет выглядеть так:

Перейти на страницу «Создать сайт»

       И если это файл, то запишем вот так:

<a href=»http://depositfiles.com/files/jzsda8y3u»>Загрузить Текстовый редактор Notepad++</a>

       Получаем ссылку на файл:

Загрузить Текстовый редактор Notepad++

       Как ты заметил, все ссылки прописаны одинаково, изменялись только адреса. Так же, надо заметить, что текст ссылки можно форматировать с помощью тех же тегов, которые мы с тобой рассматривали в разделах «Теги для форматирования текста» и «Елементы и атрибуты тега BODY».

Теперь рассмотрим внутренние ссылки. Внутренней ссылкой является ссылка, на какое либо произвольное место внутри данной html-страицы. Здесь в значении атрибута href указывается якорь ссылки, а якорь, в свою очередь задается атрибутом name.

Вот как она описывается:

<a href=»#метка»>Образ</a>

       Где «Образ» это текст или, может быть, картинка.

Например:

по  образу «Наверх» мы должны перейти к началу текста.

Эту ссылку мы опишем следующим образом:

<a href=»#start»>Наверх</a>

       Слово start — метка (его задаешь произвольно, я выбрал start), на которую ты попадешь, выбрав слово «Наверх». Мы описываем ее (метку) в начале документа, после тега <body>. Пропишем вот так:

<body><a name=»start»></a>… … … </body>

        И получаем переход по слову Наверх, в начало страницы. Такие ссылки очень хороши и эффективны при внутренней оптимизации и продвижении сайта в поисковых системах по низкочастотным запросам. И, что самое главное, при большом объеме информации, да и вообще, создают больше удобств твоему непосредственному посетителю.

Будем двигаться дальше. Остался ещё один урок, и можно сказать, что ты познал основы HTML, в их сжатой форме. А если захочешь получить больше информации, то всегда можешь найти ее на этой страничке моего сайта.

 

Вернутся к содержанию                 К предидущей главе                Продолжить изучение

 

Понравилась страничка? Поделись в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовать в Яндекс
регистрация доменов

Интерестное

ad