본문 바로가기

프로그램/코딩

[HTML]a 태그

728x90
반응형

a 태그란

a 태그는 링크를 연결해준다

즉 이동하고 싶은 페이지로 이동을 해준다

<a href="이동경로">클릭</a>

원하는 내용(글씨,이미지등)을 a태그로 감싸주어 해당 내용을 클릭 했을때 지정해준 경로로 이동을 하게 된다

a 태그는 연결을 시켜주기 태그이기 때문에 당연히 연결시켜줄 주소 또는 값이 필요하다

href 속성은 이동하고 싶은 경로를 써주는 곳이다

<a href="https://korearaogong.tistory.com/">사이트 이동</a>
<a href="korea/raogong">하위폴더 이동</a> //하위폴더 korea안의 raogong으로 이동
<a href="#top">id가 top인곳으로 이동</a>

인터넷 페이지일 경우에는 인터넷 주소창에 있는 주소를 입력해주면 되고

하위 디렉토리일 경우에는 디렉토리 이름을 써주면 된다

자신의 글 안에서 움직이고 싶을 경우에는 도착지점에 id를 주고 경로에 # + id를 입력하면 해당 id까지 이동하게된다

위와같이 사용하게 되면 현재 페이지에서 이동하기 때문에 현재 페이지에서는 나가지게 된다(구글)

그래서 현재 페이지는 유지 한체로 새로운 창으로 페이지를 여는방법(네이버)으로는

속성값에 target="_blank"를 입력해 주면 된다 target값으로 다른 값이 있지만 잘 쓰지 않는다

<a href="이동경로" target="_blank">새창으로 사이트 이동</a>
<a href="이동경로" target="_self">현재 창에서 사이트 이동</a>//기본값이기 때문에 잘 안쓴다
728x90
반응형