<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<!-- img alt는 그림파일이 없거나 마우스를 갖다대면 풍선 도움말을 출력함 -->
<img alt = "Zion T!!" src = "image/ziont.jpg"> <br>
<!-- 이미지의 세로, 가로 설정 -->
<img alt = "Primary!!" src = "image/primary.jpg" width="200" height="200"> <br>
<img alt = "JRabbit!!" src = "image/jrabbit.jpg" width="200" height="200"> <br>
</body>
</html>
- 결과
- ImageEx.html 소스
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<H2 ALIGN = "CENTER"> 이미지 불러오기 </H2>
<HR SIZE = 2 NOSHADE COLOR = BLUE>
<FONT SIZE = 4 COLOR = "RED"> 1. 이미지를 왼쪽에 위치 </FONT>
<BR><IMG SRC = "image/lee.jpg" ALIGN = "LEFT"> 이미지를 왼쪽에 위치시키는 속성
<BR> 즉, 오른쪽 영역에는 글을 쓸 수 있음 <BR CLEAR=ALL>
<HR SIZE = 2 NOSHADE COLOR = BLUE>
<FONT SIZE = 4 COLOR = "RED"> 2. 이미지를 오른쪽에 위치 테두리=4 </FONT>
<BR><IMG SRC = "image/lee.jpg" ALIGN = "RIGHT" BORDER = 4> 이미지를 오른쪽에 위치시키는 속성
<BR> 즉, 왼쪽 영역에는 글을 쓸 수 있음 <BR CLEAR = ALL>
<HR SIZE = 2 NOSHADE COLOR = BLUE>
<FONT SIZE = 4 COLOR = "RED"> 3. 글씨를 오른쪽 위에 한줄만 좌우 여백 = 30 </FONT>
<BR><IMG SRC = "image/lee.jpg" ALIGN = "TOP" HSPACE = 30> 글을 오른쪽 위에 한 줄만 쓸 수 있음
<BR>
<HR SIZE = 2 NOSHADE COLOR = BLUE>
<FONT SIZE = 4 COLOR = "RED"> 4. 글씨를 오른쪽 가운데에 한줄만 상하여백 = 30 </FONT>
<BR><IMG SRC = "image/lee.jpg" ALIGN = "MIDDLE" VSPACE = 30> 글을 오른쪽 가운데에 한 줄만 쓸 수 있음
<BR>
<HR SIZE = 2 NOSHADE COLOR = BLUE>
<FONT SIZE = 4 COLOR = "RED"> 5. 글씨를 오른쪽 아래에 한줄만 그림이라는 풍선도움말</FONT>
<BR><IMG SRC = "image/lee.jpg" ALIGN = "BOTTOM" ALT = "그림"> 글을 오른쪽 아래에 한 줄만 쓸 수 있음
<BR>
<HR SIZE = 2 NOSHADE COLOR = BLUE>
<FONT SIZE = 4 COLOR = "RED"> 6. 글씨를 왼쪽 위에 한줄만 </FONT>
<BR> 글을 왼쪽 위에 한 줄만 쓸 수 있음 <IMG SRC = "image/lee.jpg" ALIGN = "TOP">
<HR SIZE = 2 NOSHADE COLOR = BLUE>
<FONT SIZE = 4 COLOR = "RED"> 7. 글씨를 왼쪽 가운데에 한줄만 </FONT>
<BR> 글을 왼쪽 가운데에 한 줄만 쓸 수 있음 <IMG SRC = "image/lee.jpg" ALIGN = "MIDDLE">
<HR SIZE = 2 NOSHADE COLOR = BLUE>
<FONT SIZE = 4 COLOR = "RED"> 8. 글씨를 왼쪽 아래에 한줄만 </FONT>
<BR> 글을 왼쪽 아래에 한 줄만 쓸 수 있음 <IMG SRC = "image/lee.jpg" ALIGN = "BOTTOM">
</body>
</html>
- 결과
