XHTML - 10. XHTML 링크와 이미지 (하이퍼링크, 이미지, 이미지맵)

XHTML 링크와 이미지 (하이퍼링크, 이미지, 이미지맵)

---

1. 하이퍼링크

• 하이퍼링크 <a>

    –텍스트나 이미지에 링크를 설정할 때

    –인라인 요소

    –href : 이동할 주소

    –target: _blank 새창띄우기 (default는 _self : 현재 창에서 이동)

    –alt: 대체 텍스트

    –title: 말풍선 텍스트

1. 하이퍼링크 –경로

• 절대경로

    –전체 구조 내에서의 경로 지정

    –http:// 포함하여 전체 경로를 표시

• 상대경로

    –  파일의 현재 위치를 기준으로 경로 지정

    –  / : 최 상위 폴더

    –  ./, 생략  : 현재폴더

    –  ../ : 이전폴더

---

2. 이미지

•이미지 <img>

    – 이미지 개체를 삽입할 때

    – 빈 요소. 인라인 요소

    – src : 이미지 경로

    – alt : 대체텍스트

    – title : 말풍선텍스트

    – width, height : 이미지의 넓이, 높이    

---

3. 이미지 맵

•이미지 맵 <map>

    – 이미지의 복수 영역에 링크 설정

    – <img ~~ usemap=“#map” /> : 이미지 태그에 이미지 맵 사용 링크

    – <map id=“#map”></map>: 이미지 맵 정의

    – <area /> : 링크설정

    – shape : 링크모양

    – coords : 좌표

    – href : 링크주소

    – alt : 대체텍스트

    – title : 말풍선 텍스트