[HTML]img태그

<img>는 이미지를 삽입하는 HTML의 태그이다.

 

태그로 처음이든 중간이든 끝이든 끼워넣는다

 

<img>태그는 그 자체로 컨텐츠이므로 닫는 태그가 없다.

 

<img>태그에 사용되는 태그 속성에 대표적인건 다음과 같다.

 

src 태그 속성을 이용해 파일 확장자까지 써주는 2가지 방식으로 이미지를 불러올 수 있다.

내장 파일을 가져오는 방식에 대해서는 절대경로와 상대경로가 있는데 이는 추후에 알아보도록 하자.

 

alt 태그 속성도 추가해야한다.

alt 태그 속성의 내용은 시각장애인을 위한 스크린리더기에 읽히므로 

해당 이미지를 잘 설명할 수 있는 단어로 써야한다. 

 

이를 지키는 것이 웹 접근성을 지키는 것이라고 할 수 있다.

 

 

그 외에도 다음과 같은 태그 속성이 있다.

 

- height : 이미지의 높이 (세로 크기)

- width : 이미지의 너비 (가로 크기)

- align : 이미지 정렬 (left, center, right)

- border : 이미지 테두리 선 (기본 0)

 

하지만 대부분으 이미지 사이즈 조절, 정렬, 보더값은 CSS에서 많이 하는 편이다.

HTML에서도 이런 태그가 있다는 거를 알아만 두면 좋을 것 같다.