반응형

<a> 태그의 a란 anchor 즉 '닻'을 의미합니다.

 

 출처 - 나무위키

배가 닻을 놓는다는 의미는 거기에 정박한다. 즉 '그곳으로 이동했다.' 라는 의미입니다.

 

따라서 <a> 태그란 어디론가 이동하거나 연결되는 의미를 가지고 있습니다.

 

<a>태그의 속성은 href, title, target 총 세가지입니다.

 

1. href

 - 이동할(연결될) 주소를 지정하는 속성입니다.

 - "http://www.naver.com" 과 같은 URL 주소 또는 "login.html"과 같은 html 파일로 이동할 수 있습니다.

2. target

 - href 속성에 있는 주소나 파일을 어떻게 열지를 정하는 속성입니다.

이름 기능 
target="_blank" 기입한 경로를 새 탶으로 엽니다.
target="_top" 기입한 경로를 브라우저 화면으로 엽니다.
target="_self" 기입한 경로를 같은 프레임에서 열게 합니다.
target="프레임" 기입한 경로를 입력한 페이지의 name에서 열게 합니다.
target="_parent" 기입한 경로를 현재 페이지의 한 단계 상위 페이지에서 출력되도록 합니다. 

3. title

 - 링크에 마우스를 갖다 대면 설명이 나오도록 하는 속성입니다.

 

 

테스트 

1
<a href = "http://www.naver.com" target="_blank" title="네이버">네이버 홈페이지로 이동</a>

 

네이버 홈페이지로 이동 클릭! 

 

새 탭으로 실행

반응형

'프론트엔드 > HTML' 카테고리의 다른 글

<table> 태그 - 표  (0) 2019.06.27
HTML 이미지 삽입 - <img> 태그  (0) 2019.06.25
<p>, <br>, <h1> 태그  (0) 2019.06.25

+ Recent posts