DevSSOM
HTML - <a>태그로 링크 입력하기 본문
반응형
링크를 넣을 땐 <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
반응형
'HTML, CSS' 카테고리의 다른 글
CSS - 속성의 상속, 부모 자식 관계 (0) | 2021.07.10 |
---|---|
CSS - 선택자 (0) | 2021.07.10 |
CSS - CSS 개념과 연동 방법 (0) | 2021.07.09 |
HTML - 태그의 두 가지 성격 (Block 요소와 Inline 요소) (0) | 2021.07.08 |
HTML - 구조를 잡을 때 사용하는 태그 (0) | 2021.07.07 |
HTML - 문서를 구성하는 태그 (0) | 2021.07.05 |
HTML/CSS - 웹을 구성하는 요소 (0) | 2021.07.04 |
댓글