Розділ 1 · Завдання 7

Посилання: зовнішні, внутрішні, якорі

Три види посилань — на чужий сайт, на свій файл і на місце на цій самій сторінці.

1. Посилання на інший сайт

Додай нижче все, що вже є:

index.html

<p>Мої улюблені сайти:</p>
<a href="https://www.google.com" target="_blank">Google</a><br>
<a href="https://www.youtube.com" target="_blank">YouTube</a>

Як це працює

href — адреса, куди веде посилання. Текст між <a> і </a> — те, на що клацає користувач. target="_blank" відкриває посилання в новій вкладці.

2. Посилання на свій файл

Створи в тій самій папці ще один файл через Блокнот — назви його about.html, напиши в ньому будь-що і збережи. Тепер повернись до index.html і додай:

index.html

<p>Мої сторінки:</p>
<a href="about.html">Перейти на другу сторінку</a>

Зверни увагу

Тут немає https:// і немає target="_blank" — бо це файл поруч з твоїм, а не чужий сайт. Саме так на справжніх сайтах пов'язують сторінки «Головна», «Про нас», «Контакти».

3. Посилання на місце на цій самій сторінці (якір)

Спочатку познач місце, куди будемо «стрибати» — постав це прямо над списками із завдання 6:

index.html

<a name="lists"></a>

Далі

А тепер у самий верх сторінки додай посилання на цей якір. Знак # перед назвою означає «не інший файл, а місце на цій самій сторінці»:

index.html

<p><a href="#lists">Перейти одразу до списків</a></p>

Курс створено за підтримки бухгалтерського бюро Galakton, Білосток, Польща