이번에는 HTMLa 태그의 href 속성을 사용하여 상대 경로와 절대 경로를 지정하는 방법을 알려드리겠습니다. HTMLa 태그의 href 속성을 사용하여 상대 경로와 절대 경로를 지정할 때 주의할 점은 무엇인가요? 실제 사례를 살펴보겠습니다. 실제 웹 개발에서 CSS 파일 등을 포함한 이미지를 삽입하려면 모두 경로가 필요합니다. 파일 경로를 잘못 추가하면
참조가 무효화됩니다(링크된 파일을 탐색할 수 없거나 삽입된 이미지를 표시할 수 없는 등). 초보자분들이 많이 헷갈려하시는데요, 아래에서는 상대경로와 절대경로에 대해 자세히 소개하겠습니다. HTML 상대 경로는 이 파일이 위치한 경로로 인해 발생하는 다른 파일(또는 폴더)과의 경로 관계를 말합니다. 예:
文件1.htm的绝对路径是:d:/www/html/1.htm 文件2.htm的绝对路径是:d:/www/html/2.htm 那么:1.htm相对于2.htm的路径就是:1.htm
<a href =”1 htm”>网页链接 </a> <img src=”bg.jpg” />
<a href =”html/ next.htm”> <img src=”images/bg.jpg” />
<a href = “../ www/index.htm”>
예제 요약
现在有4个html文件分别是aaa.html bbb.html ccc.html index.html aaa.html的路径为:D:/www/adminwang/html/aaa.html bbb.html的路径为:D:/www/adminwang/ bbb.html ccc.html的路径为:D:/www/ ccc.html index.html的路径为D:/www/ index.html
예를 들어 ccc.html 파일 링크 index.html 코드는 다음과 같습니다.
<a href="index.html">链接index网页</a>
예를 들어 bbb.
html link
<a href="../ccc.html">链接ccc网页</a>
<a href=”../../ccc.html”>链接ccc网页</a>
예를 들어 ccc.html을 bbb.html에 연결하는 코드는 다음과 같습니다.
<a href="adminwang/bbb.html">链接bbb网页</a>
예를 들어 aaa.html을 연결하는 ccc.html의 코드는 다음과 같습니다.
<a href="adminwang/html/aaa.html">链接aaa网页</a>
해당 프로토콜 또는 드라이브 문자를 포함하여 파일에 제공된 전체 경로입니다. 즉, 하드 디스크의 홈 페이지에 있는 파일이나 디렉터리의 실제 전체 경로입니다. 예:
http://www.adminwang.com/index.htm d:/ www /html/images/bg.jpg
절대 경로에 대해서는 말할 것도 없습니다. 상대 경로를 익히면 절대 경로는 매우 간단합니다.
관련 자료:
HTML 편집 기본 사항(초보 사용자가 꼭 읽어야 할 내용)
위 내용은 HTMLa 태그의 href 속성은 상대 경로와 절대 경로를 사용하는 방법을 지정합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!