홈피만들기/홈피제작/홈피꾸미기/무료홈페이지만들기/개인홈페이지제작/홈페이지만드는방법/무료개인홈페이지/html 홈페이지/html 이미지 여백주기/이미지태그/html태그/html강좌/html기본소스/

(html강좌) 11-2. 이미지의 여백 주기

㈏ 이미지의 여백주기

<img> 태그에 옵션을 주어 이미지의 

주변에 여백을 줄 수 있다. 이미지의 한쪽에만 

공백을 만드는 지정은 불가능하다. 

hspace의 경우에 여백을 주게 되면 왼쪽, 

오른쪽 양쪽에 공백을 준다. 왼쪽이나 

오른쪽 중 한쪽만 공백을 줄 수는 없다.

(형식) <img src="이미지 파일명" 

vspace="픽셀수" hspace="픽셀수">

vspace="픽셀 수"는 이미지의 상하에 

지정한 픽셀 수만큼 여백을 주고, 

hspace="픽셀 수"는 이미지의 

좌우에 지정한 픽셀 수만큼 여백을 준다. 

(실습 - html기본소스)

<html>

<head> <title>이미지의 여백주기</title> 

</head> 

<body>

이미지의 윗쪽과 아래쪽에<br>

<img src="osiris.jpg" vspace="20" align="left">

여백을 20픽셀만큼 주었습니다.<br>

보이시나요?<P><br><br>

이미지의 왼쪽과 오른쪽에 <br>

<img src="osiris.jpg hspace="20" align="left">

여백을 20픽셀만큼 주었습니다.<br>

이것도 보이시죠?<P>

</body>

</html>