오늘은 a태그에 대해 알아보겠습니다
먼저 a태그는 하이퍼링크를 걸어줄 수 있는 태그인데요
html에서 a태그가 들어간다 그러면 링크를 넣어 해당 링크로 페이지를 열 수 있다고 생각하시면
됩니다
<a href="https://www.naver.com">네이버링크</a>위와 같은 코드로 '네이버링크'라는 단어를 클릭하면 네이버 주소로 연결이 가능합니다
a태그를 입력시 'href' 단어를 같이 넣어주어서 링크를 달 수 있도록 하는게 포인트입니다👍🏻
더 나아가서 'target' 이라는 단어를 같이 넣어서
링크 여는 방법에 대해 변화를 줄 수 있습니다
- _self: 현재 페이지 (기본값)
- _blank: 새 탭
- _parent: 부모 페이지로, iframe 등이 사용된 환경에서 쓰입니다
- _top: 최상위 페이지로, iframe 등이 사용된 환경에서 쓰입니다
예시)
<body>
<a href="https://www.naver.com">네이버링크</a>
</body>
<body>
<a href="https://www.naver.com" target="_blank">네이버링크</a>
</body>
<body>
<a href="https://www.naver.com" target="_parent">네이버링크</a>
</body>
<body>
<a href="https://www.naver.com" target="_top">네이버링크</a>
</body>
디자이너의 코딩 도전👍🏻