HTML с нуля #3 — Списки, изображения, аудио и видео | HTML для начинающих

🌐 HTML с нуля — Урок #3: Списки, изображения и мультимедиа В этом уроке продолжаем изучать HTML и научимся добавлять на веб-страницы списки, изображения, аудио и видео. Также разберём, как правильно использовать HTML-теги и оптимизировать изображения, чтобы страницы загружались быстрее. 📚 В этом уроке: ✅ 1. Списки в HTML Маркированные списки — ul Нумерованные списки — ol Элементы списка — li Создание вложенных списков ✅ 2. Изображения в HTML Тег img Атрибут src — путь к изображению Атрибут alt — альтернативный текст Атрибуты width и height Добавление изображений на страницу ✅ 3. Аудио и видео Тег audio Тег video Тег source Воспроизведение мультимедиа в браузере ✅ 4. Оптимизация изображений Популярные форматы: JPEG, PNG, WebP Размер и вес изображений Почему важно оптимизировать изображения для сайта 💻 Для кого этот курс? Курс подходит начинающим, которые хотят научиться создавать сайты с нуля. Все темы объясняются последовательно, с примерами и практикой. ⚔️ Практикуйтесь вместе со мной! Создайте HTML-страницу, добавьте список любимых фильмов, несколько изображений и одно видео. Попробуйте использовать изученные теги самостоятельно. Code Viking — покоряем программирование шаг за шагом! Инструменты: Squoosh (https://squoosh.app/)— бесплатный онлайн-инструмент от Google: меняет формат, размер и качество с наглядным сравнением «до/после». TinyPNG (https://tinypng.com/) — быстро сжимает PNG, JPEG и WebP пачкой. SVGOMG (https://jakearchibald.github.io/svgomg/) — очищает SVG от лишнего кода. #html #htmlснуля #frontend