Image Contents Markup

1. 이미지표현태그: img태그(image)

그림등의 이미지를 문서에 표현하는 태그입니다. 이미지파일의 경로를 문서에 표현하며 초기표현은 이미지 원본크기로 보이나 여러 특성을 사용하여 편집할수 있습니다.

<img src="" alt="">

이미지를 문서에 표현하기위해서는 표현될 이미지의 위치가 소스의 경로로 표기되어애 합니다.이때 경로는 현재 문서를 기준으로 상대적인 위치경로를 사용하기도 합니다.

<img src="img/pic01.jpg" alt="">

이미지를 볼수 없는 환경에서도 이미지에 대한 정보를 출력해야 합니다. alt특성에 적합한 문자를 적용하면 이미지를 볼수 없는 환경에서 문서낭독기를 통해 문자가 소리로 출력됩니다

<img src="img/pic01.jpg" alt="빨간 국화 이미지">

경로에 문제가 발생하거나 링크가 제한되는 상황에서는 alt특성의 값이 화면에 표기됩니다.

<img src"" alt="빨간 국화 이미지">

너비나 높이 특성을 사용해 이미지의 크기를 편집할 수 있지만 css에서 속성으로 사용할 것을 권장하고 있습니다.

<img src="img.." alt="빨간.." width="400px">