집 >웹 프론트엔드 >HTML 튜토리얼 >tag-img 태그-절대/상대 경로 예제 튜토리얼 요약

tag-img 태그-절대/상대 경로 예제 튜토리얼 요약

멋진 토요일입니다. 오늘은 더 많이 쓰고 최대한 빨리 js를 쓰도록 노력하겠습니다. 좀 지루하네요.

　　 (1), 8aa2918506a11e8a886e85949f1eb0795db79b134e9f6b82c0b36e0489ee08ed href="여기로 이동하려면 웹 페이지를 작성하세요. 주소 ";

[참고]: 처음에는 우리가 쓴 단어가 두 페이지 사이를 점프하거나 URL을 통해 직접 다른 웹 페이지를 점프합니다.

<html>
    <head>
        <title>网页一</title>
    </head>
    <body>
　　　　　<a href="网页2.html">跳转网页2</a>
    </body>
</html>

<html>
    <head>
        <title>网页二</title>
    </head>
    <body>
　　　　　<a href="网页1.html">跳转网页1</a>
    </body>
</html>

여기 있는 두 파일은 같은 레벨에 있습니다. 이런 식으로 점프해도 괜찮습니다. 만약 같은 레벨에 있지 않다면 어떨까요?

이렇습니다! 웹 페이지 2가 다른 폴더에 있는 경우 "href=' '"의 경로는 어떻습니까? 물론 사진을 보세요.

사실 온라인에 자주 접속하면 보게 되겠지만 이게 무슨 뜻인가요! 여기서 의미는 현재 파일인 "Webpage 1"을 기반으로 합니다. 이는 하위 폴더 아래의 Webpage 2로 점프한다는 의미입니다. 하지만 문제는 다시 발생했습니다. I To webpage 2

웹페이지 1으로 이동하여 여기서 해야 할 일을 설명하겠습니다. ../ 이것은 이전 폴더로 돌아가는 것을 의미합니다 웹페이지 2의 상위 레벨이 아닌가요? 하위 폴더? 하위 폴더와 같은 수준의 웹페이지는 웹페이지 1입니다!

그래서 웹페이지 2에서 웹페이지 1으로 이동하는 코드는 다음과 같습니다

이전 폴더의 웹페이지 1

으로 점프합니다

1. 상대 경로

우리는 이러한 종류의 경로를 현재 파일에 상대적인 상대 경로라고 부릅니다. 찾고 있는 파일은 어디에 있습니까? 물론

절대 경로

2. 절대 경로

파일을 브라우저 주소 표시줄에 드래그하면 파일의 전체 주소가 표시됩니다.

에 전체 주소를 적어서 점프할 수도 있습니다. 마지막으로 어제는 웹 이미지 삽입에 대해 이야기했습니다

<html>
     <head>
	<title>插入图片</title>
     </head>
     <body>
	<img src="img/01.jpg">
     </body>
</html>

ㅠㅠ　　　　　　　　　　　　 을 통해

를 통해 또한 이미지의 형식 경로 형식이 이미지 형식과 다르면 표시되지 않는다는 점도 참고하세요!

Effect

다들 댓글 달아주셨으면 좋겠습니다!

위 내용은 tag-img 태그-절대/상대 경로 예제 튜토리얼 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：