[HTML] 하이퍼링크 쓰는 법

주영·2025년 2월 16일
0

html

목록 보기
6/7

절대 URL

웹이나 파일에서 정의된 절대적인 위치를 말한다.

예시

(일반적인 웹 링크)
https://www.google.com/

(컴퓨터 내부의 파일 경로)
C:\Users\Username\Desktop\text.txt

상대 URL

현재 파일을 기준으로 한 상대적인 위치를 말한다.

예시

/Users/Username/Desktop/text.txt
./index.html

상대 경로 쓰는 법

  • / : 최상위 폴더
  • ./ : 현재 폴더 (생략 가능)
  • ../ : 상위 폴더

URI Fragment

URI 프래그먼트는 문서 내에서 특정 위치로 이동할 수 있게 해준다. (URL 프래그먼트라고도 불린다)
#[id명]을 링크 뒤에 붙이면 그 id가 있는 위치로 이동한다.

  • 사용 방법 : (링크)#(id명)

예시

(절대 경로)
https://ko.wikipedia.org/wiki/위키백과#역사

(상대 경로)
#목차

URI Scheme

링크 가장 앞쪽에 작성하며, :(콜론)으로 구별한다. Scheme 자리에는 프로토콜(protocol)을 작성한다.

  • 사용 방법 : (protocol):(URI)

종류 (일부)

더욱 자세한 종류는 여기를 참고하라.

  • http, https(보안) : Hypertext Transfer Protocol (Secure)
  • mailto : 메일을 보낸다.
  • tel : 전화를 건다.

예시

https://www.google.com/
tel:+821011110000

추가 주의점

  • 파일명을 명시하지 않을 시 이름이 index.html인 파일을 찾아간다. 즉 파일 이름이 index.html일 경우 파일명을 생략하여 URL을 작성해도 된다는 것.
profile
힘들어요

0개의 댓글