<A> 앤커(Anchor)

문서나 이미지를 HTML상에서 불러 표현하기 위해서는 해당 화일을 지정하여야 하는데, 이때에 이 앤커를 사용한다.

사용 가능한 애트리뷰트는

name

현재 앤커(anchor)가 다른 연결과 구별되도록 이름을 지정하는 것이다. 부위 지정에 사용된다.

href= URL

웹 자원의 위치를 지정하여 지정한 화일을 연결 시켜 준다. 절대 URL, 상대 URL, 부위 URL, 전자우편 연결이 가능하며, 양식은 일반적이 HTTP 뿐 아니라, File, FTP, E-mail 등의 연결이 가능하다.

target=frame name

문서를 표현 할 프레임 이름을 지정한다.

사용 방법은

인터넷 주소에 연결: <A href="http://yahoo.co.kr">야후 코리아에 연결</A>

야후 코리아에 연결

인터넷 주소의 화일에 연결: <A href="http://att.co.kr/~single/gif/basunny.gif">인터넷 주소의 이미지 화일 연결</A>

인터넷 주소의 이미지 화일 연결

현재 위치에서 상대적인 주소의 화일에 연결: <A href="../html/cover.html"> 현재 위치에서 상대적인 주소의 화일에 연결: HTML 규격</A>

현재 위치에서 상대적인 주소의 화일에 연결: HTML 규격

이 때 .(생략해도 됨)는 현재 홀더이고, ../는 1단계 상위 홀더 임.

부위의 지정: <A name="top"></A> 이라고 이 문서 맨 위(BODY 바로 밑에) 기술 하였고 <A name="bottom"></A> 이라고 맨 아래 기술 하였슴.
그곳으로 가려면 <A href="#top">맨 위로</A> 혹은 <A href="#bottom">맨 아래로</A>

그곳으로 가려면 맨 위로 혹은 맨 아래로

FTP 화일에 연결: <A href="ftp://ftp.sogang.ac.kr/" >서강대학교 FTP에 연결</A>

서강대학교 FTP에 연결

전자우편 보내기에 연결:

<A href="mailto:trioweb@hanmail.net" >저자에게 전자우편 보내기</A>
저자에게 전자우편 보내기
<A href="mailto:trioweb@hanmail.net, single@korea.com" >두사람에게 전자우편 보내기</A>
두사람에게 전자우편 보내기

화일에 연결:

<A href="file://c:config.sys">C: drive의 config.sys 화일에 연결</A>:
C: drive의 config.sys 화일에 연결
<A href="../gif/w3c_home.gif">w3c_home.gif 이미지 화일에 연결</A>:
w3c_home.gif 이미지 화일에 연결 (현재보다 하나 상위 홀더(../)에 있는 gif 홀더에서)
<a href="zipfile.zip">현재 홀더의 zipfile.zip 화일에 다운로드</a>:
현재 홀더의 zipfile.zip 화일에 다운로드
<a href="test.xls">현재 홀더의 test.xls Excel 화일에 연결</a>:
현재 홀더의 test.xls Excel 화일에 연결(Excel 프로그램이 설치되었을 때)

방법 만 설명하였으니, HTML 문서를 만들어 C: drive에 저장하고 연결시켜 보라.

다른 애트리뷰트등 앤커에 대한 자세한 정보를 참조하라.

월드와이드웹(World Wide Web) 이란?

World Wide Web (Web)은 정보 자원들의 네트워그(network)이다. 웝은 다음 세가지 기능으로 넓게 분포 된 청중들이 정보 자원을 쉽게 접속 할 수 있게 한다.

1. 통일 된 웹 자원의 위치 지정 방법 (예를 들어, URI, URL).
2. 웝의 자원 이름에 접근하는 프로토콜(protocol) (예: HTTP).
3. 자원들 사이을 쉽게 항해 할 수 있는 언어(Hypertext) (예: HTML).

이들 세가지 기능의 상호적인 연결이 전 규격을 통하여 설명 되어있다.

URI의 소개

HTML 문서, 이미지, 비디오 자료, 프로그램 등 웹상의 각 자원들은 URI(Universal Resource Identifier) 혹은 URL(Universal Resource Locator)로 엔코드(encode) 될 수 있는 주소를 가진다.

URI는 세 부분으로 구성되어있다.

1. 자원에 접근하는 방법 이름.
2. 자원을 갖고있는 호스트 이름.
3. 경로(path)로 주어진 자원의 이름.

예를 들어 현재 HTML 규격을 영문으로 갖고 있는 URI는:(색상으로 참조하라)

http://www.w3.org/TR/REC-html40/cover.html

마지막 경로 부분을 /TR/REC-html40/으로 만 표시해도 되는데, 이는 그 쪽 서버에서 디폴트로 읽을 화일이 지정되어 있기 때문이다.

이 URI은 다음과 같이 읽을 수 있다. 문서는 HTTP 프로토콜(protocol)을 통하여, 'www.w3.org' 서버에서 위치 경로(path) "/TR/REC-html40/cover.html"로 접속한다. 다른 형태로는 전자우편(email)에 "mailto", FTP에 "ftp"등이 있다.

사용자의 mailbox를 참조하는 다른 URI 예제:

  ... 문장 중 ...    의견이 있으시면 email을 보내 주십시오
  <A href="mailto:trioweb@hanmail.net">저자에게</A>.

... 문장 중 ... 의견이 있으시면 email을 보내 주십시오
저자에게.

대부분의 독자는 아마 "URI" 보다는 "URL"을 더 많이 보았을 것이다. URL들은 더 일반적인 하부 이름이다.

부위 지정자(fragment identifier)

어떤 URI는 한 자원 안에서의 위치를 참조한다. 이 경우에는 URI 뒤에 "#"와 부위 지정자(fragment identifier)를 추가한다.

지정자 이름 section_2를 지정하는 URI의 예:

http://somesite.com/html/top.html#section_2

먼저 top.html 안에 <A name="section_2"></A>로 기술하여 있어야 하고, 위 예제를 글릭하면 그 부위로 간다. </A> 종료태그를 생략하는 경우가 많은데 오류가 발생되니 반드시 기재하라.

상대(relative) URI/URL

상대 URI에는 위치 정보 양식을 포함하지 않는다. 그 경로는 현재 문서가 있는기계에서 현재 위치에 있는 문서를 참조한다. 상대 URI는 상대적인 경로(path) 정보를 가질 수 있다.

예를 들어 ".."는 한 단계 상위 홀더를 의미하며, 부위 지정자도 가질 수 있다.

기준 URL(현재의 URL)를 "http://trio.co.kr/webrefer/httut/index.html"이라 가정하고,
<A href="htlink.html">연결(Link): 현재의 페이지</A>를 불러 이 상대 URI 로 연결하면,

연결(Link): 현재의 페이지

완전한 URI는 "http://trio.co.kr/webrefer/httut/htlink.html"이 되고(마우스을 올려 놓으면 부라우저 하단의 status bar에 완전한 URL이 나타난다),
<IMG src="../../gif/ictrio.gif" alt="logo">를 부르면
이 이미지의 상대 URI의 완전한 URI은 "http://trio.co.kr/gif/ictrio.gif"이다.

복합적인 가진 이미지를 그 안에서 여러개의 에 각각 달리 연결하는데는 이미지맵이 사용된다. 이에 대한 설명은 다음 페이지 이미지맵에서 설명한다.

상대 URI은 기준 URI을 이용하여 완전한 URI를 산정하는 방법이 자세히 설명되었다.