4) 이미지 삽입

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)부터 시작한다.