<!--
1)이미지
<img src="경로" alt="이미지 설명" width="너비" height="높이">
<figure></figure> - 설명글 붙일 대상 지정
<figcaption></figcaption> - 설명 글
2)링크
<a href="링크할 주소">텍스트</a>
<a href="링크할 주소"><img scr="경로"></a>
링크 속성
href : 링크한 문서나 사이트 주소
target : 링크를 현재 창 or 새 창
_blank : 새창
_self : 기본값, 현재 화면
_parent : 프레임 사용시 부모 프레임에 표시
_top : 프레임 사용시 프레임에서 벗어나 전체화면에 표시
download
rel : 현재문서와 링크문서의 관계
hreflang : 링크 문서 언어 지정
type : 링크 문서 파일 유형
3)앵커 - 특정 요소 클릭 시 그 위치로 이동
<태그 id="앵커이름"> 텍스트 or 이미지 </태그>
<a href="#앵커이름"> text or image </a>
4)이미지 맵 - 하나의 이미지에 두 개 이상 링크 생성
<map name="맵이름">
<area shape="rect" coords="0,0,100,100" href="http://www.naver.com" alt="네이버">
<area shape="rect" coords="100,100,200,200" href="http://www.daume.net" alt="다음">
</map>
<img scr="경로" usemap="#맵이름">
area 속성
alt : 대체 텍스트
coords : 링크 영역의 시작과 끝 좌표
download : 링크 클릭 시 링크 문서 다운로드
href : 링크 경로
media : 링크 사이트를 어떤 미디어에 최적화시킬지 지정
rel : 현재문서와 링크문서의 관계 ex)itemate, bookmark, help, license, next ....
shape : 링크 형태 ex)default, rect, circle, poly
target : 링크 표시 대상 ex)_blank, _parent, _self, _top, 프레임이름
type : 링크문서의 미디어 유형
-->