동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.
동영상 강좌보기
통로 |
기술 |
<img src="picture.jpg"> |
picture.jpg는 현재 페이지와 같은 폴더에 있습니다. |
<img src="images/picture.jpg"> |
picture.jpg는 현재 페이지의 images/폴더에 있습니다. |
<img src="/images/picture.jpg"> |
picture.jpg는 현재 웹의 루트에 있는 images/폴더에 있습니다. |
<img src="../picture.jpg"> |
picture.jpg는 현재 폴더에서 한 수준 위의 폴더에 있습니다. |
HTML 파일 경로
파일 경로는 웹사이트의 폴더 구조에 있는 파일의 위치를 설명합니다.
파일 경로는 다음과 같은 외부에 연결할 때 사용됩니다.
절대 파일 경로
절대 파일 경로는 인터넷 파일의 전체 URL입니다.
<img src="https://365ok.co.kr/images/picture.jpg" alt="웹학교">
상대 파일 경로
상대 파일 경로는 현재 페이지를 기준으로 파일을 가리킵니다.
아래 예제는 파일 경로는 현재사이트 루트에 있는 images폴더안의 파일을 가리킵니다.
<img src="/images/picture.jpg" alt="사진">
아래 예제는 이미지 경로가 현재 폴더에 있는 images폴더 안에 파일을 가리킵니다.
<img src="images/picture.jpg" alt="사진">
아래 예제는 이미지 경로가 현재 폴더의 한 수준 위의 폴더에 있는 images폴더의 파일을 가리킵니다.
<img src="../images/picture.jpg" alt="사진">
등록된 댓글이 없습니다.