링크 태그

HYEONYI JU·2021년 2월 2일

HTML&CSS

목록 보기
3/14

하이퍼링크를 통해 다른 정보로 접근할 수 있다.

링크 태그

<a></a>
  • a : anchor(닻)의 약자

태그의 속성(Attribute)

  • 태그에 대한 추가적인 정보 제공, 모든 태그는 속성을 가질 수 있다.
  • 키= “값”의 형태로 작성 ex)<a 키="값>구글

a태그 필수속성

  • href (키, 링크주소)
  • hypertext reference(값, 연결할 웹 사이트의 주소) ex)구글

경로(path)

  • /를 사용해 표시
  • Url(uniform resource locator) = address+path
  • 인터넷에서 html페이지, css문서, 이미지 등의 자원의 위치를 나타낸다.

절대/ 상대 url

  • 절대url: 접근하는 최초 시작점부터 경유한 경로를 모두 기록하여 리소스의 위치를 나타냄 ex) https://myblog.com/main.html/about/myface.jp
  • 상대 url: 기준점을 기준으로 상대적인 경로를 기록하여 리소스의 위치를 나타냄 ex) about/myface.jpg

target 속성

  • 클릭으로 링크를 열 때 어디에 오픈할 것인지 정하는 속성
  • target= “_self” : 현재 탭에서 링크를 여는 속성
  • target= “_blank” : 새 탭에서 링크를 여는 속성
profile
병아리 삐약삐약

0개의 댓글