09. a태그 _ Links

a태그는 사이트나 특정 위치로 이동시켜주는 태그입니다.

a태그는 이미지, 글자 어디든 걸어줄 수 있어요.
기본 형태는 아래와 같습니다.

<a href="url">링크를 걸어주세요!</a>
<a href="url"><img src="url" alt="링크 이동 버튼"/></a>

target

url에는 지난번에 나온 절대경로, 상대경로 모두 넣어줄 수 있습니다.
별다른 코드를 넣지 않으면 현재 열린 창 내에서 이동하게 되는데요.
본래의 창을 유지한채로 새창을 띄우고 싶을때 쓰는 태그가 target입니다.
target에 _blank를 써줌 됩니다.

<a href="url" target="_blank">새창으로 띄워주세요~</a>
 

이제 실제 예시를 들어볼까요.
'네이버를 현재 창에서 열꺼야' 라는 글자를 클릭하면 현재 창에서 naver로 이동,
'구글을 새창으로 열꺼야' 라는 글자를 클릭하면 새창띄우기로 google로 이동하도록 해보겠습니다.

<a href="http://naver.com">네이버를 현재 창에서 열꺼야</a>
<a href="http://google.com" target="_blank">구글을 새창으로 열꺼야</a>
 

네이버를 현재 창에서 열꺼야
구글을 새창으로 열꺼야

* 개인적인 공부를 정리하는 블로그입니다.