2009년 10월 5일 월요일

링크태그 기본 - A 태그

동일 문서 내에서의 링크
    여기에서는 동일문서내에서의 이동하는 방법을 배워보도록 하겠습니다. 다른 용어로 앵커태그(맞나?) 도 하는데요...동일한 웹페이지 내에서 일정 부분을 클릭하면 그 동일한 웹페이지내의 다른 부분으로 이동할 수 있는 링크방법이져^^ 

<a name="love">이동될 부분</a> , <a href="#love">이동</a>

예제보기

 위에 소스 중에서 love 라고 나오는 부분 2곳이 있는데요 여러분들이 내키는 대로 아무 글자나 집어 넣어도 됩니다. 다만 양쪽 글자가 반드시 같아야 합니다. 예를 들자면 첫번째 부분은 love 인데 두번째 부분에는 story 를 넣으면 안된다는 거죠^^ 아셨죠?^^

 ※ 이미지 링크 주위에 테두리 제거
   이미지를 링크시키면 불필요하게 이미지주변에 시퍼런 테두리가 생길때가 있습니다. 그럴 경우에는 이미지 태그 안에 위처럼 border="0" 를 적어 넣으시면 됩니다.border="수치" 는 테두리의 두께를 조절하는 속성이랍니다.

<a href="이동할 주소"><img src="이미지주소"  border="0"></a>

 ※ target 속성
   타겟 속성은 링크태그와 밀접한 관계에 있는 속성입니다. 특히 프레임 태그에서는 초보분들이 가장 많이 어려워하시는게 이 target 속성이랍니다. 일단 여기에서는 매직타겟에 대해서만 배워보도록 하겠습니다. 매직타겟이란 별도의 name 지정없이 target을 지정할 수 있는 속성입니다. 매직타겟 이외에 name을 지정해주어서 target을 정해주는 방법은 프레임 태그(화면 분할하기)부분에서 설명드리져^^

 
 
  • target="_blank" 혹은 target="new"
     새로이 로딩될 내용을 새로운 익스플러워창에 나타내주는 것입니다
  • target="_self"
     현재의 화면에 새로운 내용을 나타내어줍니다
  • target="_top"
     현재의 화면이 프레임화면일때(여기처럼 나누어진 화면) 현재의 프레임이 없어지고 전체하나의 화면에 내용이 나타나는 것입니다. "_blank"처럼 새로운 익스플러워창이 새로 생기는 것이 아니라 자신의 화면에서 프레임으로 분할된 것이 없어지고 전체 화면에 표시됩니다.
  • target="_parent"
     링크 부분이 있는 프레임에 새로운 프레임이 만들어져 새로운 내용을 표시합니다. 이옵션은 부모계층에 해당하는 <FRAMESET>에 페이지를 로드합니다.

 

 사용방법은 <a href="링크될 주소" target="_blank">클릭</a> ☜이런 식이져^^ 

댓글 없음:

댓글 쓰기