9. <a> 태그

 

<a>태그는 HTML 문서에서 링크를 생성하는데 사용되며, 다른 웹 사이트로 이동할 수 있는 하이퍼링크를 만들어준다.

 

기본형

• href: 연결할 주소 지정
• target: 링크를 클릭할 때 창을 어떻게 열지 설정
• title: 해당 링크에 마우스 커서를 올릴 때 보이는 도움말 설명

<a href="링크할 주소">텍스트 또는 이미지</a>

 

href

• 임시 링크 (#): 주소가 명확하지 않을 경우. 또는 페이지 내의 특정 섹션으로 이동하기 위해 사용. ex) href="#section2"
• 이메일 주소 (mailto): 사용자가 이메일 클라이언트를 열고 지정된 이메일 주소로 이메일을 보내도록 설정
• 전화번호 (tel): 사용자가 바로 전화를 걸 수 있도록 설정
• 문자 (sms): 사용자가 바로 텍스트 메시지를 보낼 수 있도록 설정

 

target

• _self: 링크를 클릭한 해당 창에서 연다.
• _blank: 링크를 새 창으로 연다.
• _parent: 부모 창에서 연다 (부모 창이 없으면 _self 속성으로 처리)
• _top: 전체 브라우저 창에서 가장 상위의 창에서 연다 (부모 창이 없으면 _self 속성으로 처리)

 

활용 코드

    <a
      href="https://google.com"
      id="google"
      target="_blank"
      title="클릭하면 구글 사이트로 이동합니다."
      >구글</a
    >

 

-실행 결과

구글