Автор статьи
Валерия
Эксперт по сдаче вступительных испытаний в ВУЗах
2. Работа с картинками в HTML
Использование графики делает веб-страницы визуально привлекательнее. Изображения помогают лучше передать суть и содержание веб-документа. HTML-изображения добавляются на веб-страницы с помощью элемента <img>. Элемент <img> представляет изображение и его алтернативный вариант, который добавляется с помощью атрибута alt. Элемент <img> является строчным, то рекомендуется располагать его внутри блочного элемента, например, <p> или <div>. Элемент <img> имеет обязательный атрибут src, значением которого является абсолютный или относительный путь к изображению: <img src=»image.png» alt=»Пример кода»> Атрибуты src — адрес изображения width — ширина изображения height — высота изображения title — подпись, которая высвечивается при наведении на изображение alt — альтернативный текст. Нужен для поискового робота и индексации изображений border — толщина границы изображения. 0 — нет границы, 1 — самая тонкая граница и тд Адрес изображения Адрес изображения может быть указан полностью (абсолютный URL), например: url(http://anysite.ru/images/anyphoto.png) Или же через относительный путь от документа или корневого каталога сайта: url(../images/anyphoto.png) — относительный путь от документа, url(/images/anyphoto.png) — относительный путь от корневого каталога. Размеры изображения Без задания размеров изображения рисунок отображается на странице в реальном размере. Отредактировать размеры изображения можно с помощью атрибутов width и height. Если будет задан только один из атрибутов, то второй будет вычисляться автоматически для сохранения пропорций рисунка. Форматы графических файлов- ФорматJPEG (Joint Photographic Experts Group).
- ФорматGIF (Graphics Interchange Format).
- ФорматPNG (Portable Network Graphics).
- ФорматAPNG (Animated Portable Network Graphics).
- SVG (Scalable Vector Graphics).
- ФорматBMP (Bitmap Picture).
- Формат ICO (Windows icon).
О сайте
Ссылка на первоисточник:
https://ooouc.ru
Поделитесь в соцсетях: