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

Февраль 23, 2021

Главная
Информатика
Ссылки и цвет ссылок

Содержание

2. Ссылки Знакомимся тег (от anchor- якорь), в него можно заключить текст или рисунок, которые станут ссылкой
3. Ссылки Всѐ вместе пишется так: Здесь мои фотки!! Как Вы наверное поняли primer.html это имя нашего
4. Ссылки Путь ссылки к открываемому документу прописывается так: Здесь мои фотки!! Такая запись подразумевает, что в
5. Ссылки Здесь мои фотки!! А это значит, что файл primer.html размещен на уровень выше от документа
6. Пример Ниже приведен пример сразу двух документов в которых прописаны ссылки указывающие друг на друга.
7. Пример Файл index.html: Делаем ссылкой кусочек текста Скажи мне, милый ребѐнок: в каком ухе у меня
8. Пример Файл primer.html: Перешли по ссылке сюда А вот и неугадал! У меня жужжит в обоих
9. Ссылки: атрибуты target - Имя окна или фрейма, куда браузер будет загружать документ. Принимает значения _blank(открывает
10. Ссылки: цвета Для изменения цвета ссылок удобнее использовать CSS Чтобы установить цвет для всех ссылок на
11. Ссылки: цвета Пример В примере показано, как изменить цвет ссылок на веб-странице с помощью стилей Для
12. Ссылки: цвета Пример Содержание сайта
13. Домашнее задание Ссылка на страницу Создайте три файла с именами 1.html, 2.html и 3.html, в каждом
15. Скачать презентацию

Ссылки
Знакомимся тег (от anchor- якорь), в него можно заключить текст или

рисунок, которые станут ссылкой на те или иные документы
Атрибут тега href задаѐт имя и путь к документу на который указывает ссылка

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

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

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

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

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

выше от
документа
Здесь мои фотки!!
Документ расположен на сайте www.site.ru

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

друга.

Пример
Файл index.html:

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

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

каком ухе у меня жужжит?
В правом
или левом?

Пример
Файл primer.html:

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

А вот и

неугадал! У меня жужжит в обоих ушах

Ну я такнеиграю...

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

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

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

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

Слайд 11

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

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

Слайд 12

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

-->

Содержание сайта

Слайд 13

Домашнее задание Ссылка на страницу
Создайте три файла с именами 1.html, 2.html и 3.html,

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

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

Содержание

Слайд 2

Ссылки
Знакомимся тег (от anchor- якорь), в него можно заключить текст или

Слайд 3

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

Слайд 4

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

Слайд 5

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

Слайд 6

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

Слайд 7

Пример
Файл index.html:

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

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

Слайд 8

Пример
Файл primer.html:

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

А вот и

Слайд 9

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

Слайд 10

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

Слайд 11

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

Слайд 12

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

Слайд 13

Домашнее задание Ссылка на страницу
Создайте три файла с именами 1.html, 2.html и 3.html,

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

Содержание

СсылкиЗнакомимся тег (от anchor- якорь), в него можно заключить текст или

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

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

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

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

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

ПримерФайл primer.html: Перешли по ссылке сюда А вот и

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

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

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

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

Домашнее задание Ссылка на страницу Создайте три файла с именами 1.html, 2.html и 3.html,

Похожие презентации

Ссылки
Знакомимся тег (от anchor- якорь), в него можно заключить текст или

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

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

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

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

Пример
Файл index.html:

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

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

Пример
Файл primer.html:

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

А вот и

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

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

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

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

Домашнее задание Ссылка на страницу
Создайте три файла с именами 1.html, 2.html и 3.html,