<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<H1 align="center">이미지 불러오기</H1>
<HR size=2 color="blue">
<font color="red" size=3>1. 이미지를 왼쪽에 위치</font>
<br>
<img src="img/misang3.jpg" width=10% align="left"> 이미지를 왼쪽에
위치시키는 속성
<br> 즉, 오른쪽 영역에는 글을 쓸 수 있음.
<br clear="all">
<HR size=2 color="blue">
<font color="red" size=3>2. 이미지를 오른쪽에 위치</font>
<br>
<img src="img/misang3.jpg" width=10% align="right" border=2>
이미지를 왼쪽에 위치시키는 속성
<br> 즉, 오른쪽 영역에는 글을 쓸 수 있음.
<br clear="all">
<HR size=2 color="blue">
<font color="red" size=3>3. 글을 오른쪽 위에 한줄만. 좌우 여백 = 30</font>
<br>
<img src="img/misang3.jpg" width=10% align="top" hspace="30"> 글을
오른쪽 위에 한줄만 쓸 수 있음.
<br>
<HR size=2 color="blue">
<font color="red" size=3>4. 글을 오른쪽 가운데에 한줄만. 상하 여백 = 30</font>
<br>
<img src="img/misang3.jpg" width=10% align="middle" vspace="30">
글을 오른쪽 가운데에에 한줄만 쓸 수 있음.
<br>
<HR size=2 color="blue">
<font color="red" size=3>5. 글을 오른쪽 아래에 한줄만. 그림이라는 풍선 도움말</font>
<br>
<img src="img/misang3.jpg" width=10% align="bottom" alt="그림"> 글을
오른쪽 아래에 한줄만 쓸 수 있음.
<br>
<HR size=2 color="blue">
<font color="red" size=3>6. 글을 왼쪽 위에 한줄만.</font>
<br> 글을 왼쪽 위에 한줄만 쓸 수 있음.
<img src="img/misang3.jpg" width=10% align="top">
<br>
<HR size=2 color="blue">
<font color="red" size=3>7. 글을 왼쪽 가운데에 한줄만.</font>
<br> 글을 왼쪽 가운데에 한줄만 쓸 수 있음.
<img src="img/misang3.jpg" width=10% align="middle">
<br>
<HR size=2 color="blue">
<font color="red" size=3>8. 글을 왼쪽 아래에 한줄만.</font>
<br> 글을 왼쪽 아래에 한줄만 쓸 수 있음.
<img src="img/misang3.jpg" width=10% align="bottom">
<br>
</body>
</html>
result)
댓글 없음:
댓글 쓰기