a 태그

• anchor
• 웹페이지를 연결하는 중요한 요소
• 글자, 이미지, 이메일, 전화번호

<!-- 텍스트에 태그 --> 
<a href="https://www.daum.net">DAUM</a>

<!-- 이미지에 태그 -->
<a href="https://www.daum.net"><img src="../../logo.png" /></a>

<!-- 이메일 태그 -->
<a href="mailto:people@example.com">이메일 보내기</a>

<!-- 전화번호 -->
<a href="tel:01012341234">010-1234-1234</a>

---

속성

• href : 링크된 페이지 또는 url
  • 절대 주소 : 전체 웹 주소를 표시. a태그를 가지고 있는 html 문서의 위치가 변경되어도 해당 주소로의 접근이 가능.
  • 상대 주소 : 동일한 웹사이트에 있는 주소. a태그를 가지고 있는 html 문서의 위치가 변경되면 해당 주소로의 접근이 불가능 할 수도 있음.

<!-- 절대 주소 -->
<a href="https://www.daum.net">DAUM</a>
<a href="https://www.google.com/gmail/">Gmail</a>

<!-- 상대 주소 -->
<a href="./html/otherhtml.html">Link 01</a>
<a href="anotherhtml.html">Link 02</a>

• target : 링크된 페이지를 어떤 방식으로 보여주는지 대상을 지정
  • _self : 클릭한 현재 화면
  • _blank : 새창이나 새탬
  • _parent : 부모 프레임
  • [이름] : 해당 프레임 이름

<!--클릭한 현재화면-->
<a href="https://www.daum.net" target="_self">DAUM</a>
<!--새창 또는 새탭-->
<a href="https://www.daum.net" target="blank">DAUM</a>
<!--부모창-->
<a href="https://www.daum.net" target="_parent">DAUM</a>
<!--해당 프레임-->
<a href="https://www.daum.net" target="frame01">DAUM</a>

<iframe name="frame01" src="https://www.naver.com"></iframe>

• download : 대상이 다운로드 되도록 지정
  • 해당 속성은 로컬 html 파일에서는 작동하지 않음.(file:///...)
  • 다운 받을 파일도 같은 서버에 있어야 함(크롬과 파이어폭스)

<!-- 파일 그대로 다운로드 -->
<a href="./img/myw3schoolsimage.jpg" download>test123</a>
<!-- 파일명을 image_name 으로 변경하여 다운로드 -->
<a href="./img/myw3schoolsimage.jpg" download="image_name">test123</a>

• ping : 사용자가 클릭시 ping 속성에 지정된 url로 http post 요청을 보냄(모니터링용)

<a href="https://www.daum.net" ping="https://www.daum.net/monitoring">