HTML hyperlink

Link

HTML 문서에서 링크는 a 태그를 활용한다. a 태그의 href 속성를 통해 링크를 걸 페이지 주소를 명시한다.

<a href ='url'> url </a>

 

link의 상태와 CSS 속성

a:link 방문하기 전 

a:visited 방문한 후 

a:active 링크를 클릭한 순간

 

target 속성

링크된 페이지를 어디에 보여줄지를 결정한다. target 속성의 값에는

_blank : 새로운 페이지 혹은 새로운 탭에 문서를 보여준다.

_self : 같은 페이지에

_ parent : 상위 프레임에 

_top : 같은 페이지에 다시 로드된다.

<a href = 'url' target='_blank' >

 

링크는 북마크로 활용될 수 있다. 북마크를 사용하면 긴 페이지 상에서 보고싶은 특정한 부분으로 넘어갈 수 있다. 

<h2 id="bookmark">here!</h2>

<a href="#bookmark">jump to here!</a>

 

링크를 걸 때 외부 경로에 대해 잘 알아두어야 한다.

외부 경로에는 절대 경로와 상대경로가 있다.

절대경로는 주소를 모두 적어둔다. https://pickchat.com/

상대경로는 현재 웹 페이지를 기준으로 경로를 적는다. 

 

timeline.php 현재 페이지와 같은 폴더 안에 위치한 timeline.php로 가겠다.

timeline/timeline.php 현재 폴더에 안에 있는 timeline이란 폴더 안의 timeline.php 페이지로 가겠다.

/timline/timline.php 현재 웹의 루트를 기준으로 timeline이란 폴더안의 timeline.php 페이지로 가겠다.

../timline.php 현재 폴더의 한 단계 상위에 있는 폴더 안의 timeline.php 페이지로 가겠다.