Урок 5. Ссылки. Часть 2

Урок 5. Ссылки
Здравствуй, уважаемый читатель.

Это вторая часть урока посвященная ссылкам. Здесь вы узнаете о атрибуте title. Для чего он используется и какое значение ему задавать. А также как делать ссылки на почту и другие файлы.

Это вторая часть пятого урока, посвященная изучению html. Перед прочтением данного урока рекомендую пройти предыдущие уроки:
Урок 1. Что такое html?
Урок 2. Параграфы, заголовки
Урок 3. Списки
Урок 4. Изображения Урок 5. Ссылки. Часть 1

Теория и практика

В прошлом уроке было домашнее задание, которое необходимо было пройти для понимания работы ссылок. Вот что получилось у меня:

Посмотреть примерСкачать

    Что изменилось:
  • Появилась папка images в которую в дальнейшем будем класть все изображения. Поэтому у адреса изображения в теге img следующее href=images/fruits.jpg. Это сделано для того чтобы соблюдался порядок на сервере. Поэтому приучите себя сразу хранить изображения в отдельной папке.
  • Созданы 3 страницы: banan.html, apple.html и persik.html.
  • У каждой страницы в теге &lt,title&gt, своё название для каждой страницы.Разное название для страниц
  • Создано меню, чтобы можно было перейти с любой страницы на любую:
    … &lt,p&gt,Меню&lt,/p&gt, &lt,ul&gt, &lt,li&gt,Главная&lt,/li&gt, &lt,li&gt,Банан&lt,/li&gt, &lt,li&gt,Яблоко&lt,/li&gt, &lt,li&gt,&lt,a href=persik.html title=Польза персика&gt,Персик&lt,/a&gt,&lt,/li&gt, &lt,/ul&gt, …

Вы наверное уже заметили в ссылках атрибут title. Этот атрибут очень важен при индексировании роботом вашего сайта. Он обязательно должен быть прописан для каждой ссылки. Данный атрибут можно увидеть при наведении на ссылку.

Сейчас рассмотрим как сделать ссылку на e-mail. Как это будет выглядеть в коде:

&lt,a href=mailto:myemail@timewebhosting.ru title=Отправить e-mail&gt,Отправить e-mail&lt,/a&gt,

Как видите это обычная ссылка, только в атрибуте href значение href=mailto:адресс_вашей_электронной_почты.

При клике по данной ссылке будет открываться почтовая программа, которая по умолчанию стоит на вашем компьютере.

Также можно делать ссылки на другие файлы для последующего скачивания. Вот пример кода:

&lt,a href=file.rar title=Скачать&gt,Скачать файл&lt,/a&gt,

По нажатию на ссылку появится окно браузера с запросом куда вы желаете сохранить данный файл.

За два урока мы рассмотрели как создаются ссылки на другие страницы, на элементы внутри страницы, как создать ссылку на e-mail, как создать ссылку на файл. Пробуйте всё прописать руками. Тогда вы лучше запомните их и будете помнить где и как их применить.

Больше практикуйтесь!

Предыдущий урок Следующий урок





Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: