하이퍼링크란 윈도우의 도움말 같은 형태로 문서안에 특정 문자열이나 이미지를 마우스로 클릭했을 때, 관련 된 다른 문서를 연결해 주는 것을 말 합니다. 하이퍼링크에서 적용할 수 있는 형식은 내 홈페이지에서 다른 홈페이지로 연결하거나 다른 문서로 연결하는 방법 또는 자신의 홈페이지 않에서 연결하는 방법 등이 있지요.
| <A>...</A> 태그 - 기능 : 링크 지정 - 속성 : HREF="html문서" ; "그림파일" ; "URL"", NAME="레이블 이름" TARGET="프레임 이름" |
링크는 내 컴퓨터 안의 다른 HTML 파일연결과 내부 문서연결, 웹의 다른 문서, 그리고 E-MAIL 링크시킬 수 있습니다.
1. 다른 문서로 연결하기
현재 작성하고 있는 문서에서 임의의 다른 문서로 연결하기 위한 방법으로 다음과 같은 형식으로 HTML태그를 사용하면 됩니다.
<A href="문서파일명"> 다른 문서 연결하기 </A>
링크시킬 문서파일명을 넣어 주면 되는데, 연결할 문서가 현재 문서와 다른 폴더에 있거나 다른 드라이브에 있다면 문서파일명 앞에 경로명을 넣어 주어야 합니다.
경로명에는 상대경로와 절대경로 두 가지가 있는데, 상대경로는 현재파일을 기준으로 한 경로명이고, 절대경로는 현재 드라이브에 자신의 HTML 파일이 있는 곳까지의 경로명을 모두 써주어야 하는 것입니다.
그럼 하이퍼링크 문서를 만들어 볼까요?
| <HTML> <HEAD> <TITLE> 다른 문서 연결하기 </TITLE> </HEAD> <BODY > <A HREF="/index.html" target="_blank"> 일산시티 초기화면 </A> </BODY> </HTML> |
이것은... 위 예제를 자세히 보세요. target="_blank"가 보이죠?
target은 문서를 보여주는 방법을 규정합니다. 전 화면에 보여주느냐, 새창으로 보여주느냐 등..
○ _SELF : 링크된 새로운 문서를 현재의 프레임에 보여준다.
○ _PARENT : 현재 프레임의 상위 프레임을 보여준다.
○ _TOP : 화면의 모든 프레임을 지우고 화면 전체에 보여준다.
○ _BLANK : 현재 창을 그대로 두고, 새로운 창을 열어 보여준다.
2 문서안에서 연결하기
같은 페이지 내에서 보여주고 싶은 부분에 이름을 주어 그 이름을 링크시키는 것입니다.
한 화면에 너무 많은 내용이 들어가면 스크롤바를 계속 내리면서 보아야 하기 때문에 조금 불편하지요.
이런 경우 스크롤바를 이용할 필요없이 쉽게 이동할 수 있는 데, 필요한 부분에 NAME을 지정해 두고 그 이름을 선택하면 바로 그 문서의 특정위치로 이동하게 되는 것 이지요.
지금 여러분이 공부하시고 있는 이 문서에서도 아래와 같은 태그를 사용했습니다.
| <HTML> <HEAD> <TITLE> 문서내에서 연결하기 </TITLE> </HEAD> <BODY > : <a name="#TOP">HTML의 첫걸음</a> : <A HREF="#TOP">위로 돌아가기</A> : </BODY> </HTML> |
문서가 길어질 때 이용자 편의를 위하여 원하는 부분으로 바로가는 기능이지요.
댓글 없음:
댓글 쓰기