다른 문서 연결하기

다른 문서 연결하기

■■■■
■■■■■■■■
■■■■■■■■■■■■

문서의 헤더	글꼴과 문자열의 강조	문단 나누기	목록명령어	다른 문서 연결하기	이미지 넣기	TABLE 만들기	HTML 주석

HTML의 커다란 장점은 다른 문서의 텍스트나 혹은 이미지와 연결할 수 있다는 것이다.
이렇게 텍스트나 이미지를 다른 문서로 연결해주는 것 을 하이퍼링크(Hyperlink) 혹은 앵커(Anchor) 라고 한다.
앵커는 페이지에서 색깔이나 밑줄로 강조된 부분으로 나타나며 이에 관 련된 tag가 <A>(anchor)이다.
앵커에는 세가지 유형이 있다. 현재 파일에 서 내부 연결하기, 같은 서버의 다른 파일로 연결하기, 다른 서버의 파일 과 연결하기 등이다.

   <A [HREF="url"] 
         [NAME="name"] 
         [TARGET="frame"]>  
     .. text .. </A>

TARGET attribute는 FRAMES 사용에 관련된다.

☞ URL(Uniform Resource Locator)

WWW은 다른 서버상의 화일 위치를 나타내기 위해 URLs(Uniform Resource Locators)를 사용한다.
URL은 접속하는 resource의 형태 (gopher, WAIS), 서버의 주소, 그리고 화일의 위치를 나타낸다. HTML tag 중에서는 <A>에서 주로 사용된다.
기본적으로 scheme://host.domain[:port]/path/filename 과 같은 형태이 며, scheme은 아래에 명시된 것들 중의 하나가 된다.

file

파일 연결하기

파일을 연결하기 위해서는 파일의 위치를 지정하여야 한다. 파일의 위치 지정에는 절대위치 지정과 상대위치 지정이 있다. 절대 위치 지정은 항상 슬래쉬(/) 기호를 먼저 사용하여 /경로명/파일명.html의 형태로 지정하며, 루트 디렉토리에서 경로명을 따라가서 나타난 디렉토리에 있는 파일명을 가리킨다. 상대위치 지정은 술래쉬 기호 이외의 문자나 기호로 시작하여 경로명/피일명.html의 형태로 지정하며, 현재 디렉토리로부터 경로명을 찾아간다.
파일의 위치를 절대 위치로 지정할 수도 있지만 일반적으로 상대 위치를 사용하는 것이 좋다. 왜냐하면, 상대위치는 루트 디렉토리부터 현재의 위치까지 이르는 모든 경로를 표기해야 절대위치보다 간결하고, 관련된 파일을 다른 디렉토리로 이동할 경우에도 별도의 수정이 필요없기 때문이다. 그러나 모든 문서에서 공통적으로 사용하는 아이콘같은 이미지는 절대 위치로 지정하는 것이 효율적이다.

[결과를 보시려면 여기를 누르세요.]

<A HREF="/information/help/help.html">도움말</A> <A HREF="http://dblab.changwon.ac.kr/">DataBase 연구실 홈페이지</A> <A HREF="http://sarim.changwon.ac.kr/"><IMG SRC="/icons/up.gif"> 창원대학교 홈페이지로 갑니다.</A>

다른 파일의 특정한 부분과 연결하기

창원대학교 연구지원 편람을 예로 들어보면 문서 assistant1-1의 '기초 과학 연구소 연구비'와 문서 assistant.html의 '기초과학 연구소 연구비'을 서로 연결하려고 한다. 이 때 문서 assistant1-1 안에 이름 붙인 앵커 (named anchor)를 만들어 주어야 한다.

<A NAME="기초과학">기초과학 연구소 연구비</A>

이제 파일의 이름 뿐만 아니라 hash mark(#)로 구분된 named anchor를 갖추고 있는 링크를 문서 assistant.html에 만들 수 있다.

<A HREF="/information/assistant/assistant1-1.html#기초과학">기초과학 연구소 연구비</A>

문서 assistant.html안의 "기초과학 연구소 연구비"라는 단어를 마우스 로 클릭하면, 사용자는 문서 assistant1-1.html안에 있는 '기초과학'이라고 표시되어 있는 곳으로 곧장 가서 볼 수 있게 된다.

현재 파일에서 내부 연결하기

파일의 이름을 생략한다는 점을 제외하면 앞에서 설명한 것과 같은 방법을 사용한다. 예를 들면, 동일한 문서 assistant1-1.html 내에서 '기초과학'이라는 앵커로 연결하기 위해서는 다음과 같은 방법을 이용하면 된다.

<A HREF="#기초과학">기초과학 연구소 연구비</A>

문서의 헤더	글꼴과 문자열의 강조	문단 나누기	목록명령어	다른 문서 연결하기	이미지 넣기	TABLE 만들기	HTML 주석

☜DB Lab.

▲홈페이지 작성법

◀Prev. Chap.

▶Next. Chap.

DB Lab. Home	Welcome to Database Laboratory in Changwon National University !	Univ. Home

Drop any comments or suggestions to : ytwoo@sarim.changwon.ac.kr
Copyright(C) 1996. YongTae Woo, Database Laboratory, Changwon National University
Tel. 82-551-79-7423 Fax. 82-551-79-7680 All rights reserved.