이미지 태그 src,alt 속성

src 속성

이미지를 웹 문서에 넣으려면 src 속성에 정확한 파일 경로를 지정해야 한다. 웹 문서 파일과 이미지 파일이 같은 경로에 있다면 src 속성에는 간단히 이미지 파일의 이름만 입력하면 된다. 아래는 example 이미지 파일로 든 예시 태그다.

<img src="example.jpg">

반면, images라는 하위 폴더에 이미지 파일이 있으면 아래와 같이 하위 폴더 경로도 같이 써준다.

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

alt 속성

alt 속성은 이미지를 설명해 주는 대체 텍스트다. 즉 이미지를 출력할 수 없을 때 나타날 텍스트를 지정하는 것이다. 보통 alt 속성이 없어도 이미지를 출력하는 데 있어 아무런 문제가 없지만 티스토리는 본문에 이미지를 넣으면 기본적으로 alt 속성이 추가되지 않기 때문에 네이버 웹마스터도구 내 링크 관리에서 느낌표를 만드는 원인이기도 하다.