[HTML 기본 요소] 이미지

공부 참고 : http://tcpschool.com/html/html_basic_images

▶ 이미지

▣ 이미지

- 웹 페이지에서 주로 사용되는 이미지의 종류

1. JPEG 이미지

2. GIF 이미지

3. PNG 이미지

▣ 이미지 삽입

- <img> 태그를 사용하여 삽입.

- <img> 태그는 빈 태그

- 문법 : <img src="이미지주소" alt="대체문자열">

☞ src 속성 : 이미지 url 주소

☞ 이미지 로딩 실패 시 나타날 문자열

- 결과 화면

▣ 이미지 크기

- 이미지 크기 설정 방식

1. style 속성 이용

2. width, height 속성이용 (픽셀단위)

- 예제

...

▣ 이미지 테두리 설정

- border 속성을 사용하여 테두리 사용여부와 굵기를 설정 가능.

- 예제

▣ 이미지 링크 설정

- <a>태그를 이용하여 링크 설정 가능

- 예제