| 링크(Link) | |||||
<a> 태그를 사용하면 링크를 만들 수 있습니다. "a"는 앵커(Anchor)를 의미합니다. href <a> 태그는 기본적으로 href 속성을 가집니다. 이동할 페이지 주소를 적어주면 되죠.
target <a> 태그에서 사용할 수 있는 또하나의 중요한 속성은 target입니다. target 속성은 링크가 걸린 페이지를 어떻게 열것인가를 결정합니다.
위와 같이 target 속성의 값을 _blank로 지정하면 새창에서 네이버 홈페이지가 열립니다.
title <a>태그에서 살펴볼만한 3번째 속성은 title 속성입니다. 이는 링크의 이름을 지정하는 속성입니다.
title을 지정해 주면 링크에 마우스를 올렸을때 타이틀이 표시됩니다. 아래 링크에 마우스를 올려서 확인해 보세요.
|
| 내부링크(책갈피 기능) | |
<a>태그의 속성중에 name이라는 속성이 있습니다. 이는 링크의 이름을 지정합니다. 링크에 이름을 지정하면 문서내에서도 이 이름을 이용하여 이동이 가능합니다.(페이지 이동이 아니라 스크롤을 통한 이동) 문서내부로 링크를 걸때는 #과 내부링크의 name 속성값을 적어주면 됩니다.
위의 소스에서 style="height:600px;" 이 부분은 CSS 입니다. CSS 부분을 공부하면 간단하게 이해가 됩니다. 만일 위의 소스를 가지고 확인시 스크롤바가 생기지 않으면 height:600px 이 부분을 증가시켜 주면 됩니다. |
※출처 : http://www.homejjang.com/
