a (anchor) 태그
a 태그는 현재 HTML 문서와 다른 HTML 문서를 연결해서 페이지 이동을 할 수 있게 하는 기능을 제공
이 때, a 태그로 감싸진 문자열 == 하이퍼링크
a 태그를 이용한 하이퍼링크 구현
현재 탭에서 열림
<a href="01_글자관련태그.html">01_글자 관련 태그</a>새창에 열기
<a href="02_목록관련태그.html" target="_blank">02_목록 관련 태그</a>target 속성 : 연결된 문서를 어디에서 열것인지 지정하는 속성
기본값 : 같은 탭
_blank : 새 탭
네이버로 이동
<a href="http://www.naver.com" target="_blank"></a>이미지 클릭 시 페이지 이동
<a href="http://www.naver.com" target="_blank">
<img src="../images/flowers/flower1.jpg" width="120px">
</a>한 페이지 내에서 이동하기
page up , page down 기능
이동하고 싶은 곳에 id 속성 추가
눌러서 이동할 곳에 a 태그 href 속성으로 아이디에 연결
<ul id="list">
목록
<li><a href="#cat1">고양이1</a></li>
<li><a href="#cat2">고양이2</a></li>
<li><a href="#cat3">고양이3</a></li>
</ul>
<h3 id="cat1">고양이1</h3>
<img src="../images/cats/cat1.jpg">
<h3 id="cat2">고양이2</h3>
<img src="../images/cats/cat2.jpg">
<h3 id="cat3">고양이3</h3>
<img src="../images/cats/cat3.jpg">
<a href="#list">목록으로 이동</a>