본문 바로가기

웹디자인

[홈페이지제작 강좌] HTML 기본강좌 (링크태그 2)

4. 링크태그(2)
③ 기타 링크 방법
  • 다운로드 링크시키기 - 특정 글자나 이미지를 클릭하면 다운로드 되게 하는 방법입니다. 솔직히 말해서 이건 다운로드 태그라고 말할 수는 없는데요....다운로드 시킬 파일을 확장자를 zip 이나 exe 파일로 해서 링크를 시켜놓으면 클릭을 하면 실행되는게 아니라 다운로드가 되져....^^
  • 사운드 파일 링크 - 사운드 파일도 링크 가능하져....특히 리얼파일을 링크시킬경우 리얼플레이어 음악이 나오게 됩니다. 자세한건 사운드 태그부분을 참조하세요^^
  • 기타 - 링크태그를 이용하면 왠만한 건 모두 다 링크할 수 있습니다. 또한 웹서핑도 하이퍼링크가 없다면 불가능 하죠^^ 그 많은 주소를 다 욀 수는 없겠져?^^
 ※ 동일 문서 내에서의 링크
    여기에서는 동일문서내에서의 이동하는 방법을 배워보도록 하겠습니다. 다른 용어로 앵커태그(맞나?) 도 하는데요...동일한 웹페이지 내에서 일정 부분을 클릭하면 그 동일한 웹페이지내의 다른 부분으로 이동할 수 있는 링크방법이져^^ 

<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> ☜이런 식이져^^ 

   링크태그에 대해서 지금까지 배워봤는데요.....보시다가 궁금한게 있으면 질답게시판에 질문하시구요......그럼 여기서 이만 줄이겠습니다. 수고 하셨습니다. ^^