<img> 태그

●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이 할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다.

 

이미지 삽입 시 사용

source를 넣어 사용한다.

예를 들어,

<img src="이미지 주소">

<img src="이미지 주소"/>

슬래시를 넣든 안넣든 상관은 없다.(스스로 닫는 태그이다)

 

-관련 속성-

 

src

 

Source

이미지의 속성이다.

출처라는 의미이다. 이미지나 링크 삽입시 사용한다.

 

 

 

alt

 

이미지의 속성이다.

이미지의 마우스 커서를 가져다 대었을 때

이미지에 대한 설명이 나오게 하기 위함이다.

적지 않아도 되지만,

 

1. 웹 접근성

 

2. 검색 엔진 최적화

 

3. 오류 발생 시 정보 확인

 

을 위해서

적는게 좋을 수도 있다.

 

 

이미지 주소(URL)복사하는 법

 

인터넷 상에 있는 이미지에 오른쪽 마우스 커서를 누르면,

이미지 주소 복사나 이미지 URL 복사를 누르면 그 해당 이미지 주소가 복사되므로,

가져다가 쓰려면 이미지 태그 안에 소스 속성에다가 붙여넣기 한다.