[HTML] <a> 하이퍼링크,앵커(anchor)

HTML을 사용해서 하이퍼링크를  거는 법을 정리하겠다. 하이퍼링크는 다른 주소로 넘어가게 만들어주는 링크다. 

기본형은 <a href="주소"> 이미지나 텍스트 </a>이고 이 상태로 작성하면 주소에 입력한 페이지가 현재 페이지를 새로고침하며 생성된다. 페이지를 새로운 탭에다가 열고 싶으면 <a href="주소" target="_blank"> 이와 같이 target이라는 속성에 "_blank" 속성 값을 작성해주면 된다. 

 

앵커(anchor)는 다른 페이지가 아닌 현 페이지에서 지정한 부분으로 이동할 수 있게 한다. 방법은 목적 요소에 id값을 부여한다. 그리고 a태그 href의 속성값으로 "#id값"을 주면 된다.

ex)

See the Pen 1 by Te___ho (@xogh8755) on CodePen.

See the Pen Untitled by Te___ho (@xogh8755) on CodePen.

href에 #top을 쓰면 페이지 맨 위로 올라간다. #bottom 같은 것은 존재하지않고 top만 사용 가능하다.