Текст, изображения, звук и видео в уеб страница
Уеб страницата може да съдържа текст, изображения, звук и видео. Изображенията се вмъкват с img, звукът с audio, а видеото с video. За снимки е подходящ JPEG, за прозрачен фон PNG, а за лога и икони векторният SVG, който не губи качество при уголемяване. Снимките се оптимизират, за да се зарежда страницата бързо, а чужди материали се използват само с разрешение или подходящ лиценз.
Какво да запомним
- Формати: JPEG (снимки), PNG (прозрачност), SVG (векторни), MP4 (видео).
- Тагове: img, audio, video.
- Атрибутът alt описва снимката с текст (за достъпност).
- Оптимизираните снимки зареждат страницата по-бързо.
- Чужда музика, снимки и видео: само с разрешение или свободен лиценз.
Пример
Таг img с src="images/uchilishte.jpg" и alt="Сградата на училището" показва снимката, а ако тя не се зареди, се вижда текстът от alt.
Проверете се: 15 въпроса
Натиснете въпроса, за да видите верния отговор и обяснението.
Кой формат е най-подходящ за снимки в уеб страница?
- MP3
- DOCX
- JPEG
- ZIP
Отговор: JPEG
JPEG компресира снимките добре при малка загуба на качество.
Кой формат на изображения поддържа прозрачен фон?
- JPEG
- MP3
- PNG
- DOCX
Отговор: PNG
PNG поддържа прозрачност, затова е удобен за лога и икони.
Кой таг вмъква видео в HTML страница?
- video
- movie
- media
- film
Отговор: Тагът video
Тагът video показва видео, а атрибутът controls добавя бутоните за управление.
Защо снимките се оптимизират (намаляват по размер) преди публикуване?
- За да станат цветни
- За да се отварят само на компютър
- За да не им трябва атрибут alt
- За да се зарежда страницата по-бързо
Отговор: За да се зарежда страницата по-бързо
Големите файлове се изтеглят по-бавно, особено на мобилен интернет.
Кой таг вмъква звук в уеб страница?
- sound
- music
- audio
- mp3
Отговор: Тагът audio
Тагът audio пуска звукови файлове, например MP3.
Кой формат е подходящ за видео в уеб страница?
- PNG
- MP4
- XLSX
Отговор: MP4
MP4 е най-разпространеният видео формат, който браузърите поддържат.
Какво е атрибутът alt на изображение?
- Алтернативен текст, който описва снимката
- Адресът на снимката
- Ширината на снимката
- Цветът на рамката
Отговор: Алтернативен текст, който описва снимката
alt се чете от екранни четци и се показва, ако снимката не се зареди.
Кой формат е векторен и не губи качество при уголемяване?
- JPEG
- PNG
- GIF
- SVG
Отговор: SVG
SVG описва фигурите с математически формули, а не с пиксели.
Можеш ли да сложиш в сайта си песен, намерена в интернет, без разрешение?
- Да, щом е в интернет, е свободна
- Не, без разрешение или подходящ лиценз се нарушават авторските права
- Да, ако е по-кратка от 5 минути
- Да, ако сайтът е училищен
Отговор: Не, без разрешение или подходящ лиценз се нарушават авторските права
Произведенията са защитени, освен ако авторът не е дал свободен лиценз или разрешение.
Какво съдържа атрибутът src на изображението?
- Описанието на снимката
- Цвета на рамката
- Пътя до файла
- Името на автора
Отговор: Пътя до файла
src казва на браузъра откъде да зареди файла на изображението.
Кой атрибут показва бутони за пускане и спиране при audio и video?
- href
- controls
- alt
- title
Отговор: controls
С атрибута controls браузърът показва бутони за управление на записа.
Кой аудио формат е най-разпространен в уеб страниците?
- MP3
- DOCX
- PNG
- HTML
Отговор: MP3
MP3 е компресиран аудио формат, който се поддържа от всички браузъри.
С кой таг обикновено се вгражда видео от YouTube в уеб страница?
- img
- audio
- br
- iframe
Отговор: iframe
YouTube дава код за вграждане с таг iframe, който показва плейъра в страницата.
Кой лиценз позволява свободно ползване на снимка при посочване на автора?
- Всички права запазени
- Търговска тайна
- Creative Commons BY
- Патент
Отговор: Creative Commons BY
Лицензът CC BY позволява използване, ако бъде посочен авторът.
Защо в тага video понякога се посочват няколко формата на един и същ файл?
- За да е по-голям файлът
- За да работи във всички браузъри
- За да се свири два пъти
- За да няма звук
Отговор: За да работи във всички браузъри
Браузърът избира първия формат, който поддържа, затова алтернативите увеличават съвместимостта.