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

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

零下一度
풀어 주다: 2017-06-24 11:54:35
원래의
1573명이 탐색했습니다.

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

1. 먼저 웹 페이지 간 이동에 대해 이야기해 보겠습니다.

   (1), 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=' '"의 경로는 어떻습니까? 물론 사진을 보세요.

웹페이지 1이 웹페이지 2로 점프합니다

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

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

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

즉,

이전 폴더의 웹페이지 1

으로 점프합니다

1. 상대 경로

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

절대 경로

도 있지만 권장되지 않습니다.

상대 경로는 모든 컴퓨터에서 사용할 수 있지만 절대 경로는 파일을 어디에 저장할지 알 수 없습니다.

2. 절대 경로

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

 

드라이브 문자 바로 다음! 파일:/// 앞에는 필요하지 않습니다

 웹페이지 2

 

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

. 1. 그림 삽입

    (1), [참고]: 그림의 경로는 닫는 태그가 없습니다. 내 경로를 작성하는 것은 쓸모가 없습니다. 자세한 내용은 위를 참조하세요

<html>
     <head>
	<title>插入图片</title>
     </head>
     <body>
	<img src="img/01.jpg">
     </body>
</html>
로그인 후 복사
ㅠㅠ             을 통해

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

Effect

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

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿