3-2

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


'HTML.CSS.JavaScript > 핵심요약' 카테고리의 다른 글

4-1  (0) 2017.05.12
3-3  (0) 2017.05.08
3-1  (0) 2017.05.03
2-3  (0) 2017.04.28
2-2  (0) 2017.04.28
Posted by 멜데스