HTML <a> 태그 속성

<a>란?
1) anchor의 첫글자입니다.
2) herf(hyperlink)와 앵커를 정의 할 때 사용합니다.
   즉. 이동(링크)을 목적으로하는 속성

3) 속성으로는 href, hreflang, type, target, rel, ping, download가 있습니다.


<a> 속성?
1) href 속성
- 이동하고자 하는 페이지 URL을 지정하거나, 페이지 이동을 제어

href 문법

<a href="URL">

절대 주소

<a href="www.stmsa.com/home.php">

상대주소

<a href="/luno/nosn.png">

구글로 이동하는 링크

<a href="https://www.google.co.kr"> 구글 이동</a>

상위 폴더 페이지 이동

<a href="main.html">A문서</a>

같은 페이지 상단으로 이동
- 동일한 페이지 내 명시된 id로 이동

<p id="top">상단입니다.</p> <a href="#top">top으로 이동</a>

스크립트로 완료 누르면 메세지 박스 내용을 확인 가능

<a href="javascript:alert('완료되었습니다.');">완료</a>

2) hreflang 속성
- 언어를 참고용으로만 사용합니다.
- href 속성이 있어야지 사용 가능합니다.

hreflang 문법

<a href="URL" hreflang="언어"></a>

예) ko, en, zh

3) type 속성
- 링크한 문서의 타입을 어떤것으로 받을 것인가.

type 문법

<a href="URL" type="타입"></a>

3) target 속성
- 링크한 문서 클릭시 열릴 위치 지정

target 문법

<a href="URL" target="타입"></a>

예) _blank : 새로운 탭에서 오픈
     _self : 현재 프레임에서 오픈
     _parent : 부모 프레임에서 오픈

4) download 속성
- 링크 클릭하면 다운로드 가능하다 

download문법

<a download="URL" download></a>