[HTML] 링크(Link)

링크(Link)

<a> 태그

하이퍼링크 (Anchor)의 약자 <a>를 사용하며, 다른 페이지로 이동하는 링크를 생성해 주는 태그이다. 추가적으로 속성을 써 주어, 그 속성 값에 이동시키고 싶은 페이지의 주소를 적으면 된다.

<a href="이동할 페이지 경로" [target="_blank"]>

href 속성 값

• 상대 경로
  • 단순히 파일 이름만 명시할 경우, 같은 폴더 안의 어떤 파일을 의미한다.
  • ./ 은 현재 폴더, ../ 은 상위 폴더의 파일을 지정할 수 있다.
  • a/파일이름 => a 폴더의 파일을 지정한다.
• 절대 경로
  • 파일이 있는 모든 경로를 적어 파일을 지정한다.
  • ex) C:\Users\Administrator\Downloads\프론트엔드\part1\02\sub\shop.html
• 상대 경로와 절대 경로의 차이
  • 상대 경로
    • 나 자신과 폴더들을 다른 컴퓨터로 옮겨도 나 자신이 경로의 기준이 되기 때문에 재설정이 필요 없다.
  • 절대 경로
    • 내 컴퓨터에 지정된 루트를 이용하므로 다른 컴퓨터에서 재설정이 필요하다.

target 속성 값

• target 속성은 선택적인 속성으로, 설정하지 않으면 현재 창에서 다른 페이지로 이동이 가능하다.
  • 새 창을 띄우고 싶다면 "_blank" 값을 사용한다.
  • "_self"라는 속성 값이 있지만, default 값이므로 생략하고 사용한다.
• <strong>, <b>, <u>, <i>, <span>, <br />, <img> 태그 (inline level 태그) 만을 포함한다.
• 이동할 대상이 현재 페이지 안에 존재하는 경우
  • [target="#"]
    • 현재 페이지의 맨 처음으로 스크롤 이동
  • [target="#id값"]
    • 특정 id 값을 갖는 위치로 스크롤 이동