하이퍼링크 태그 <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 속성을 지정 해 주면 됩니다.
'프론트엔드 > html' 카테고리의 다른 글
html 테이블 구조 연습 (1) | 2021.06.28 |
---|---|
html 테이블 태그 - table (0) | 2021.06.23 |
html 이미지태그 - img (0) | 2021.06.23 |
html 글자태그 - 줄바꿈, 공백, 제목, 리스트 (0) | 2021.06.23 |
html 에디터 설치 및 html 기본 구조 (0) | 2021.06.23 |