> 웹 프론트엔드 > HTML 튜토리얼 > HTML 이미지 경로를 작성하는 방법

HTML 이미지 경로를 작성하는 방법

奋力向前
풀어 주다: 2023-01-07 11:47:39
원래의
24137명이 탐색했습니다.

경로 작성 방법: 1. 서로 다른 디렉터리에 있는 경우 "file:///드라이브 문자:/그림 이름"이라고 쓸 수 있습니다. 2. 같은 디렉터리에 있는 경우 "그림 이름"이라고 쓸 수 있습니다. " 직접; 3. 사진은 동일한 디렉토리에 있습니다. 디렉토리 아래의 a 디렉토리에 "a/사진 이름"을 작성하십시오. 4. 온라인 사진인 경우 사진의 URL을 사용하십시오. 구문은 "http: //디렉토리/그림 이름" 등입니다.

HTML 이미지 경로를 작성하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

Html

1에서 이미지 경로를 사용하는 방법 *html 파일과 *.jpg 파일(f 디스크)은

<img src="file:///f:/*jpg" width="300" height="120"/>
로그인 후 복사

2입니다. html 파일은 *.jpg 사진과 같은 디렉터리에 있습니다:

<img src=".jpg" width="300" height="120"/>;
로그인 후 복사

3. 사진 *.jpg는 이미지 폴더에 있고, *html은 이미지

<img src="image/*jpg/"width="300" height="120"/>
로그인 후 복사

4와 같은 디렉터리에 있습니다. 이미지 폴더에서 *html connage 폴더에서 이미지와 connage는 동일한 디렉토리에 있습니다:

 <img src="../image/*jpg/"width="300" height="120"/>
로그인 후 복사

5. 사진이 인터넷에서 가져온 경우 절대 경로를 작성하십시오:

<img src="http://image.baidu.com/pcindexhot"/width="300" height="120"/>
로그인 후 복사

Expand Knowledge

절대 경로:

사진 출처:

사진 소스 네트워크:

추천 학습: Html 비디오 튜토리얼

위 내용은 HTML 이미지 경로를 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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