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

Содержание

Слайд 2

Гиперссылки

Гиперссылка – элемент web-страницы, позволяющий перейти к другой странице (или элементу страницы)

Гиперссылки Гиперссылка – элемент web-страницы, позволяющий перейти к другой странице (или элементу
по щелчку мыши.

<а href=‘…’> ссылка

Слайд 3

Гиперссылки бывают трех типов:
Внешние ссылки;
Внутренние ссылки;
Ссылки-якоря;

Гиперссылки

<а href=‘contacts.html’>

<а href=‘https://yandex.ru/’>

<а href=‘#differ’>

Гиперссылки бывают трех типов: Внешние ссылки; Внутренние ссылки; Ссылки-якоря; Гиперссылки

Слайд 4

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

Урок 5

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

Слайд 5

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

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

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

Слайд 6

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

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

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

Слайд 7

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

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

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

Слайд 8

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

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

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

Слайд 9

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

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

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

Слайд 10

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

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

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

Слайд 11

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

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

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