10.
<!DOCTYPE html>
<html>
<body>
<img src=”http://www.WebSiteDevelopmentBook.com/Chapter02/Airplane.jpg” width=”100″ height=”200″ /><br/>
<img src=”http://www.WebSiteDevelopmentBook.com/Chapter02/Airplane.jpg” width=”100″ height=”200″ style=”-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);”/><br/>
<img src=”http://www.WebSiteDevelopmentBook.com/Chapter02/Airplane.jpg” width=”100″ height=”200″ style=”-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);”/><br/>
<img src=”http://www.WebSiteDevelopmentBook.com/Chapter02/Airplane.jpg” width=”100″ height=”200″ style=”-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);”/>
</body>
</html>

11.
<!DOCTYPE html>
<html>
<body>
<img src=”http://www.WebSiteDevelopmentBook.com/Chapter02/Dog01.jpg” width=”300″ height=”200″ style=”padding:20px”/>
<img src=”http://www.WebSiteDevelopmentBook.com/Chapter02/Dog02.jpg” width=”300″ height=”200″ style=”padding:20px”/>
<img src=”http://www.WebSiteDevelopmentBook.com/Chapter02/Dog03.jpg” width=”300″ height=”200″ style=”padding:20px”/>
</body>
</html>

Hope this helps, Please upvote if you feel satisfied.
Thank you 🙂