Ссылки и цвет ссылок

Содержание

Слайд 3

Ссылки

Всѐ вместе пишется так:
Здесь мои фотки!!
Как Вы наверное поняли primer.html это

Ссылки Всѐ вместе пишется так: Здесь мои фотки!! Как Вы наверное поняли
имя нашего второго html документа, а надпись "Здесь мои фотки!!" это кусочек текста из файла index.html

Слайд 4

Ссылки

Путь ссылки к открываемому документу прописывается так:
Здесь мои фотки!!
Такая запись

Ссылки Путь ссылки к открываемому документу прописывается так: Здесь мои фотки!! Такая
подразумевает, что в директории, где расположен наш первый html документ есть папка stranica в которой расположен файл primer.html

Слайд 5

Ссылки

Здесь мои фотки!!
А это значит, что файл primer.html размещен на уровень

Ссылки Здесь мои фотки!! А это значит, что файл primer.html размещен на
выше от
документа
Здесь мои фотки!!
Документ расположен на сайте www.site.ru

Слайд 6

Пример

Ниже приведен пример сразу двух документов в которых
прописаны ссылки указывающие друг на

Пример Ниже приведен пример сразу двух документов в которых прописаны ссылки указывающие друг на друга.
друга.

Слайд 7

Пример

Файл index.html:

Делаем ссылкой кусочек текста


Скажи мне, милый ребѐнок: в

Пример Файл index.html: Делаем ссылкой кусочек текста Скажи мне, милый ребѐнок: в
каком ухе у меня жужжит?
В правом
или левом?



Слайд 8

Пример

Файл primer.html:

Перешли по ссылке сюда


А вот и

Пример Файл primer.html: Перешли по ссылке сюда А вот и неугадал! У
неугадал! У меня жужжит в обоих ушах




Слайд 9

Ссылки: атрибуты

target - Имя окна или фрейма, куда браузер будет загружать
документ. Принимает

Ссылки: атрибуты target - Имя окна или фрейма, куда браузер будет загружать
значения
_blank(открывает ссылку в новой вкладке)

_self(по умолчанию открывает ссылку в текущей вкладке)

Слайд 10

Ссылки: цвета

Для изменения цвета ссылок удобнее использовать CSS
Чтобы установить цвет для всех

Ссылки: цвета Для изменения цвета ссылок удобнее использовать CSS Чтобы установить цвет
ссылок на веб-странице применяются следующие псевдоклассы, которые добавляются к селектору a
visited — Стиль для посещенной ссылки.
active — Стиль для активной ссылки. Активной ссылка становится при
нажатии на нее.
hover — Стиль для ссылки при наведении на нее мышью.

Слайд 11

Ссылки: цвета
Пример

В примере показано, как изменить цвет ссылок на веб-странице с
помощью стилей
Для

Ссылки: цвета Пример В примере показано, как изменить цвет ссылок на веб-странице
этого воспользуемся стилевым свойством color, оно задает цвет определенного текста, в данном случае, ссылок

Слайд 12

Ссылки: цвета
Пример






Ссылки: цвета Пример Содержание сайта

Слайд 13

Домашнее задание Ссылка на страницу

Создайте три файла с именами 1.html, 2.html и 3.html,

Домашнее задание Ссылка на страницу Создайте три файла с именами 1.html, 2.html
в каждом из них должен быть заголовок вида «Страница 1» и ссылка с текстом «Перейти». Причем ссылки должны быть замкнуты по схеме кольца, т.е. ссылка с документа 1.html должна вести на 2.html, с файла 2.html на 3.html, а файл 3.html опять ссылается на 1.html.
Имя файла: Ссылки-и-цвет-ссылок.pptx
Количество просмотров: 45
Количество скачиваний: 0