Web Developer

HTML, CSS, JAVA, JavaScript, JSP...

프론트엔드/html

html 하이퍼링크 태그 - a

네모똥글 2021. 6. 23. 21:58

하이퍼링크 태그 <a>

 

하이퍼링크란 원하는 문서 또는 웹사이트로 이동, 메일보내기 등 링크를 통해 다른 사이트 또는 서비스와 연결해 주는것을 말합니다.

 

태그의 사용법은 아래와 같습니다.

<a href="연결할 주소" target="새창으로 열기 여부"> 나타낼 문구(이미지파일도 가능) </a>
<a href="http://www.naver.com">특정 사이트 링크</a> <br>
<a href="http://www.naver.com" target="self">특정 사이트 새탭으로 열기</a> <br>
<a href="images/img01.jpg">이미지보기</a> <br>
<a href="mailto:leeedanny1@gmail.com">메일보내기</a> <br>

href 속성에는 네이버, 다음 등 다른 웹 사이트 링크를 걸어 둘 수도 있고, 나의 다른 파일들을 링크 해 둘 수도 있습니다.

연결 될 상대의 주소를 적어주는 속성입니다.

 

target 속성은 새창으로 링크를 연결 할 지, 현재 창에서 링크를 연결 할 지 지정해주는 속성입니다.

기본값은 현재창에서 링크를 연결 해 주는 blank로 설정되어 있으며 생략시 기본값으로 지정됩니다.

새창으로열기 설정을 하기 위해서는 self 속성을 지정 해 주면 됩니다.

 target="self" 지정시 새 탭에서 링크가 열립니다.