HTMLa 태그의 href 속성은 상대 경로와 절대 경로를 사용하는 방법을 지정합니다.

이번에는 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에서 자주 사용되는 태그 요약

HTML 편집 기본 사항(초보 사용자가 꼭 읽어야 할 내용)

위 내용은 HTMLa 태그의 href 속성은 상대 경로와 절대 경로를 사용하는 방법을 지정합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!