본문 바로가기
Front_end/HTML

HTML - <a>

by hyeon1016 2024. 7. 29.

'<a>' 

  • 다른 사이트 혹은 같은 문서 내 다른 위치로 이동할 수 있는 링크를 생성합니다.
  • 'href' 속성 값에 URL을 입력해 원하는 곳으로 이동이 가능하다.

 

url의 표기 유형과 표기 예시

표기 유형 표기 예시
절대경로 URL 표시 href="https://www.naver.com"
상대경로 URL 표시 href="hello.html"
 *<base>태그에 기본 URL 지정
페이지 내 요소 위치 표기 href="#top"
프로토콜 URL 표기 https://, ftp://. mailto:, file: 등
스크립트 표기 href="javascript.alert('Hello');"

 

 

 

주요 속성

 

'href'

  • 이동할 목적지의 URL을 지정합니다.
  • 연결하고자 하는 웹 사이트의 URL, 앵커(#id), 경로를 입력한다.

 

 

'target'

 

링크를 눌렀을 때 페이지가 열리는 방식을 지정합니다.

 

속성 값

  • _self : 'traget' 속성의 기본 값이며 현재 창에서 링크를 엽니다.
  • _blank : 새 창 또는 새 탭에서 링크를 엽니다.
  • _parent : 부모 요소의 프레임에 링크를 엽니다.
  • _top : 전체 창에서 링크를 엽니다.

 

 

'Front_end > HTML' 카테고리의 다른 글

HTML - 목록 요소  (0) 2024.08.12
HTML5 문서의 구조  (1) 2024.07.23