Отправляет email-рассылки с помощью сервиса Sendsay

Свежие уроки CSS3, HTML5, jQuery

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 142 RSS
←   Май 2014   →
 1
 2
 3
03.05.2014
09:05:44
11:05:56
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней 12 выпусков (1-2 раза в неделю)


Открыта: 27-04-2014

Автор
Юрий Немец

Статистика

142 подписчиков
0 за неделю
←   Все выпуски   →

Свежие уроки CSS3, HTML5, jQuery Урок 5. Ссылки. Часть 2


Урок 5. Ссылки

Здравствуй, уважаемый читатель.

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


Это вторая часть пятого урока, посвященная изучению html. Перед прочтением данного урока рекомендую пройти предыдущие уроки

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

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

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

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

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

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

<a href="mailto:myemail@sitehere.ru" title="Отправить e-mail">Отправить e-mail</a>

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

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

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

<a href="file.rar" title="Скачать">Скачать файл</a>

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

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

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