기타/HTML and CSS
[HTML] <a href=""> 태그, 하이퍼링크
푸쿠이
2018. 4. 29. 20:25
하이퍼링크
여러 개의 HTML 페이지를 상호 연결하는 방식으로 웹을 구성할 때, 상호 연결하는 고리를 하이퍼링크라고 한다.
하이퍼링크는 <a> 태그의 href 속성으로 만든다.
<a> 태그
<a href="URL"|"URL#앵커이름"|"#앵커이름" target="윈도우이름" download>
target 은 링크에 연결된 웹 페이지가 출력될 윈도우를 지정한다.
_blank |
새 윈도우 |
_self |
현재 윈도우 |
_parent |
부모 윈도우 |
_top |
브라우저 윈도우 |
주로 목차를 만들 때 사용하는 앵커!!
※ 앵커 연결 링크 만들기
<a href="#chap1">서론으로 이동</a>
<a href="#chap2">본론으로 이동</a>
※ 앵커 만들기
<p id="chap1">1.서론</p>
<h3 id="chap2">2.본론</h3>
"서론으로 이동"을 클릭하면 "1.서론" 위치로 이동한다.
마찬가지로, "본론으로 이동"을 클릭하면 "2.본론" 위치로 이동한다.