HTML의 기본 요소 #3 - 하이퍼링크 태그

하이퍼링크

다른 문서로 이동할 수 있는 연결고리

택스트나 이미지에 다른 웹페이지 주소를 달아서 만듦

<a>태그 (anchor)

주요 속성 : href, target, download

href 속성

Hypertext Reference

href값 => 이동할 HTML페이지의 URL주소

절대경로와 상대경로

절대경로 => 어떤 파일이 가지고 있는 고유한 경로

상대경로 => 현재 위치한 곳을 '기준'으로 해서 '그곳의 경로'

./ => 현재폴더

../ => 상위폴더

eg)

root

  - public_html

    - css

      - style.css

    - index.html

index.html 의 절대경로 => root/public_html/index.html

현재 위치를 public_html 이라고 가정할 때,

  index.html의 상대경로 => ./index.html

  style.css의 상대경로 => ./css/style.css

target 속성

링크가 걸리는 위치 지정

target="_blank" => 새 창에서 열기

target="_self" => 현재 창에서 열기 (default)

download 속성

파일 다운로드 할 수 있는 링크를 만듦

id 속성

한 페이지 내에서 element를 식별하기 위해 사용

이름을 중복으로 사용할 수 없음

<태그 id="tag1">아무말</태그>

<a>태그 이용해 연결하기

<a href="#tag1">아무말로 가기</a>