<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>img 태그</title>
</head>
<body>
<h1>img</h1>
<h2>width, height</h2>
<p><img src="../../smiley.gif" alt="Smiley face" width="42" height="42" /></p>
<h2>alt, title</h2>
<p><img src="../../smiley.gif" alt="Smiley face" title="웃는 얼굴" width="42" height="42" /></p>
<h2>align="bottom"</h2>
<p>이미지의 위치를 확인합니다. <img src="../../smiley.gif" alt="Smiley face" width="42" height="42" align="bottom"> 이미지의 위치를 확인합니다.</p>
<h2>align="bottom"</h2>
<p>이미지의 위치를 확인합니다. <img src="../../smiley.gif" alt="Smiley face" width="42" height="42" align="bottom"> 이미지의 위치를 확인합니다.</p>
<h2>align="middle"</h2>
<p>이미지의 위치를 확인합니다. <img src="../../smiley.gif" alt="Smiley face" width="42" height="42" align="middle"> 이미지의 위치를 확인합니다.</p>
<h2>align="top"</h2>
<p>이미지의 위치를 확인합니다. <img src="../../smiley.gif" alt="Smiley face" width="42" height="42" align="top"> 이미지의 위치를 확인합니다.</p>
<h2>align="left"</h2>
<p>이미지의 위치를 확인합니다. <img src="../../smiley.gif" alt="Smiley face" width="42" height="42" align="left">이미지의 위치를 확인합니다. 이미지의 위치를 확인합니다. 이미지의 위치를 확인합니다.</p>
<h2>align="right"</h2>
<p>이미지의 위치를 확인합니다. <img src="../../smiley.gif" alt="Smiley face" width="42" height="42" align="right">이미지의 위치를 확인합니다. 이미지의 위치를 확인합니다. 이미지의 위치를 확인합니다.</p>
</body>
</html>