HTML 그림을 삽입하는 방법

참고: 계속하기 전에 빠른 시작 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을 동일한 서버에 배치합니다.