HTML #5 - HyperText Tag

📍 HyperText Tag

하이퍼링크 관련 태그이다. 다른 위치로 이동할 수 있다.

a href 기본형

<h1>하이퍼링크 관련 태그</h1>
<!-- target : default(_self) 기본값은 현재!! 창에 열리게 되어있음 -->
<!-- _blank : 새로운 탭에서 열림 -->
<a href="URL 주소 1" target="_self">주소 1 관련 텍스트</a><br>
<a href="URL 주소 2" target="_blank">주소 2 관련 텍스트</a><br>

하이퍼링크를 나타내기 위해서는 <a href=""></a> 형태의 태그를 사용한다.
href="" 속성에 가고자 하는 주소를 입력해 주면 된다.

💡 <a>태그는 target="" 속성을 통해 링크된 문서를 클릭 시, 해당 문서가 열릴 위치를 정해준다.

• _self : 현재 프레임
• _blank : 새로운 탭
• _parent : 부모 프레임
• _top : 현재 윈도우 전체
• 프레임 이름 : 명시된 프레임

응용

<!-- 다른 파일로 이동 (연결) -->
<a href="다른 파일 주소" target="_blank">파일 관련 텍스트</a><br>
<a href="이미지 주소" target="_blank">이미지 관련 텍스트</a><br>
<!-- download 속성을 주면 클릭 시 이미지가 보이는게 아닌, 다운로드가 된다. -->
<a href="이미지 주소" download>이미지(다운로드)</a><br>

href=""에는 웹사이트의 주소뿐만 아니라 다른 파일의 주소, 이미지 주소 등을 넣어 연결해 줄 수 있다.
만약 이미지를 보는 게 아니라 다운로드를 하고 싶다면, download 속성을 부여해 주면 된다.