DevSSOM

HTML - <a>태그로 링크 입력하기 본문

HTML, CSS

HTML - <a>태그로 링크 입력하기

데브쏨 2021. 7. 6. 02:07
반응형

링크를 넣을 땐 <a> 태그

 

<a> 태그는 텍스트, 이미지를 클릭했을 때 다른 웹페이지로 이동시키는 기능을 갖고 있음. 참고로 a는 Anchor(닻)의 약자.

<a href="http://naver.com" target="_blank">네이버</a>
  • href – 연결할 웹페이지의 URL 주소.
  • target – 웹페이지를 연결하는 방식. target="_blank"면 새 탭으로 이동시키겠다는 의미. 

위의 예시는 그래서 '네이버'라는 텍스트를 클릭하게 되면, 새 탭으로 네이버가 뜨게 됨.

 

만약, <a></a>태그 안에 <img>태그를 넣으면, 로고 이미지를 누르면 네이버 홈페이지로 이동하게 됨.

<a href="http://naver.com" target="_blank"><img src="naver_logo.png" alt="네이버 로고"></a>

 

728x90
반응형
댓글