html 링크만들기

---

a태그

링크 이동

1. href 이동할 경로에 대한 정보

<a href="https://www.naver.com">네이버</a>

2. target 웹페이지가 보여질 창(window)의 위치 설정

-`_self` : 현재 창(기본)
-`_blank` : 새창
-`_parent` : 부모창
-`_top` : 가장 상위에 있는 창 
-`name` : ifram의 name속성으로 이동
(ifram내용 추가하기)

<a href="url주소">네이버</a> //기본
<a href="url주소" target="_self">_self</a> //현재창
<a href="url주소" target="_blank">_blank</a> //새창
<a href="url주소" target="_parent">_parent</a> //부모창
<a href="url주소" target="_top">_top</a> //가장 상위창
<a href="url주소" target="ifram이름">ifram이름</a> // ifram의 name 창

3. 한 페이지 안에서 점프하는 앵커

해시코드 - 유일값

<a href=".../#아이디명"></a>

참고) 선택을 위한 속성
id속성 - 한개 선택
class속성 - 여러개 선택

---

iframe태그

웹 문서 안에 추가할 수 있는 웹브라우저

1. src 웹 페이지 경로

<iframe src="url주소" width ="1000" height ="600"></iframe>

map태그

한 이미지상에서 클릭 위치에 따라 서로 다른 링크가 열리는 것
coords에는 시작위치 좌표값, 끝위치 좌표값 입력
이미지의 좌표값은 image-map여기서 쉽게 구할수있다.

<img src="이미지경로" usemap="#banner"> //이미지 불러오기
        <map name="banner">
            <area shape="rect" coords="10,10,100,100" href="링크주소">
        </map>