HTML 초보자는 종종 파일을 올바르게 참조하는 방법에 직면합니다. 예를 들어, 하나의 HTML 페이지에서 다른 HTML 페이지를 하이퍼 링크로 인용하는 방법은 무엇입니까? 이미지를 웹 페이지에 삽입하는 방법
파일을 참조 할 때 잘못된 파일 경로를 사용하거나 (예 : 하이퍼 링크 추가 또는 이미지 삽입 등) 참조는 유효하지 않습니다 (링크 된 파일을 찾아 볼 수 없거나 삽입 된 이미지를 표시 할 수 없음).
이러한 오류를 피하고 파일을 올바르게 참조하려면 HTML 경로에 대해 배워야합니다.
HTML을 작성하는 두 가지 방법은 상대 경로와 절대 경로가 있습니다.
HTML 상대 경로
동일한 디렉토리에 대한 파일 참조
소스 파일과 참조 파일이 동일한 디렉토리에 있으면 참조 파일 이름을 직접 작성하십시오.
이제 소스 파일 info.html을 만들고 info.html index.html 파일을 하이퍼 링크로 참조해야합니다.
info.html 경로가 : c : /inetpub/wwwroot/sites/blabla/info.html이라고 가정하십시오
index.html 경로가 : c : /inetpub/wwwroot/sites/blabla/index.html이라고 가정하십시오
index.html 하이퍼 링크를 info.html에 추가하는 코드는 다음과 같이 작성해야합니다.
<a href = index.html> index.html </a>
이전 디렉토리를 나타내는 방법
../ 소스 파일이있는 디렉토리의 이전 디렉토리를 나타내고, ../../ 소스 파일이있는 이전 디렉토리 등을 나타냅니다.
info.html 경로가 : c : /inetpub/wwwroot/sites/blabla/info.html이라고 가정하십시오
index.html 경로가 : c : /inetpub/wwwroot/sites/index.html이라고 가정하십시오
index.html 하이퍼 링크를 info.html에 추가하는 코드는 다음과 같이 작성해야합니다.
<a href = ../index.html> index.html </a>
info.html 경로가 : c : /inetpub/wwwroot/sites/blabla/info.html이라고 가정하십시오
index.html 경로가 : c : /inetpub/wwwroot/index.html이라고 가정하십시오
index.html 하이퍼 링크를 info.html에 추가하는 코드는 다음과 같이 작성해야합니다.
<a href = ../../ index.html> index.html </a>
info.html 경로가 : c : /inetpub/wwwroot/sites/blabla/info.html이라고 가정하십시오
index.html 경로가 : c : /inetpub/wwwroot/sites/wowstory/index.html이라고 가정하십시오
index.html 하이퍼 링크를 info.html에 추가하는 코드는 다음과 같이 작성해야합니다.
<a href = ../wowstory/index.html> index.html </a>
다음 디렉토리를 표현하는 방법
하단 디렉토리의 파일을 참조하고 하위 디렉토리의 파일로 직접 쓰십시오.
info.html 경로가 : c : /inetpub/wwwroot/sites/blabla/info.html이라고 가정하십시오
index.html 경로가 : c : /inetpub/wwwroot/sites/blabla/html/index.html이라고 가정하십시오
index.html 하이퍼 링크를 info.html에 추가하는 코드는 다음과 같이 작성해야합니다.
<a href = html/index.html> index.html </a>
info.html 경로가 : c : /inetpub/wwwroot/sites/blabla/info.html이라고 가정하십시오
index.html 경로가 다음과 같이 가정하십시오
index.html 하이퍼 링크를 info.html에 추가하는 코드는 다음과 같이 작성해야합니다.
<a href = html/tutorials/index.html> index.html </a>
HTML 절대 경로
HTML 절대 경로는 도메인 이름을 가진 파일의 전체 경로를 나타냅니다.
도메인 이름 www.vevb.com을 등록하고 가상 호스트에 신청하면 가상 호스트 제공 업체는 웹 사이트의 루트 디렉토리 인 www와 같은 디렉토리를 제공합니다.
www의 루트 디렉토리에 파일 index.html을 넣으면이 파일의 절대 경로는 https://www.vevb.com/index.html입니다.
www의 루트 디렉토리에 html_tutorials라는 디렉토리를 작성한 다음 해당 디렉토리에 파일 index.html을 배치 하고이 파일의 절대 경로는 https://www.vevb.com/html_tutorials/index.html입니다.