Перейти к содержимому

ссылки html




Как записывать ссылки в HTML

       Ссылки бывают, внешние, внутренние (переход с одной страницы сайта на другую), ссылки закладки, ссылки ведущие на адрес электронной почты, на другой сайт, на логин скайпа и тд.
  Рассмотрим внешние ссылки: В текстовом редакторе Notepad++ или в блокноте, или другом редакторе создаём новый абзац между тегами  <body>…</body>. Абзац записывается, как вы уже знаете между парными тегами <p>..</p>. Открываем браузер и переходим например в поисковик Яндекс, копируем верхнюю ссылку

foto

И записываем так:
<p><a href="https://www.yandex.ru/" target="_blank">Ссылка</a></p>
Сохраняем после каждого изменения в текстовом редакторе и обновляем страницу в браузере, видео смотрите здесь…
В браузере будет отображаться слово –Ссылка-, щёлкнув по которому откроется новая вкладка в браузере, об этом показывает атрибут target со значением  _blank. Браузер, папки запакованные в архивные не может распознать адрес и назначение, поэтому предлагает скачать и сохранить на компьютере, и записывается это новым абзацем так:
<p><a href="foto.zip">скачать архив</a></p В браузере отображается слово –скачать архив-, щёлкнув по которому , вам будет предложено сохранить архив на компьютере. Если вы напишите ссылку на какую-то из фотографий, то она будет выглядеть так:
<p><a href="images/tvit.png" target="_blank">смотреть фото</a></p> и снова  target="_blank" указывает на то, что фотография откроется в новой вкладке браузера.  Хотите, чтобы какой-то пользователь вам написал? Tо запишите это так:
<p><a href="mailto: электронная почта ">отправить мне e-meil</a></p>
Протокол  mailto поддерживает программу обрабатывающую ссылку электронной почты. Щёлкнув по ссылке, откроется окно написания письма и будет указан E-Meil. Ссылка в скайп записывается так:
<p><a href="skype: логин">Позвони мне по skype</a></p> где протокол skype указывает на логин в skype и щелкнув пользователь по ссылке сможет вам позвонить, либо добавить вас в список контактов.
Теперь по внутренним ссылкам-это ссылки, которые ведут при переходах по сайту-блогу. Ссылку можно сделать не только каким-нибудь словом, но и каким-то изображением. Для этого нужны дополнительные страницы сайта, в данном случае рассмотрим одну страницу. Название страницы не имеет значения и пишется англ. Буквами, а расширение имеет значение, чтобы прочитал браузер, расширение должно быть html, например - super.html  .
И записывается это так: <a href=" super.html  "> ваше слово</a> , добавив, как и в случае выше значение target="_blank", страница откроется в новом окне. На странице -super.html-  записываем ссылку главной страницы: <a href="index.html"><b> на главную</b></a>  , где главная  страница  должна иметь название  index.html , а теги <b></b> - это жирный шрифт. И на 2й странице ссылка выглядит так:
foto
На главной странице внешние ссылки выглядят так:

foto

Ссылка –смотреть  фото-внутренняя ссылка.
Чтобы фотография  или изображение было ссылкой пишем так:
<a href= "страница.html"  ><img src="images/название фото.PNG" align="botton" ></a>
Папка – images или может называться –img- здесь расположена фотография, расширение  PNG может быть другим, jpeg  или irg.
Теперь какое-нибудь слово или строчку из четверостишья делаем внутренней ссылкой:

foto

<a href="страница сайта.html" target="_blank"><font color=Ф#0b3bb5Ф><i>я приду, родная, в другой раз.</i></a>
color=Ф#0b3bb5Ф      цвет текста. После каждого изменения в текстовом редакторе html не забывайте сохранять  запись.
И последнее, ссылки закладки, или якоря- такие ссылки делаются,  когда большой объем написанного текста или большая страница сайта и чтобы вернуться к какому-то месту или вкладке текста, либо какой-то фото или изображению вставляют ссылки-закладки. Каждая ссылка создаётся при помощи атрибута id  и имеет своё уникальное и записывается так: id="topPage"     где     "topPage"   уникальное имя, записывается латинскими буквами и не должно повторяться на одной странице. Чтобы вернуться к этому якорю в один клик, пишем так:
<p><a href="#topPage">Наверх</a></p>
Видео по теме смотрите здесь…
Продолжение следует…