07_하이퍼링크 태그

하이퍼링크

하이퍼링크 기능은, 웹문서에서 또다른 문서로 클릭만으로 이동할 수 있게끔 
연결시켜놓은 html의 가장 핵심적인 기능
텍스트문구를 클릭해 이동하는 방법, 이미지를 클릭해 이동도 가능,
현재 페이지 내에서도 링크를 통해 이동 가능

a태그 하이퍼링크

<ul>
    <li><a href="http://www.naver.com" target="_self">네이버로 이동</a></li>
    <li><a href="http://www.google.com" target="_blank">구글로 이동</a></li>
        <!-- 
            target 속성 : 새 창으로 열기 가능
            _blank : 새 창으로 열기 속성
            _self : 기본창으로 열기 속성(기본값)
        -->
</ul>

이미지 하이퍼링크

<a href="http://www.w3schools.com" target="_blank">
        <img src="resources/image/flower.jpg" width="200">>
</a>

페이지 점프

웹페이지 내에서 목차와 같은 기능으로 사용됨.

<ul>
   <li><a href="#contents1">본문내용1</a></li>
   <li><a href="#contents2">본문내용2</a></li>
   <li><a href="#contents3">본문내용3</a></li>
</ul>
<h4 id="contents1">본문내용1</h4>
<h4 id="contents2">본문내용2</h4>
<h4 id="contents3">본문내용3</h4>