Атрибуты изображений
Часть раздела Fundamentals путешествия по HTML на Coddy — урок 24 из 60.
Давайте изучим некоторые дополнительные атрибуты для улучшения ваших изображений:
alt: Предоставляет альтернативный текст, если изображение не загружается.widthиheight: Управляют размером изображения в пикселях.
Вот пример:
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />Это устанавливает источник изображения, предоставляет описание и задает его размер 600x400 пикселей. Всегда включайте alt для обеспечения доступности и используйте размеры для сохранения единообразия дизайна.
Задание
ЛегкоДобавьте следующие атрибуты к изображению:
alt: "A beautiful bird"width: "400"height: "250"
Шпаргалка
Используйте дополнительные атрибуты для улучшения ваших изображений:
alt: Предоставляет альтернативный текст, если изображение не загружаетсяwidthиheight: Управляют размером изображения в пикселях
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />Всегда включайте alt для обеспечения доступности и используйте размеры для сохранения единообразия дизайна.
Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<img src="https://4.img-dpreview.com/files/p/E~TS590x0~articles/3925134721/0266554465.jpeg">
</body>
</html>
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Fundamentals
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header
Фото профиляСекция «Обо мне»Ссылки на социальные сети2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция HeaderСекция деталей мероприятияФорма регистрацииСекция Footer9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2