html에 이미지를 삽입하기 위해서는 앞에서와 마찬가지로 tag를 사용하여 삽입을 하게 된다.
이미지는 .jpg, .png 등의 정적 이미지 뿐만 아니라, .gif와 같은 동적이미지도 삽입이 가능하다.
이미지 삽입은
<img src="경로명+파일명">
으로 삽입이 가능하다.
이때, 경로는 2가지 경우로 나뉜다.
1. 상대경로
현재 문서가 저장되어 있는 폴더(하드디스크 내)를 기준으로 한다.
이미지가 저장되어 있는 폴더명을 [images], 이미지명을 [flower.jpg]라고 가정했을 때 아래와 같이 경로와 파일명을 작성 할 수 있다.
- images/flower.jpg //현재 폴더안에서 하위폴더 images에 있는 파일
- ./images/flower.jpg //현재 폴더안에서 하위폴더 images에 있는 파일
- ..//images/flower.jpg //현재 폴더의 상위폴더 images에 있는 파일
- ../..//images/flower.jpg //현재 폴더의 상위의 상위폴더 images에 있는 파일
2. 절대경로
절대 경로의 작성 시 웹프로젝트의 홈디렉토리(root)부터 시작한다.
'Frontend > 01. html' 카테고리의 다른 글
3) HTML 글자모양 (0) | 2022.08.16 |
---|---|
2) HTML의 기본구조 (0) | 2022.08.06 |
1) HTML 기본 규칙 (0) | 2022.08.03 |