HTML 그림을 삽입하는 방법

HTML에서는 태그를 통해 그림을 삽입할 수 있습니다. 삽입된 코드는 "<img src="dinosaur.jpg">"이며, 여기서 src 속성에는 원하는 그림의 경로가 포함되어 있습니다. 소개할 수 있는 방법은 상대 경로 또는 절대 URL입니다.

이 기사의 운영 환경: windows7 시스템, HTML5&&CSS3 버전, DELL G3 컴퓨터.

요소를 사용하여 웹페이지에 이미지를 넣을 수 있습니다. 이는 빈 요소(텍스트 내용이나 닫는 태그를 포함할 필요 없음)이며 이를 적용하려면 최소한 하나의 src(일반적으로 전체 이름, 소스로 읽음)가 필요합니다. src 속성에는 요소의 href 속성과 마찬가지로 상대 경로 또는 절대 URL일 수 있는 포함하려는 이미지의 경로가 포함됩니다.

참고: 계속하기 전에 빠른 시작 URL과 경로를 읽고 상대 및 절대 URL을 검토해야 합니다.

예를 들어, 이름이 Dinosaur.jpg인 사진이 HTML 페이지와 동일한 경로에 저장되어 있는 경우 다음과 같이 포함할 수 있습니다.

<img src="dinosaur.jpg">

이 사진이 다음과 같은 이미지 폴더에 저장되어 있는 경우 HTML 페이지와 동일한 경로(Google에서도 권장하며 SEO/색인 생성에 도움이 됨) 다음 형식을 사용할 수 있습니다:

<img src="images/dinosaur.jpg">

등.

참고: 검색 엔진은 이미지의 파일 이름도 읽고 이를 SEO에 포함합니다. 따라서 이미지에 설명이 포함된 파일 이름을 지정해야 합니다. img835.png보다 공룡.jpg가 더 ​​좋습니다.

다음과 같은 절대 경로를 사용할 수도 있습니다.

<img src="https://www.example.com/images/dinosaur.jpg">

그러나 이 방법은 권장되지 않습니다. 그렇게 하면 브라우저가 IP 주소를 찾기 위해 DNS를 다시 거치는 등의 추가 작업만 수행하게 됩니다. 일반적으로 우리는 이미지와 HTML을 동일한 서버에 배치합니다.

【추천 학습: HTML 비디오 튜토리얼】

위 내용은 HTML 그림을 삽입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!