0:00:00.192,0:00:02.681
Посилання є чудовим способом з'єднати

0:00:02.681,0:00:04.765
одну сторінку з іншою.

0:00:04.765,0:00:07.236
Але вони можуть також з'єднувати [br]одну частину сторінки

0:00:07.236,0:00:09.487
з іншою частиною цієї ж сторінки,

0:00:09.487,0:00:13.825
особливо якоїсь довгої,[br]наприклад, змісту книжки.

0:00:13.825,0:00:16.884
Я додала багато нової[br]інформації на сторінку,

0:00:16.884,0:00:19.501
щоб познайомити вас з[br]історією Інтернет-простору

0:00:19.501,0:00:21.848
та історією версій HTML.

0:00:21.848,0:00:26.046
І я думаю, що така кількість[br]інформації заслуговує на "Зміст".

0:00:26.046,0:00:29.420
Я вже розпочала його створювати,[br]це невпорядкований список

0:00:29.420,0:00:32.831
з елементами списку —[br]назвами розділів.

0:00:32.831,0:00:35.226
Я хочу додати посилання[br]кожному із заголовків,

0:00:35.226,0:00:38.564
щоб ви могли на них натиснути[br]і перейти до відповідної частини сторінки.

0:00:38.564,0:00:41.701
Щоб зробити це, я знову[br]використаю тег <а>,

0:00:41.701,0:00:45.112
тому я почну з того, що "обгорну"[br]заголовок з обох боків

0:00:45.112,0:00:48.564
початковим та кінцевим тегом <а>.

0:00:48.564,0:00:54.624
Отже, яким же має бути href[br]цього посилання?

0:00:54.624,0:00:57.808
Ми маємо якось сказати браузеру,[br]

0:00:57.808,0:00:59.929
куди на сторінці він має перескочити.

0:00:59.934,0:01:03.313
Якийсь спосіб виокремити[br]певну частину сторінки.

0:01:03.313,0:01:06.337
Якщо ви вже вивчили, як можна[br]щось вибрати у CSS,

0:01:06.337,0:01:09.108
ви вже знаєте, як це зробити.

0:01:09.108,0:01:13.766
Ми можемо це зробити, додавши[br]атрибут 'id' до тега.

0:01:13.766,0:01:18.657
Для цього ми спустимось вниз,[br]знайдемо заголовок

0:01:18.657,0:01:22.791
і додамо до нього атрибут 'id'.

0:01:22.791,0:01:25.366
Я поставлю курсор в тезі ,

0:01:25.366,0:01:27.429
напишу id="

0:01:27.429,0:01:30.082
і придумаю гарний ідентифікатор,[br]який буде унікальним,

0:01:30.082,0:01:32.956
наприклад, "веб-історія".

0:01:32.956,0:01:35.776
Добре, повернімось назад до посилання.

0:01:35.776,0:01:39.556
І зараз, щоб сказати браузеру[br]перейти до внутрішнього посилання,

0:01:39.556,0:01:41.797
ми маємо почати з решітки '#'

0:01:41.797,0:01:45.940
і потім написати такий самий 'id', як і внизу.

0:01:45.940,0:01:48.090
Добре, тепер

0:01:48.090,0:01:51.355
зупиніть це відео[br]і спробуйте натиснути на посилання.

0:01:51.355,0:01:56.387
Зробіть це, я почекаю.[br]Клік-клік![br]

0:01:56.387,0:01:59.575
Гаразд, ви побачили, як посилання[br]перенесло вас до цього розділу?

0:01:59.575,0:02:01.208
Тоді воно спрацювало!

0:02:01.208,0:02:02.877
Ми можемо додати більше таких посилань,

0:02:02.877,0:02:05.555
додавши атрибути 'id' [br]до кожного заголовка

0:02:05.555,0:02:07.705
і створивши теги <а>, [br]які на них вказуватимуть.

0:02:07.711,0:02:09.498
Але я залишу це для того, [br]щоб ви спробували.

0:02:09.498,0:02:12.153
Важливо пам'ятати, що 'id' мусять[br]бути унікальними,

0:02:12.153,0:02:15.372
бо інакше браузер не знатиме, [br]куди переходити.

0:02:15.372,0:02:17.831
Тому робіть їх гарними і змістовними.

0:02:17.852,0:02:22.062
Переклад на українську мову: Зоряна Гаврилюк, рев'юер: Юлія Білаш, Благодійний фонд "MagneticOne.org"