
- •Тема 10
- •Гипертекстовые ссылки. Создание обычной гиперссылки.
- •Структура гиперссылок.
- •Графический файл в роли ссылки.
- •Ссылки и цвет.
- •Фильтры. Фильтры, применяемые к тексту.
- •Filter: название фильтра (параметры)
- •Цветовая гамма html-документа.
- •Изображения в html-документе.
- •Фильтры применяемые к изображению.
- •1. Создание гиперссылок.
- •2. Создание горизонтальных линии.
- •3. Создание фильтров применяемых к тексту и изображениям.
- •Тема 11: Использование html-списков. Маркированный список. Нумерованный список. Списки определений.
- •1. Использование html-списков.
- •Маркированные списки.
- •Списки определений:
- •1. Создайте Web-страницу используя Маркированные списки.
Фильтры применяемые к изображению.
Фильтр Alpha - осветление изображение
Фильтр Blur- размытие изображения
Фильтр Invert -инверсия изображения
Фильтр Gray -черно-белое изображение
Фильтр XRay -негативное изображение
-
К этому изображению были применены все описанные фильтры
Фильтр Alpha
Осветляет изображение.
Синтаксис: STYLE="filter:Alpha(Opacity='Opacity', FinishOpacity='Finishopacity', Style='Style', StartX='X', StartY='Y', FinishX='X', FinishY='Y')" Opacity - степень осветления (0-100. 0 светло, 100 темно). FinishOpacity - конечная степень осветления (0-100. 0 светло, 100 темно). Style - метод осветления (число: 0(без осветления), 1(линия) 2(круг) 3(прямоугольник) StartX, StartY, FinishX, FinishY - координаты осветляемой области
Пример: <IMG STYLE="filter:Alpha(Opacity='90',FinishOpacity='45',Style='2')" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>
Фильтр Blur
Размывает изображение в определенную сторону.
Синтаксис: STYLE="filter:Blur(Add='Add', Direction='Direction', Strength='Strength')" Add - умеренное или сильное размытие (соответственно 1 или 0) Direction - в какую сторону произойдет размытие (oт 0 до 315) Strength - смещение размытия
Пример: <IMG STYLE="filter:Blur(Add='1',Direction='310',Strength='10')" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>
Фильтр Invert
Инверсия изображения
Синтаксис: STYLE="filter:Invert"
Пример: <IMG STYLE="filter:Invert" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>
Фильтр Gray
Делает изображение черно-белым
Синтаксис: STYLE="filter:Gray"
Пример: <IMG STYLE="filter:Gray" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>
Фильтр Xray
Негативное изображение
Синтаксис: STYLE="filter:Xray"
Пример: <IMG STYLE="filter:Xray" SRC="Имя изображения" WIDTH="Ширина изображения" HEIGHT="Высота изображения"></P>
Задания:
1. Создание гиперссылок.
Подсказка:
1. Для создания гиперссылок наберите между тегами <BODY> и </BODY> команду <A HREF= “размещение файла\название файла. расширения ”>.
2. Введите слова «Мой компьютер», затем закрывающий тег </A>.
3. Убедитесь в том, что слова «Мой компьютер» выделены другим цветом и подчеркнуты, это означает, что гиперссылка создана.
4. Щелкните на ссылке «Мой компьютер» и посмотрите как она работает (При этом должен загрузиться документ, на который указывает гиперссылка).
2. Создание горизонтальных линии.
Подсказка:
1. Создайте три горизонтальных линий, используя следующие теги:
<HR WIDTH= “50%”>
<HR WIDTH= “80%”>
<HR WIDTH= “100%”>
Здесь <HR>-линия, WIDTH-ширина.
2.Установите цвет и толщину каждой линий. Толщина задается в пикселях с помощью тега <SIZE= “n”>.