하이퍼링크 관련 태그

a( anchor ) 태그
a태그는 현재 HTML문서와 다른 HTML문서를 연결해서 페이지 이동을 할 수 있게 하는 기능을 제공한다.
이 때, a 태그로 감싸진 문자열이 하이퍼링크이다.

a 태그를 이용한 하이퍼링크 구현

<a href="01_글자관련태그.html">01_글자관련태그</a>
<!-- target 속성 : 연결된 문서를 어디에서 열 것인지 지정하는 속성
      	  기본값 : 같은 탭
         _blank : 새 탭 == 비어있는 탭
-->
<a href="02_목록관련태그.html" target="_blank">02_목록관련태그</a>
<a href="https://www.naver.com" target="_blank">네이버로 이동</a>

위처럼 입력하면 페이지에선

이런식으로 누르면 해당 페이지로 이동할 수 있게된다.

---

이미지 클릭 시 페이지 이동

<a href="https://www.naver.com" target="_blank">
   <img src="./images/car/10.jpg" width="120px">
</a>

---

한 페이지 내에서 이동하기

<ul id="list">
    목록
	<li><a href="#ginipig1">기니피그</a></li>
    <li><a href="#img1">풍경</a></li>
    <li><a href="#cat1">고양이</a></li>
</ul>

<h3 id="ginipig1">기니피그</h3>
<img src="./images/img/7.jpg"> <br>
<a href="#list">목록으로 이동</a>

<h3 id="img1">풍경</h3>
<img src="./images/img/z.jpg"> <br>
<a href="#list">목록으로 이동</a>

<h3 id="cat1">고양이</h3>
<img src="./images/car/6.jpg"> <br>
<a href="#list">목록으로 이동</a>