Изображения. Гиперссылки

Август 10, 2022

Главная
Информатика
Изображения. Гиперссылки

Содержание

2. ЧТО ТАКОЕ ГИПЕРССЫЛКИ? Какие составные части должны быть у ссылки?
3. А Ссылка target _blank Загружает страницу в новое окно браузера. _self Загружает страницу в текущее окно.
4. ССЫЛКА ВНУТРЬ ДОКУМЕНТА Ссылка …. … (HTML5, в версиях ниже используется атрибут name)
5. СМЕШАННЫЕ ССЫЛКИ Ссылка Переход на элемент с id=“anchor” на странице page2.html
6. ОФОРМЛЕНИЕ ССЫЛОК color – цвет text-decoration – подчеркивание display – сделать ссылки блочными
7. CURSOR Устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора зависит от операционной системы
9. Изображения
10. IMG Тег предназначен для отображения на веб-странице изображений Атрибуты align - Определяет как рисунок будет выравниваться
11. FLOAT left Выравнивает элемент по левому краю, а все остальные элементы, вроде текста, обтекают его по
12. GIF JPEG PNG SVG Gif: - малое количество цветов, + анимация Jpeg: - сжатие, + сжатие
13. ЗАДАНИЕ: Добавить галерею из 6 изображений на странице, предусмотреть подписи при отсутствии изображений, подписи изображений, соблюдать
15. Скачать презентацию

Слайд 2

ЧТО ТАКОЕ ГИПЕРССЫЛКИ?
Какие составные части должны быть у ссылки?

Слайд 3

А
Ссылка
target
_blank
Загружает страницу в новое окно браузера.
_self
Загружает страницу в текущее окно.
_parent
Загружает

страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self.
_top
Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self.

Слайд 4

ССЫЛКА ВНУТРЬ ДОКУМЕНТА
Ссылка
….
…

(HTML5, в версиях ниже используется атрибут name)

Слайд 5

СМЕШАННЫЕ ССЫЛКИ
Ссылка
Переход на элемент с id=“anchor” на странице page2.html

Слайд 6

ОФОРМЛЕНИЕ ССЫЛОК
color – цвет
text-decoration – подчеркивание
display – сделать ссылки блочными

Слайд 7

CURSOR
Устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора

Слайд 8

Слайд 9

Изображения

Слайд 10

IMG
Тег предназначен для отображения на веб-странице изображений
Атрибуты
align - Определяет как рисунок будет

выравниваться по краю и способ обтекания текстом.
alt - Альтернативный текст для изображения.
border - Толщина рамки вокруг изображения.
src - Путь к графическому файлу.
height - Высота изображения.
width - Ширина изображения.

Слайд 11

FLOAT
left
Выравнивает элемент по левому краю, а все остальные элементы, вроде текста,

обтекают его по правой стороне.
right
Выравнивает элемент по правому краю, а все остальные элементы обтекают его по левой стороне.
none
Обтекание элемента не задается.

Слайд 12

GIF JPEG PNG SVG
Gif: - малое количество цветов, + анимация
Jpeg: -

сжатие, + сжатие
Png: - размеры, + альфа канал
Svg: - размеры, + векторная графика

Слайд 13

ЗАДАНИЕ:
Добавить галерею из 6 изображений на странице, предусмотреть подписи при отсутствии

изображений, подписи изображений, соблюдать пропорции и размеры.

Изображения. Гиперссылки

Содержание

ЧТО ТАКОЕ ГИПЕРССЫЛКИ?Какие составные части должны быть у ссылки?

АСсылкаtarget_blankЗагружает страницу в новое окно браузера._selfЗагружает страницу в текущее окно._parentЗагружает

ССЫЛКА ВНУТРЬ ДОКУМЕНТАСсылка….…(HTML5, в версиях ниже используется атрибут name)

СМЕШАННЫЕ ССЫЛКИСсылкаПереход на элемент с id=“anchor” на странице page2.html

ОФОРМЛЕНИЕ ССЫЛОКcolor – цветtext-decoration – подчеркиваниеdisplay – сделать ссылки блочными

CURSORУстанавливает форму курсора, когда он находится в пределах элемента. Вид курсора

Изображения

IMGТег предназначен для отображения на веб-странице изображений Атрибутыalign - Определяет как рисунок будет

FLOATleftВыравнивает элемент по левому краю, а все остальные элементы, вроде текста,

GIF JPEG PNG SVGGif: - малое количество цветов, + анимацияJpeg: -

ЗАДАНИЕ:Добавить галерею из 6 изображений на странице, предусмотреть подписи при отсутствии

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