Per koci ru ad astra!

Курс HTML :: Ссылки якорные и на емейл. Урок 08.

Настройка сайта

Проверка javascript.

Светофор, свет красный

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

Вероятные причины проблемы: в настройках браузера отключена возможность выполнения javascript и/или в данный момент имеются проблемы подключения к Интернету.

Решение проблемы: устраните причины, указанные выше и нажмите CTRL-F5 для перезагрузки софта и контента этой странички.

Должно помочь.


Рекомендую курсы
Рекомендаций не видно по причине отключенного javascript.


Домен inumo.ru


Урок 08. Ссылки якорные и на емейл.
HTML - основа основ Интернета. Базовый курс. Ссылки якорные и на емейл. Урок 08. Ссылки якорные - для перемещения в пределах текущей странички. Для создания таких ссылок необходимо создать определенный атрибут id (например, id="header1") для кого-либо тега. Затем следует слздать ссылку с атрибутом href="header1". Для браузера клик по ссылке с атрибутом href="header1" будет означать команду перейти к тегу с атрибутом id="header1". Пример ссылки на емейл: <a href="mailto:info@cagaf.com">href="mailto:info@cagaf.com"</a>. При нажатии на такую ссылку будет запущена почтовая программа на компьютере пользователя и создано новое письмо, причем в поле кому будет подставлено строка после слова mailto:.
© Перепечатка разрешается с установкой ссылки на ресурс http://koci.inumo.ru
Ссылки якорные и на емейл
Ссылки якорные - для перемещения в пределах текущей странички.

Для создания таких ссылок необходимо сделать следующие шаги.
  1. id="header1" - создать данный атрибут с таким значением для кого-либо тега наверху странички.
  2. href="#header1" - а с таким атрибутом создаем ссылку внизу странички.
Для браузера клик по ссылке с атрибутом href="header1" будет означать команду перейти к тегу с атрибутом id="header1", который у нас находится на верху странички.

Вполне допустима комбинация: переход на другую страничку и сразу же движение к определенному элементу новой странички, т.е. href="article_008.html#header1_rus" - тут сразу перейдем к заголовку на русском языке, а заголовок на английском будет автоматически прокручен.

Для создания ссылок необходимо сделать следующие шаги.
  1. href="mailto:info@cagaf.com" - при нажатии на такую ссылку будет запущена почтовая программа на компьютере пользователя и создано новое письмо, причем в поле кому будет подставлено строка после слова mailto:.
  2. href="mailto:info@cagaf.com?Subject=Письмо%20с%20сайта%20cagaf.com" - тоже самое, только еще будет создана тема письма.
  3. href="mailto:info@cagaf.com?Subject=Письмо%20с%20сайта%20cagaf.com&Body=Добрый%20день!" - тоже самое, только еще будет создано тело письма.
Итак, вносим на сайт следующие дополнения: 
<h1 id="header1" class="" style="text-align: center; background-color: #F0FFFF;">How To Avoid Wasting Your Most Valuable Online Asset - TIME!</h1>
<h2  id="header1_rus" class="" style="text-align: center; background-color: #FFF0FF;">Как Перестать Тратить Наиболее Важный и Ценный Ресурс в Интернете - ВРЕМЯ!</h2>

...
...
...

<ol>
	<li title=""><a href="mailto:info@cagaf.com">href="mailto:info@cagaf.com"</a> - при нажатии на такую ссылку будет запущена почтовая программа на компьютере пользователя и создано новое письмо, причем в поле кому будет подставлено строка после слова mailto:.</li>
	<li title=""><a href="mailto:info@cagaf.com?Subject=Письмо%20с%20сайта%20cagaf.com">href="mailto:info@cagaf.com?Subject=Письмо%20с%20сайта%20cagaf.com"</a> - тоже самое, только еще будет создана тема письма.</li>
	<li title=""><a href="mailto:info@cagaf.com?Subject=Письмо%20с%20сайта%20cagaf.com&amp;Body=Добрый%20день!">href="mailto:info@cagaf.com?Subject=Письмо%20с%20сайта%20cagaf.com&amp;Body=Добрый%20день!"</a> - тоже самое, только еще будет создано тело письма.</li>
</ol>

<a href="#header1" style="float: right;" title="Переход на начало странички.">Наверх ↑</a>
Наша тестовая страничка после данного урока:
article_008.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
article_008.zip ← скачайте пример, чтобы установить на свой сайт...


*** Машина-Функционал для передвижения по страничкам курса HTML ***
:: :: /

Вы кликнули поясняющий рисунок, который показывает, как работает тот или иной функционал. Кликать эти рисунки не надо, нет смысла.

Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.

Тропинка к данной страничке:
ГлавСтр :: Урок_00 :: Урок_01 :: Урок_01.4 :: Лаба_1 :: Урок_01.5 :: Урок_01.6 :: Урок_02 :: Урок_03 :: Урок_04 :: Урок_05 :: Урок_06 :: Урок_07 :: Урок 08

Следующие странички, рекомендуемые для посещения и изучения:
Урок 09

Страничка сделана на основе контента курса HTML сайта kocby.ru

© KOCI.INUMO.RU :: перепечатка материалов разрешается с указанием ссылки на домен KOCI.INUMO.RU ©