Темная тема
Мультимедиа
Что такое мультимедиа?
Мультимедиа - это любые "не текстовые" элементы, такие как видео, аудио, изображения, анимации, которые можно встраивать прямо в веб-страницу.
Элемент img
<img>- изображение;src- путь к изображению (обязательный);alt- альтернативный текст. Показывается, если изображение не загрузилось (рекомендуется);width- ширина изображения;height- высота изображения;title- всплывающая подсказка при наведении курсора.
Например:
html
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<title>Моя первая страница</title>
</head>
<body>
<img src="/images/html/img_001.jpg" alt="И так сойдёт" width="300" />
</body>
</html>Элемент audio
<audio>- звук;src- источник;controls- элементы воспроизведения;autoplay- автовоспроизведение;loop- воспроизведение по кругу;muted- отключить звук;preload- режим загрузки;
Например:
html
<audio src="/audios/audio_001.mp3" controls></audio>Элемент video
<video>- видео;src- источник;height- ширина;width- высота;controls- элементы воспроизведения;autoplay- автовоспроизведение;muted- отключить звук;loop- воспроизведение по кругу;preload- режим загрузки;auto- видео и метаданные загружаются до воспроизведения видео;none- видео не загружается;metadata- загружаются только метаданные;
poster- обложка видео;<track>- субтитры к видео;
Например:
html
<video src="/videos/video_001.mp4" height="300" controls></video>Элемент iframe
<iframe>- вставка внешнего контента;src- источник;width- ширина;height- высота;
Например:
html
<iframe src="https://markusfx.ru" width="400px"></iframe>