Урок №8. Работа с изображениями в HTML5
Для работы с изображениями в HTML5 используется тег <img>.
У тега <img> может быть шесть атрибутов:
src - источник, откуда подгружается изображение
alt - альтернативный текст для изображения
title - всплывающая подсказка при наведении курсора на изображение
width - ширина изображения
height - высота изображения
align - положение изображения на странице.
Для вставки картинки в веб-страницу добавьте следующий код:
<img src="ссылка на картинку" alt="описание картинки">
КОД:
<!DOCTYPE html>
<html>
<head>
<meta charset=”windows-1251” />
<title>Работа с изображениями в HTML5</title>
</head>
<body>
<img src="dog.jpg" alt="щенок">
<p style="text-align: center;"><img src="dog.jpg" alt="щенок"></p>
<p style="text-align: right;"><img src="dog.jpg" alt="щенок"></p>
</body>
</html>
Для выравнивания картинки по центру можно добавить атрибут style:
<p style="text-align: center;"><img src="ссылка на картинку" alt="описание картинки"></p>
Для выравнивания картинки справа замените слово "center" на "right".
Скачать исходник (30 кб)
Страница обновлена 18 сентября 2022 года.