■ <a> 태그
태그 : <a> ~</a>
<a> 태그는 현재 HTML문서에서 다른 HTML문서로 이동하거나, 현재 HTML문서 내에서 원하는 부분으로 이동을 지정하는
태그 입니다.
▶ 속성.
ⓐ 현재 HTML문서에서 다른 HTML문서로 이동시
| href="경로" |
문서 경로 |
| target="속성" |
target 지정 속성 |
- 경로(링크할 문서가 있는 위치)
태그 : <a href="경로"> ~</a>
<a> 태그는 기본적으로 연결할 HTML문서의 경로를 지정하여야 합니다.
<a> 태그의 경로는 크게 두가지로,
현재 작성한 HTML 문서를 기준으로 하는 상대적 경로와
| 현재 HTML 문서 |
href="경로" |
HTML문서 위치 |
현재 HTML 문서를
기준으로 |
href="aa.htm" |
같은 폴더에
있을 때 |
| href="ect/aa.htm" |
ect라는 하위 폴더에
있을때 |
| href="../ect/aa.htm" |
ect라는 상위 폴더에
있을때 |
HTML문서의 경로를 완전한 URL로 표현하는 것이 있습니다.
| href="http://www.imbc.com/index.htm" |
- target(타겟) 속성
target이란 표적이나 과녁을 뜻하는 말로, 현재 HTML문서에서 이동할 다른 HTML문서의 정보를 보내면 그 정보를 받아 나타내는
것을 타겟이라고 합니다.
그리고 불러올 다른 HTML문서를 나타내는데 여러가지 속성이 있습니다.
| target="_blank" |
새 문서를 새로운창에 나타냄. |
| target="_parent" |
링크 부분이 있는 프레임에 새로운 프레임이 만들어져 새 문서를 나타냄. |
| target="_self" |
현재의 화면에 새 문서를 나타냄. |
| target="_top" |
프레임셋을 없애고 화면전체로 새 문서를 나타냄. |
| target="사용자 지정" |
사용자 지정 프레임셋을 설정시 지정한 이름의 프레임에 새문서를 나타냄. |
target 을 지정하지 않으면 기본적으로 target="_self"로
지정되어 있습니다.
예]
| <a href="http://homeDIY.cyworld.com">인터넷
집짓기<a> |
인터넷
집짓기 |
| <a href="http://homeDIY.cyworld.com"
target="_blank" >인터넷
집짓기<a> |
인터넷
집짓기 |
| <a href="http://homeDIY.cyworld.com"
target="_parent" >인터넷 집짓기<a> |
인터넷
집짓기 |
| <a href="http://homeDIY.cyworld.com"
target="_self" >인터넷 집짓기<a> |
인터넷
집짓기 |
| <a href="http://homeDIY.cyworld.com"
target="_top" >인터넷 집짓기<a> |
인터넷
집짓기 |
| <a href="http://homeDIY.cyworld.com"
target="사용자 지정" >인터넷 집짓기<a> |
인터넷
집짓기 |
ⓑ 현재 HTML문서 내에서 원하는 부분으로 이동시
| <a name="사용자 지정"
> |
책갈피 이름 지정. |
| <a href="#사용자 지정">책갈피</a> |
방금 지정한 책갈피 이름 있는
부분으로 링크됨 (같은 문서에서) |
※ 책갈피 이름을 지정할 때에는 <a name="사용자 지정" >와 같이 단일 태그로 사용 해야 됩니다.
예]
|
