15.XHTML- 이미지링크

이미지 링크에 대해 알아보겠습니다.
웹 브라우저에 이미지를 보여주는 것입니다.
먼저 14장에서 설치한 Visual Web Developer 2008 Express Edition에서 폴더를 만들어줍니다.

그림 15-1

폴더 이름을 "images"로 합니다.
(개발자 거의 90% 정도가 이미지 관련 폴더로 이름을 "images"로 지정합니다.)
만드신 폴더에 웹에 표현하고 싶은 이미지 파일을 넣어줍니다.

이미지 태그는 단독 태그입니다.
속성으로는 크게 src , alt가 있습니다.
src는 해당 파일의 경로와 이름을 지정 (상대경로)
alt는 이미지가 없을때 대체 하는 택스트로 설정해 주셔야 합니다.
<img src="./images/ggg.jpg"alt="풍경" />

실행하시면 웹 브라우저에 지정된 이미지 크기 그대로 나타나는것을 확인 할 수 있습니다.

만약 경로가 제대로 지정 되지 않았거나 해당 파일이 없을때는 alt에 입력한 택스트가 나타납니다.

---

기타 이미지의 크기 설정및 테두리를 설정 할 수 있습니다.
<img src="./images/ggg.jpg" alt="풍경"
width="500" height="80"
style="border:1px solid=red;">

이미지의 크기 설정, 테두리의 두깨와 색상