Гиперссылки. Урок 5

1. Гиперссылки

Урок 5

2. Гиперссылки

Гиперссылка – элемент webстраницы, позволяющий
перейти к другой странице
(или элементу страницы) по
щелчку мыши.
<а href=‘…’> ссылка </а>

3.

Гиперссылки
Гиперссылки бывают трех
типов:
Внешние ссылки;
Внутренние ссылки;
Ссылки-якоря;
<а href=‘https://yandex.ru/’>
<а href=‘contacts.html’>
<а href=‘#differ’>

4. Практическая работа

Урок 5

5. Практическая работа

1. В папке 2_lesson на рабочем столе (названа
своей фамилией) открываем через
SublimeText файл index.html:

6. Практическая работа

2. Создание внешней ссылки.
Поместить на страницу index.html ссылку на
страницу Википедии с информацией о паркуре.

7. Практическая работа

3.Создание внутренних ссылок
Для этого необходимо создать страницы сайта.

8. Практическая работа

3. Создание внутренних ссылок
Оформление страниц.

9. Практическая работа

3. Создание внутренних ссылок
Добавляем ссылки (после заголовка).

10. Практическая работа

4. Создание ссылки – якоря.
Дополнить текстом главную страницу.

11. Практическая работа

4. Создание ссылки – якоря.

12. Самостоятельная работа

Самостоятельно создать
несколько ссылок – якорей на
главной странице