HTML7

하이퍼링크 관련 태그 : a(anchor)태그

a태그는 현재 HTML 문서와 다른 HTML 문서를 연결해서
페이지 이동을 할 수 있게 하는 기능을 제공
-> 이 때, a 태그로 감싸진 문자열 == 하이퍼링크
하이퍼링크는 웹(HTML) 문서가 다른 문서와 구분될 수 있는
핵심적인 기능
텍스트 또는 이미지를 클릭해서 페이지 이동
페이지 내에서 이동도 가능

a태그를 이용한 하이퍼링크 구현
target 속성 : 연결된 문서를 어디에서 열 것인지 지정하는 속성
기본값 : 같은 탭
_blank : 새 탭 == 비어있는 탭

   이미지 클릭시 페이지 이동

    <a href="https://www.naver.com" target="_blank">
        <img src="/image/20211121182452_kmmuwecc.png" alt="">
    </a>

   한 페이지 내에서 이동하기(점프)

    <ul id="list">
        <li>
            <a href="#ro1">루피1</a>
        </li>
        <li>
            <a href="#ro2">루피2</a>
        </li>
        <li>
            <a href="#ro3">루피3</a>
        </li>
    </ul>

    <h3 id="ro1">루피1</h3>
    <img src="/image/070a40cdc41a0fb6035b6b55f41ae563_res.jpeg" alt="">
    <a href="#list">목록으로 이동</a>
    
    <h3 id="ro2">루피2</h3>
    <img src="./image/07100d66-66d2-4750-847d-af60b8b9b59c.jpg" alt="">
    <a href="#list">목록으로 이동</a>
    
    <h3 id="ro3">루피3</h3>
    <img src="./image/513bcb6a8dbc5bf4cf84b11b2c28d8c4_res.jpeg" alt="">
    <a href="#list">목록으로 이동</a>