🗊Презентация Изображения и мультимедия в HTML

Нажмите для полного просмотра!
Изображения и мультимедия в HTML, слайд №1Изображения и мультимедия в HTML, слайд №2Изображения и мультимедия в HTML, слайд №3Изображения и мультимедия в HTML, слайд №4Изображения и мультимедия в HTML, слайд №5Изображения и мультимедия в HTML, слайд №6Изображения и мультимедия в HTML, слайд №7Изображения и мультимедия в HTML, слайд №8Изображения и мультимедия в HTML, слайд №9Изображения и мультимедия в HTML, слайд №10Изображения и мультимедия в HTML, слайд №11Изображения и мультимедия в HTML, слайд №12Изображения и мультимедия в HTML, слайд №13Изображения и мультимедия в HTML, слайд №14Изображения и мультимедия в HTML, слайд №15Изображения и мультимедия в HTML, слайд №16Изображения и мультимедия в HTML, слайд №17Изображения и мультимедия в HTML, слайд №18Изображения и мультимедия в HTML, слайд №19Изображения и мультимедия в HTML, слайд №20Изображения и мультимедия в HTML, слайд №21Изображения и мультимедия в HTML, слайд №22Изображения и мультимедия в HTML, слайд №23Изображения и мультимедия в HTML, слайд №24Изображения и мультимедия в HTML, слайд №25Изображения и мультимедия в HTML, слайд №26Изображения и мультимедия в HTML, слайд №27Изображения и мультимедия в HTML, слайд №28Изображения и мультимедия в HTML, слайд №29Изображения и мультимедия в HTML, слайд №30Изображения и мультимедия в HTML, слайд №31Изображения и мультимедия в HTML, слайд №32Изображения и мультимедия в HTML, слайд №33

Вы можете ознакомиться и скачать презентацию на тему Изображения и мультимедия в HTML. Доклад-сообщение содержит 33 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1


Изображения и мультимедия в HTML, слайд №1
Описание слайда:

Слайд 2


Изображения и мультимедия в HTML, слайд №2
Описание слайда:

Слайд 3


Изображения и мультимедия в HTML, слайд №3
Описание слайда:

Слайд 4


Изображения и мультимедия в HTML, слайд №4
Описание слайда:

Слайд 5





Тэг  <IMG> - вставка изображений
Описание слайда:
Тэг <IMG> - вставка изображений

Слайд 6


Изображения и мультимедия в HTML, слайд №6
Описание слайда:

Слайд 7


Изображения и мультимедия в HTML, слайд №7
Описание слайда:

Слайд 8





Центрирование изображения
Описание слайда:
Центрирование изображения

Слайд 9





Обтекание изображения текстом
Описание слайда:
Обтекание изображения текстом

Слайд 10


Изображения и мультимедия в HTML, слайд №10
Описание слайда:

Слайд 11


Изображения и мультимедия в HTML, слайд №11
Описание слайда:

Слайд 12


Изображения и мультимедия в HTML, слайд №12
Описание слайда:

Слайд 13


Изображения и мультимедия в HTML, слайд №13
Описание слайда:

Слайд 14


Изображения и мультимедия в HTML, слайд №14
Описание слайда:

Слайд 15


Изображения и мультимедия в HTML, слайд №15
Описание слайда:

Слайд 16





Использование видео
Описание слайда:
Использование видео

Слайд 17





Управление проигрыванием
Описание слайда:
Управление проигрыванием

Слайд 18





Звуковой фон
Описание слайда:
Звуковой фон

Слайд 19





Тесты
1. Выберите корректный пример вставки изображения в HTML-документ
А) <INPUT TYPE=image>
В)  <IMG SRC="1.gif"> 
С) <A HREF="1.gif">
Е) <BODY BACKGROUNDIMAGE="1.gif">
Описание слайда:
Тесты 1. Выберите корректный пример вставки изображения в HTML-документ А) <INPUT TYPE=image> В) <IMG SRC="1.gif"> С) <A HREF="1.gif"> Е) <BODY BACKGROUNDIMAGE="1.gif">

Слайд 20






2. Выберите вариант корректной установки цвета фона страницы
А) <body bgcolor="yellow“>
В) <body color="yellow“>
С)<body background="yellow"> 
Е) <head bgcolor="yellow">
Описание слайда:
2. Выберите вариант корректной установки цвета фона страницы А) <body bgcolor="yellow“> В) <body color="yellow“> С)<body background="yellow"> Е) <head bgcolor="yellow">

Слайд 21






3. Какой атрибут тега <IMG> задает вертикальное расстояние между строками текста и изображением?
А) HSPACE
В)VSPACE
С)BORDER
Описание слайда:
3. Какой атрибут тега <IMG> задает вертикальное расстояние между строками текста и изображением? А) HSPACE В)VSPACE С)BORDER

Слайд 22






4. Какие атрибуты принадлежат тегу <IMG>?
А) ALT, ALIGN, USEMAP, HSPACE, VSPACE, BORDER
В) ALT, COLOR, USEMAP, HSPACE, VSPACE, BORDER
С) MAP, ALIGN, WIDTH, HSPACE, VSPACE, BORDER
Описание слайда:
4. Какие атрибуты принадлежат тегу <IMG>? А) ALT, ALIGN, USEMAP, HSPACE, VSPACE, BORDER В) ALT, COLOR, USEMAP, HSPACE, VSPACE, BORDER С) MAP, ALIGN, WIDTH, HSPACE, VSPACE, BORDER

Слайд 23





5 Какие значения атрибута ALIGN используются для определения положения изображения относительно окружающего текста?
5 Какие значения атрибута ALIGN используются для определения положения изображения относительно окружающего текста?
А)  left
В) right
С) top
Е) bottom 
Н) baseline
Описание слайда:
5 Какие значения атрибута ALIGN используются для определения положения изображения относительно окружающего текста? 5 Какие значения атрибута ALIGN используются для определения положения изображения относительно окружающего текста? А)  left В) right С) top Е) bottom Н) baseline

Слайд 24






6. Какие из приведенных тегов HTML начинают вывод текста с новой строки на странице?
А) NOBR
 В) P
С) BR
Е) H1
Описание слайда:
6. Какие из приведенных тегов HTML начинают вывод текста с новой строки на странице? А) NOBR В) P С) BR Е) H1

Слайд 25





7. Какие из приведенных тегов неверно описывают активное изображение?
7. Какие из приведенных тегов неверно описывают активное изображение?
А) <img src="image.jpg" width=100 height=100>
В) <img src="image.jpg" width=100 height=100 usemap="#map1“>
С) <img src="image.jpg" width=100 height=100 usemap>
Описание слайда:
7. Какие из приведенных тегов неверно описывают активное изображение? 7. Какие из приведенных тегов неверно описывают активное изображение? А) <img src="image.jpg" width=100 height=100> В) <img src="image.jpg" width=100 height=100 usemap="#map1“> С) <img src="image.jpg" width=100 height=100 usemap>

Слайд 26






8. Какие теги допускают использование изображений?
А) IMG
В) INPUT
С) TABLE
Е) HEAD
Описание слайда:
8. Какие теги допускают использование изображений? А) IMG В) INPUT С) TABLE Е) HEAD

Слайд 27






9. Какой атрибут тега <IMG> задает горизонтальное расстояние между вертикальной границей страницы и изображением?
А) HSPACE 
В) VSPACE
С) BORDER
Описание слайда:
9. Какой атрибут тега <IMG> задает горизонтальное расстояние между вертикальной границей страницы и изображением? А) HSPACE В) VSPACE С) BORDER

Слайд 28






10. Какой атрибут тега <IMG> указывает файл изображения и путь к нему?
А) ALT 
В) SRC 
С) ALIGN
Описание слайда:
10. Какой атрибут тега <IMG> указывает файл изображения и путь к нему? А) ALT В) SRC С) ALIGN

Слайд 29





Найдите ошибки
<html>
<head>
<title>Вставка изображения в HTML код страницы</title>
</head>
<body>
<img src="xxx.jpg" alt="Альтернативный текст" width="100" height="80" />
   </img > 
</body>
</html>
Описание слайда:
Найдите ошибки <html> <head> <title>Вставка изображения в HTML код страницы</title> </head> <body> <img src="xxx.jpg" alt="Альтернативный текст" width="100" height="80" /> </img > </body> </html>

Слайд 30





<html>
<head>
<title>Отступы между изображением и текстом</title>
</head>
<body>
<p>Текст вверху изображения на дополнительном расстоянии в 20 пикселей</p>
<img src="../images/2121.png" align="left" width="195" height="157" hspace="50" vspace="20" />
<p>Текст справа от изображения на дополнительном расстоянии в 50 пикселей</p>
<p>Текст</p>
<p>Текст</p>
<p>Текст</p>
<p>Текст</p>
<p>Текст</p>
<p>Текст внизу изображения на доболнительном расстоянии в 20 пикселей</p>

<html>
<head>
<title>Отступы между изображением и текстом</title>
</head>
<body>
<p>Текст вверху изображения на дополнительном расстоянии в 20 пикселей</p>
<img src="../images/2121.png" align="left" width="195" height="157" hspace="50" vspace="20" />
<p>Текст справа от изображения на дополнительном расстоянии в 50 пикселей</p>
<p>Текст</p>
<p>Текст</p>
<p>Текст</p>
<p>Текст</p>
<p>Текст</p>
<p>Текст внизу изображения на доболнительном расстоянии в 20 пикселей</p>
Описание слайда:
<html> <head> <title>Отступы между изображением и текстом</title> </head> <body> <p>Текст вверху изображения на дополнительном расстоянии в 20 пикселей</p> <img src="../images/2121.png" align="left" width="195" height="157" hspace="50" vspace="20" /> <p>Текст справа от изображения на дополнительном расстоянии в 50 пикселей</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст внизу изображения на доболнительном расстоянии в 20 пикселей</p> <html> <head> <title>Отступы между изображением и текстом</title> </head> <body> <p>Текст вверху изображения на дополнительном расстоянии в 20 пикселей</p> <img src="../images/2121.png" align="left" width="195" height="157" hspace="50" vspace="20" /> <p>Текст справа от изображения на дополнительном расстоянии в 50 пикселей</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст внизу изображения на доболнительном расстоянии в 20 пикселей</p>

Слайд 31


Изображения и мультимедия в HTML, слайд №31
Описание слайда:

Слайд 32





<html>
<title>Фоновое изображение в HTML</title>
</head>
<body style="background-image:url(../images/primer-img.jpg)">
<p>Какой-то произвольный текст.</p>
</body>
</html>
<html>
<title>Фоновое изображение в HTML</title>
</head>
<body style="background-image:url(../images/primer-img.jpg)">
<p>Какой-то произвольный текст.</p>
</body>
</html>
Описание слайда:
<html> <title>Фоновое изображение в HTML</title> </head> <body style="background-image:url(../images/primer-img.jpg)"> <p>Какой-то произвольный текст.</p> </body> </html> <html> <title>Фоновое изображение в HTML</title> </head> <body style="background-image:url(../images/primer-img.jpg)"> <p>Какой-то произвольный текст.</p> </body> </html>

Слайд 33


Изображения и мультимедия в HTML, слайд №33
Описание слайда:



Похожие презентации
Mypresentation.ru
Загрузить презентацию