[HTML] Chapter 07. 문서에서 다른 페이지로 이동

1. 문서를 이동시키는 Tag: a

웹 페이지는 상호작용을 통해 페이지를 이동하고 정보를 확인할 수 있는 장점이 있다.

해당 태그의 기본형은 <a></a>로 <a>이동</a>로 연결한 링크의 이름을 지정할 수 있다.

기본적으로 연결할 html이 지정해야하므로 <a href=”경로”></a>를 기본형으로 이해하는 것이 좋다.

 

href (html reference의 약자)에 연결할 html 파일을 지정하여 html 간의 이동을 지정할 수 있다.

해당 경로 지정은 src와 동일한 규칙으로 적용할 수 있지만, alt 및 width, height는 적용할 수 없다. 

 

또한 해당 <a></a>에 img 태그를 삽입하여 이미지 클릭시에 이동하도록 지정할 수 있다.

 

2 새창에서 열기: target=””

<a></a> 태그는 다른 html 로 이동시켜주는 역할을 한다.

탭 전환없이 이동하고자 한다면 해당 태그에 링크만 도입하면 되지만, 이동의 방법을 지정하고 싶다면 target을 지정할 수 있다. 

 

_self  연결 문서를 클릭한 창에서 열기 (기본값)

_blank  연결 문서를 새 창에서 열기

_parent  부모(상위 레벨) 창에서 열기 (상위 문서가 없으면 기본값으로 표시)

_top  가장 장위 창에서 열기(프레임을 무시하며 전체 브라우저 창에서 열어지나 상위레벨이 없으면 기본값으로 표시됨)

frame name  지정된 프레임안에서 열기

 

<a href=”bear.html” target=”_blank”>곰</a>

<a href="atag.html">첫번째 페이지로 이동</a>
<a href="atag.html">
<img src="bear.jpg" alt="귀여운 곰사진" width="px200"></a>