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

1. 동일한 디렉터리에 파일을 연결합니다

예를 들어 ccc.html 파일 링크 index.html 코드는 다음과 같습니다.

<a href="index.html">链接index网页</a>

2. 이전 디렉터리의 파일을 연결합니다

예를 들어 bbb.
html link

ccc.html 코드는 다음과 같습니다.

<a href="../ccc.html">链接ccc网页</a>

3. 상위 2단계 디렉터리의 파일을 연결합니다예를 들어, 코드는 다음과 같습니다. aaa.html을 ccc.html에 연결하는 방법은 다음과 같습니다.

<a href=”../../ccc.html”>链接ccc网页</a>

4. 하위 디렉터리의 파일 연결

예를 들어 ccc.html을 bbb.html에 연결하는 코드는 다음과 같습니다.

<a href="adminwang/bbb.html">链接bbb网页</a>

5.

예를 들어 aaa.html을 연결하는 ccc.html의 코드는 다음과 같습니다.

<a href="adminwang/html/aaa.html">链接aaa网页</a>

HTML 절대 경로

해당 프로토콜 또는 드라이브 문자를 포함하여 파일에 제공된 전체 경로입니다. 즉, 하드 디스크의 홈 페이지에 있는 파일이나 디렉터리의 실제 전체 경로입니다. 예:

http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg

절대 경로에 대해서는 말할 것도 없습니다. 상대 경로를 익히면 절대 경로는 매우 간단합니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 자료:

HTML 텍스트 서식의 자세한 예

HTML에서 자주 사용되는 태그 요약

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

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