Урок 5. Посилання. Частина 2

Відео: Урок по html № 5 Посилання частина 2

Здрастуй, шановний читачу.

Це друга частина уроку присвячена посиланнях. Тут ви дізнаєтеся про атрибуті title. Для чого він використовується і яке значення йому задавати. Того ж як робити посилання пошту та інші файли.

Це друга частина п`ятого уроку, присвячена вивченню html. Перед прочитанням даного уроку рекомендую пройти попередні уроки:

Урок 1. Що таке html?
Урок 2. Частини, заголовки
Урок 3. Списки
Урок 4. Зображення
Урок 5. Посилання. Частина 1

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

У минулому уроці було домашнє завдання, яке необхідно було пройти для розуміння роботи посилань. Ось що вийшло у мене:

Відео: Урок iMovie - Частина 2/5

Подивитися прімерСкачать

Що змінилося:
• З`явилася папка images в яку в подальшому будемо «класти» все зображення. Тому у адреси зображення в тезі img наступне href = "images / fruits.jpg". Це зроблено для того щоб дотримувався порядок на сервері. Тому привчіть себе відразу зберігати зображення в окремій папці.
• Створено 3 сторінки були: banan.html, apple.html і persik.html.
• У кожної сторінки в тезі свою назву для кожної сторінки.
• Створено меню, щоб можна було перейти з будь-якої сторінки на будь-яку:

  ...lt;pgt; Менюlt;/pgt;lt;ulgt;lt;ligt; Головнаlt;/ligt;lt;ligt; Бананlt;/ligt;lt;ligt; Яблукоlt;/ligt;lt;ligt; lt;a href="Persik.html" title="Користь персика"gt; Персикlt;/agt; lt;/ligt;lt;/ulgt; ...

Ви напевно вже помітили в посиланнях атрибут title. Цей атрибут дуже важливий при індексуванні роботом вашого сайту. Він обов`язково повинен бути прописаний для кожної посилання. Даний атрибут можна побачити за наведенні на заслання.

Відео: Урок 5. Практичний приклад. Частина 2

Зараз розглянемо як зробити посилання на e-mail. Як це буде виглядати в коді:

lt;a href="Mailto: [email protected]" title="Відправити e-mail"gt; Відправити e-maillt;/agt;

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

Відео: Уроки по Tropico 5 HD: Частина 2 - Переходимо в світові війни (деталі уроку в описі під відео)

При кліці по цим посиланням буде відкриватися поштова програма, яка за замовчуванням стоїть на вашому комп`ютері.

Також можна робити посилання на інші файли для подальшого завантаження. Ось приклад коду:

lt;a href="File.rar" title="Завантажити"gt; Завантажити файлlt;/agt;

При натисканні на посилання з`явиться вікно браузера із запитом куди ви бажаєте зберегти даний файл.

За два уроки ми розглянули як створюються посилання на інші сторінки, на елементи всередині сторінки, як створити посилання на e-mail, як створити посилання на файл. Пробуйте все прописати руками. Тоді ви краще запам`ятайте їх і будете пам`ятати де і як їх застосувати.

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