홈페이지 만들기

<A>

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

파일의 연결
다른 문서상의 특정 부분과 연결하기
현재 문서내에서 특정부분과 연결하기

HTML의 커다란 장점은 다른 문서의 텍스트나 혹은 이미지와 연결할 수 있다는 것이다. 링크는 문서 중에 색깔이나 밑줄로 강조된 부분을 통하여 다른 문서로 연결시킨다. 이러한 링크에 관련된 tag이 <A>(anchor)이다.
TARGET attribute는 FRAMES 사용에 관련된다.

* 파일의 연결

href는 연결할 문서를 지정한다. 이경우 현재 문서가 있는 디렉토리에 대한 상대 path나 도큐먼트 루트에 대한 절대 path로 파일을 지정하게 된다. 그리고 URL을 연결할 수도 있다.
다음은 파일의 위치에 따른 href의 설정 예들이다.

[상대 path의 지정]
direc/ 현재 문서의 디렉토리가 이라고 가정
direc/index.html href="./" 또는 "index.html"
direc/another.html href="another.html"
direc/subdir/index.html href="subdir/" 또는 "subdir"
direc/subdir/another.html href="subdir/another.html"
direc/../index.html href="../" 또는 "../index.html"

[절대 path의 지정]
htdocs/ 도큐먼트 루트라고 가정
htdocs/index.html href="/" 또는 "/index.html"
htdocs/another.html href="/another.html"
htdocs/subdir/another.html href="/subdir/another.html"
~someone/public_html/ 자신의 도큐멘트 루트라고 가정
~someone/public_html/index.html href="/~someone/" 또는 "/~someone"
~someone/public_html/another.html href="/~someone/another.html"
~someone/public_html/subdir/a.html href="/~someone/subdir/a.html"

절대 path가 지정된 경우에는 '/'로 시작하고 있다. 그리고 index.html로 링크하는 경우에는 파일이름을 생략할 수 있다. URL에는 HTML문서 뿐만 아니라 음성이나 동화상등 다른 종류의 파일이 올 수도 있다.

모든 상대 path를 절대 path로 지정할 수도 있다. 그러나 일반적으로 상대 path를 사용하는 것이 좋다. 우선 입력하여야 할 글자 수가 줄어들고, 관련된 파일들 전체를 다른 곳으로 옮겨도 별 문제가 일어나지 않는다. 그러나 직접 관련된 문서가 아닌 경우에는 절대 path로 지정하는 것이 효율적이다. 함께 이동하지 않는 문서들은 절대 path로 지정해 주어야 호환성이 유지된다.

[사용예]
<a href="/~gdhong/">홍길동 홈페이지</a> <a href="hello.wav">인삿말</a> <a href="http://home.netscape.com/">NETSCAPE 홈페이지</a>

아래의 예와 같이 문서 안에 URL을 포함하면 링크가 이루어 진다.

<A HREF="http://sunsite.unc.edu/mdw/linux.html">Linux Documentation Project</A>

이것은 리눅스에 관한 HTML 문서를 문서 안에서 연결시켜준 것이다.

* 다른 문서상의 특정 부분과 연결하기

앵커는 그 문서의 특정한 부분으로 이동하기 위해 사용될 수도 있다. 문서 B의 한 부분(이 파일을 documentB.html라고 부른다.)과 문서 A의 특정한 부분을 서로 연결하려고 한다고 가정해 보자. 우선, 문서 B안에 이름 붙인 앵커(named anchor)를 만들어 줘야 한다. 예를들어, 문서 B에 "midway"라는 이름의 앵커를 설정하기 위해 다음과 같이 입력한다.

여기는 <A NAME="midway">B 문서의 중간 어느 부분</a>입니다.

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

A 문서에서 B 문서의 어느 부분으로 <A HREF="documentB.html#midway">연결</A>하기.

문서 A 안의 "연결"이라는 단어를 마우스로 클릭하면, 사용자는 문서 B 안에 있는 midway라고 표시되어 있는 곳으로 곧장 가서 볼 수 있게 된다.

* 현재 문서내에서 특정부분과 연결하기

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

여기는 문서 B 내부에서 <A HREF="#midway">midway로 이동</A>됩니다.

[상대 path의 지정]
direc/	현재 문서의 디렉토리가 이라고 가정
direc/index.html	href="./" 또는 "index.html"
direc/another.html	href="another.html"
direc/subdir/index.html	href="subdir/" 또는 "subdir"
direc/subdir/another.html	href="subdir/another.html"
direc/../index.html	href="../" 또는 "../index.html"

[절대 path의 지정]
htdocs/	도큐먼트 루트라고 가정
htdocs/index.html	href="/" 또는 "/index.html"
htdocs/another.html	href="/another.html"
htdocs/subdir/another.html	href="/subdir/another.html"
~someone/public_html/	자신의 도큐멘트 루트라고 가정
~someone/public_html/index.html	href="/~someone/" 또는 "/~someone"
~someone/public_html/another.html	href="/~someone/another.html"
~someone/public_html/subdir/a.html	href="/~someone/subdir/a.html"