Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 23 из 70 · 12 мин
img, src, alt, width и height: картинка, которую поймут все, даже если она не загрузилась.
Вот фото товаров. Без картинок магазин не продаёт 📸
Только подпиши, что на фото. Я их не вижу, но хочу знать, что на них.
<img>src — файл, alt — описание.src нечего показать, без alt — нечего прочитать.<img src="https://picsum.photos/id/431/320/180" alt="Пенал с корицей на деревянном столе" width="320" height="180">alt<img src="zal.jpg" alt="Светлый зал с диванами у окна">alt=""alt для украшений, которые ничего не сообщают.widthimg, video, canvas, iframe.height даёт пропорции заранее — страница не прыгает.<img src="https://picsum.photos/id/431/240/120" width="240" height="120" alt="Пенал">height<img src="https://picsum.photos/id/431/120/120" width="120" height="120" alt="Пенал"><figure> <figcaption><figure>
<img src="https://picsum.photos/id/225/280/150" alt="Чашка чая" width="280" height="150">
<figcaption>Улун из Фуцзяни</figcaption>
</figure>decodingasync — не тормозить отрисовку, sync — сразу, auto — решит браузер.<img src="zal.jpg" decoding="async" alt="Зал">fetchpriorityhigh или low у img, link, script, iframe.high, баннер внизу — low.<img src="hero.jpg" fetchpriority="high" alt="Магазин утром">Добавь фото зала магазина в figure: у img есть src, полезный alt, размеры width и height, а под фото — подпись figcaption.
figure — пока нетalt — пока нетwidth и height — пока нетfigcaption — пока нетВыберите один ответ.
Для чего нужен атрибут alt у картинки?
Выберите один ответ.
Как оформить чисто декоративную картинку, которая ничего не сообщает?
Выберите один ответ.
Зачем указывать width и height у картинки, если размеры потом задаёт CSS?
Проверяем состояние обучения…