본문 바로가기
Front-end

[HTML] 하이퍼링크 관련 태그 ; <a href=""> </a>

by 나는 개발자 2021. 3. 7.
TIL: 스스로 이해한 것을 바탕으로 정리하였기에 오류가 있을 수 있습니다. 틀린 부분은 댓글로 알려주시면 감사하겠습니다.

 

 

 

하이퍼링크

하이퍼링크 기능은 웹문서가 또 다른 문서로 클릭만으로 이동할 수 있게끔 연결시켜놓은 기능이다.

텍스트문구를 클릭해서 이동하는 방법, 이미지를 클립해서 이동하는 방법, 페이지내에서 또 다른 위치로 이동하는 방법등 다양한 방법이 존재한다.

 

 

하이퍼링크 태그

<a href= "주소"> </a>

 

 

 

 

 

1. 텍스트를 클릭해서 웹페이지 링크 연결하기

target은 새탭에서 여느냐 현재 페이지에서 여느냐를 나타내는 속성으로

target="_self" 는 현재 페이지에서 열리며,

target="_blank" 는 새탭에서 열린다. 기본값은 "_self" 이다.

 

 

 

 

 

 

2. 이미지를 클릭해서 웹페이지 링크 연결하기

<a> 태그 사이에 이미지 주소를 제시하며, 크기 지정도 가능하다.

 

 

 

 

 

3. 현재 페이지내에서 점프하는 앵커만들기

 

이동할 위치에 id를 지정해주고, 

a태그내의 href= 속성에 "# id값" 을 입력해준다.

 

댓글