<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> |
'Web' 카테고리의 다른 글
| [HTML] html video 화면 꽉차게 (0) | 2021.12.08 |
|---|---|
| 데이터 시각화란? (0) | 2021.12.07 |
| IT 회사들이 사용하는 기술 확인 방법 - Stack (0) | 2021.12.01 |
| [Visual Code] 실행 취소 반대 단축키는? [ Ctrl + z 반대 ] (0) | 2021.11.12 |
| 파이썬 웹 크롤링 (0) | 2020.06.11 |