HYPERLINK/ANCHOR

다른 문서를 연결하는 링크

이미 여러분들은 Mosaic/Netscape를 이용하면서 밑줄 그어진 단어나 그림을 클릭하면 다른 문서로 연결되는 것을 경험하여 왔습니다. 그리고 그런 단어나 그림으로 마우스를 가져가면 마우스커서 모양이 바뀌는 것들을 보아 왔습니다. 그러한 단어나 그림을 다른 문서로 연결해주는 것을 하이퍼링크 혹은 앵커(HYPERLINK or ANCHOR)라고 합니다. 아래에서는 이러한 링크를 표기하는 방법에 대해 알아봅니다.

링크를 표시하는 방법은 다음과 같습니다.

        <A HREF=filename>단어</A>

'filename'은 단어를 클릭하였을 경우 연결되는 문서이고 '단어'는 화면에 표시되는 글자입니다. 한번 직접 해보겠습니다.

        <A HREF=./html11.htm>앞의문서</A>

위와 같이 표시하였을 경우 화면에 나타나는 결과는 아래와 같습니다. 그리고 '앞의문서'에는 밑줄이 그어져 있고, 실제로 '앞의문서'를 클릭하면 앞의문서를 볼 수 있습니다.

        앞의문서

'단어'부분에는 이미지가 올수도 있습니다. 다음과 같이 말입니다.

        <A HREF=./html11.htm><img src=./html12-1.gif></A>

위에서 입력한 결과는 다음과 같습니다.

위에서 이미 그림을 삽입하는 예를 보여드렸는데 이것은 다음에 더 자세히 설명하고 filename을 지정하는 것에 대해 좀더 자세히 알아 보겠습니다.

filename은 절대주소 및 상대주소를 적절히 섞어 사용할 수 있습니다. 만약 filename을 '/bora/dacom/index.html'이라고 입력했다면 두 가지 경우가 가능합니다. 만약 현재의 문서가 Web Server가 설치된 시스템에 존재한다면 이 '/bora/dacom/idnex.html'은

        '/server-document-home/bora/dacom/index.html'

을 의미하는 것이고, 현재의 문서가 PC등에 존재한다면 이 '/bora/dacom/idnex.html'은

        'c:/bora/dacom/index.html'

를 의미합니다. 이와같이 처음에 '/'가 존재하는 filename 표기방식을 절대주소지정방식이라고 합니다.

그러나 만약 filename이 '. /bora/dacom/index.html'이라고 하면 현재의 문서가 있는 디렉토리의 하위디렉토리인 bora/dacom/에 있는 index.html화일을 의미합니다. 이러한 표기방식을 상대주소지정방식이라고 합니다. 따라서 '. /html13.htm'은 현재의 문서가 있는 같은 디렉토리의 화일 html13.htm을 의미합니다.

filename에는 어떤 종류의 화일명도 가능할 뿐만 아니라 다음에서 이야기할 URL도 가능합니다.