почему он помещает один конкретный тег img внутри тега div?

Maybe because

is a block level element and is not?

In any case, code found in books is often there merely as an illustration and sometimes does not represent best practice.

is actually a replaced inline element. However my point about sample code in books still stands.

There are also many ways to skin a cat ...

Just from the look of it, I'd guess this is a logical

that got afflicted by divitis. Books tend to have some degree of quality control on them, but they're still lousy with div-ridden WTFs just because that's how so many designers learned to do it. But it's hard to say for certain without either seeing the book or having convenient access to the author's brain.

Кроме того, многие люди забывают, что они могут создавать обычные ненавязчивые встроенные элементы произвольно причудливыми способами, поэтому они в конечном итоге добавляют элементы, которые в большей степени используются для стилизации. Я когда-то упростил действительно гладкую, профессионально разработанную ссылку заголовка категории с нечетной формой и очень конкретным интервалом, потому что это вызывало странные проблемы при перемещении в другую область страницы. IIRC, их версия использовала три divs, img, якорь и пролет. Мой использовал якорь и img и был идентичен пикселю.