HTML의 하위 디렉토리에서 이미지를 호출하는 방법

HTML에서는 img 태그를 사용하여 하위 디렉터리의 이미지를 호출할 수 있습니다. 구체적인 구문은 ""입니다. 하위 디렉터리에 있는 파일을 참조하려면 하위 디렉터리에 있는 파일의 경로를 작성하면 됩니다.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

하위 디렉터리의 파일을 참조하려면 하위 디렉터리의 파일 경로를 직접 작성하면 됩니다.

info.html 경로가 다음과 같다고 가정: c:/Inetpub/wwwroot/sites/blabla/info.html

이미지 경로가 다음과 같다고 가정: c:/Inetpub/wwwroot/sites/blabla/html/1.jpg

info.html에 이미지를 추가하는 코드는 다음과 같이 작성해야 합니다.

<img src = "html/1.jpg"/>

확장 정보:

상위 디렉토리를 표현하는 방법

../은 디렉토리의 상위 디렉토리를 나타냅니다. 소스 파일이 위치합니다. ../../는 소스 파일을 나타냅니다. 해당 파일이 위치한 디렉토리 위의 디렉토리 등입니다.

info.html 경로가 다음과 같다고 가정: c:/Inetpub/wwwroot/sites/blabla/info.html

index.html 경로가 다음과 같다고 가정: c:/Inetpub/wwwroot/sites/index.html

In info .html index.html 하이퍼링크를 추가하는 코드는 다음과 같이 작성되어야 합니다:

<a href = "../index.html">index.html</a>

info.html 경로가 다음과 같다고 가정합니다: c:/Inetpub/wwwroot/sites/blabla/info.html

index.html 경로가 가정됩니다. is: c:/Inetpub/ wwwroot/index.html

info.html에 index.html 하이퍼링크를 추가하는 코드는 다음과 같이 작성되어야 합니다.

<a href = "../../index.html">index.html</a>

info.html 경로가 다음과 같다고 가정합니다: c:/Inetpub/wwwroot /sites/blabla/info.html

Assume index.html 경로는 다음과 같습니다. c:/Inetpub/wwwroot/sites/wowstory/index.html

info.html에 index.html 하이퍼링크를 추가하는 코드를 작성해야 합니다. 이렇게:

<a href = "../wowstory/index.html">index.html</a>

추천 학습:html 비디오 튜토리얼

위 내용은 HTML의 하위 디렉토리에서 이미지를 호출하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!