2014년 2월 20일 목요일

[HTML] 이미지를 불러올때 사용하는 img태그 속성

오늘은 홈페이지제작시나 게시글을 작성할때 이미지를 불러오고 싶을때 사용할수 있는 img태그 속성에 대해서 알아보도록 하겠습니다

img태그를 사용할때는 4가지 의 속성을 사용할수가 있습니다

1. src - 이미지 경로지정
2. alt  - 이미자가 없을때 나오는 글자(대체 텍스트)
3. width - 이미지 넓이
4. height - 이미지 높이

img 태그를 사용할때는 이렇게 4가지 속성을 사용할수가 있는데요
그렇다면 img태그 사용법에 대해서 알아보도록 하겠습니다.


먼저 img 태그를 선언하고 src속성을 통해 이미지 경로를 지정해줘야 하는데요
이미지 경로에는 상대경로와 절대 경로 아무거나 잡아주셔도 상관없습니다
이미지를 불러올때는 이렇게 img 태그와 src 속성만 있으면 충분히 이미지를 불러 올수 있습니다 하지만 alt 라는 속성을 필수적으로 사용을 해야 하는데요
alt 속성은 웹표준 접근성을 높혀줄뿐만아니라 불러온 이미지가 나타나지 않을때 alt 속성에 작석한 텍스트가 나타나게 할수 있습니다.
width 속성과 height 속성은 상황에 따라 사용해도 되면 사용하지 않아도 됩니다

<img  scr="경로" alt="이미지가의미하는바" />


댓글 없음:

댓글 쓰기