Изучение HTML. Создание гиперссылок

0_HTML

Как происходят переходы со страницы на страницу?

Переходы со страницы на страницу веб-сайта выполняются с помощью гиперссылок.






Какой тег отвечает за переходы со страницы на страницу?

  • За организацию ссылок на языке HTML отвечает тег <а> с обязательным атрибутом href, значением которого является адрес (URL) ресурса.
  • Например, HTML-код текстовой гиперссылки на страницу «Графика», которая сохранена в файле graf.htm в той же папке, что и исходная, имеет вид:
    <а href="graf.htm">Гpaфикa </а>
    
  • т.е. адресом является имя файла.

Как страницы располагаются в папках?

  • Обычно близкие по тематике страницы сайта сохраняют в соответствующих папках.
  • Пусть, например, на диске D:\ в папке kino хранят главную страницу main.htm, во вложенной папке dramy страницу фильма drama2.htm, а в папке multy страницы karlson.htm и ну погоди.htm.
  • В таких случаях необходимо указывать пути к файлам.

001

Как указывать пути к файлам?

Возможны два варианта:

  • записать полный путь от корня диска к искомой странице.
  • указать относительный адрес (путь от исходной страницы к искомой).

Как будет выглядеть ссылка с главной страницы на второстепенную, расположенную в какой-либо папке?

Например, ссылка со страницы main.htm на страницу karlson.htm будет иметь вид:

<а href="multy/karlson.htm">Kapлcoн</a>

Как будет выглядеть ссылка с второстепенной страницы, расположенной в какой-либо папке на главную?

Ссылка со страницы drama2.htm (папка dramy) на страницу karlson.htm (папка multy) будет иметь вид:

<а href="../multy/karlson.htm">Kapлcoн</a>

Что обозначают символы ../ (две точки и слеш)?

  • Символы ../ (две точки и слеш) обозначают возврат в папку kino из вложенной папки dramy.
  • При переносе папки kino со всеми вложениями в другое место, в том числе на другой диск или компьютер, относительные адреса не изменяются!

Может ли рисунок быть гиперссылкой?

Гиперссылкой может служить не только текст, но и рисунок.

Для этого между парой тегов <а href >…</а > нужно вставить тэг, указывающий на файл изображения, например:

<а href="graf.htm"> <img src="ris.gif"> </а>

Можно ли совместно использовать текст и графику в одной ссылке?

Возможно совместное использование текста и графики в одной ссылке, например:

<а href="graf.htm"> <img src="ris.jpg"> Графика </а>

В каком окне открывается страница, на которую перешли по гиперссылке?

По умолчанию вызванная гиперссылкой страница открывается в том же окне, что и исходная, замещая ее.

Назад можно вернуться с помощью соответствующей кнопки на панели инструментов браузера.

Как просмотреть открытую страницу в новом окне?

Для просмотра вызванной страницы в новом окне необходимо указать атрибут target=»_blank», например:

<а href="graf.htm" target="_blank" > Графика </а>

Может ли гиперссылка указывать не только на страницы, но и на другие объекты?

Гиперссылка может указывать не только на веб-страницу, но и на любой размещенный в сети по известному адресу информационный ресурс: сайт, рисунок, текст, презентацию, аудио-видеофрагмент.

Конечно, на компьютере пользователя должно было установлено соответствующее программное обеспечение для его отображения.

Пусть, например, реферат по астрономии luna.doc размещен на сайте www.referaty.info в папке astro. Гиперссылка для его просмотра или скачивания:

<а href = "www.referaty.info/astro/luna.doc"> Луна < /а >

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

Может ли гиперссылка быть закрыта для поисковых машин?

Гиперссылка может быть закрыта для поисковиков ( google, yandex и т.д.), в основном это используется в СЕО продвижение сайта

Для того чтобы закрыть ссылку от поисковых роботов используется атрибут relnofollow» , например:

<а href="graf.htm" rel="nofollow" > Графика </а>

 






Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *