하이퍼링크
여러 개의 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.본론" 위치로 이동한다.
'기타 > HTML and CSS' 카테고리의 다른 글
[CSS] CSS 적용 방법 (0) | 2018.06.27 |
---|---|
[HTML] <ol> <ul> <dl> 태그, 리스트 만들기 (0) | 2018.06.25 |
[HTML] <img> 태그, 이미지 삽입하기 (0) | 2018.06.25 |
[HTML] 텍스트 강조 (0) | 2018.04.09 |
[HTML] 태그의 구성, 특징 (0) | 2018.04.09 |