a태그
<a> 태그는 다른 페이지나 같은 페이지의 특정위치,파일,이메일 주소와 그 외 다른 url로 연결할 수 있는 하이퍼링크를 생성합니다.
<a href="https://www.naver.com">네이버</a> 와
<a href="https://www.google.com">구글</a>
은 포털사이트이다.
네이버와 구글을 <a> 태그로 감싼 후 href 속성에 각각의 주소를 넣어 하이퍼링크를 생성하였습니다.
이제 네이버와 구글 문구를 클릭하면 각각에 연결된 사이트로 이동됩니다.
target 속성
<a href="https://www.naver.com" target="_blank">
네이버</a>자주 사용하는 속성으로 target 속성이 있습니다. 이 속성값을 _blank로 지정해주면 해당 하이퍼링크로 이동할때 새 창을 띄워줍니다.
페이지 내 이동
페이지 내 이동은 href 속성에 #아이디로 이동할 수 있습니다.
<a href="#아이디">하이퍼링크</a>div 태그를 통해 30개의 블록을 생성한 후 17번째 블록으로 이동해보겠습니다.
<div id="block17">17</div>먼저 17번째 블록에 id 속성에 사용할 아이디를 명시합니다.
<a href="#block17">17번째 블록으로 이동하기</a>이제 하이퍼링크를 생성하고 href 속성에 #아이디를 명시합니다.
이제 하이퍼링크를 클릭하면 해당 아이디로 이동하게 됩니다.
