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

Содержание

Слайд 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
Количество просмотров: 59
Количество скачиваний: 0
- Предыдущая
Здоровье — это красота
Следующая -
Космическое путешествие. Викторина

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

Роль СМИ в политической жизни
Інформатика 9 клас. Урок 1
Haunting Hands. Мобильные медиа
Разработка интернет магазина женской одежды при помощи CMS OpenCart
Сервер DropBox
Предоставление доступа к документам компьютера локальной сети
Сортировка таблицы
Инструкция по формированию электронных документов по информационному взаимодействию
Курс Основы программирования Занятие №0 (продолжение)
Основы сетевого моделирования
Ключевые слова. Файлы и файловые структуры
Проектирование и разработка автоматизированной информационной системы для учета в компьютерном магазине
Назначение и функции текстового процесса
РЖД пассажирам. Расширение функционала
Prezentatsia
Объекты(продолжение). Массивы. Деструктуризация
Понятие как форма мышления. Урок 12
Презентация "Графическая информация" - скачать презентации по Информатике
PHP - Вводная лекция (2022)
Двухдневный интенсив по разработке на языке Python. День 1. Первое знакомство с языком Python
Представление чисел в компьютере
Phone Paint Detector. Главные проблемы
Менеджер паролей
VP_lektsia_2_Komponovka
Анализ сетей массового обслуживания с положительными и отрицательными заявками
Программирование на алгоритмическом языке
ИГРА ВУ. облегчённая версия
Курс по Python