- 1. 이미지와 함께 있는 글자의 위치 지정
- <img src=“파일명” align=“top, middle, bottom”>, 기본값은 “bottom”
- 1. 이미지 위치 지정
- <img src=“파일명” align=“left, right”> 웹 브라우저 왼쪽이나 오른쪽에 정렬되어 출력
- 1. 이미지 주변 여백 설정
- “vspace”와 “hspace” 속성을 지정하여 여백 설정, 단위는 픽셀
- “hspace” 속성을 이용하여 여백 설정 시
- 이미지 어느 한쪽에만 여백 설정 불가능
- 왼쪽, 오른쪽 모두에 여백이 설정
- 1. 이미지 출력 크기 조절 속성
- width와 height 속성을 사용하여 원래 이미지 크기 축소 확대
- 픽셀 수나 비율(%)로 지정
- 1. 이미지를 배경으로 삽입
- background 속성을 이용하여 배경에 이미지 삽입 가능
- 원본 이미지가 작을 경우 브라우저는 원본 이미지를 여러장 사용하여 타일을 깔듯 배경을 채우게 된다.
HTML.CSS.JavaScript/핵심요약2017. 5. 3. 02:36