По умолчанию броузер показывает изображение в строке, т.е. оно располагается справа от предшествующего объекта. Текст не окружает изображение. Однако вы можете разместить изображение с правой или с левой стороны Web-страницы, при этом окружающий текст будет располагаться вдоль границы изображения. Такой тип изображения называется плавающим.
Создать плавающее изображение можно с атрибута ALIGN дескриптора <IMG>. Это тот же атрибут, который используется для выравнивания окружающего текста по изображению
В ссылке
Объяснение:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="home.css" type="text/css">
<title> Домашние животные </title>
</head>
<body>
<div class="space">Домашние животные</div>
<ul class="hr">
<li><a href="cat.html"><img src="images/cat.jpg" width="100" height="100" alt="кот"></a></li>
<li><a href="dog.html"><img src="images/dog.jpg" width="100" height="100" alt="собака"></a></li>
<li><a href="hamster.html"><img src="images/hamster.jpg" width="100" height="100" alt="хомяк"></a></li>
</ul>
</body>
</html>
Объяснение:
По умолчанию броузер показывает изображение в строке, т.е. оно располагается справа от предшествующего объекта. Текст не окружает изображение. Однако вы можете разместить изображение с правой или с левой стороны Web-страницы, при этом окружающий текст будет располагаться вдоль границы изображения. Такой тип изображения называется плавающим.
Создать плавающее изображение можно с атрибута ALIGN дескриптора <IMG>. Это тот же атрибут, который используется для выравнивания окружающего текста по изображению