HTML/CSS/JAVASCRIPT 강의실

시삽: 레드플러스 님 
게시판 이동:
 제목 : 7일차 강의내용 - HTML 사이트 연결 태그 - UPDATE(2001.03.12)
글번호: 14
작성자: 관리자
작성일: 2001/01/12 오전 1:29:00
조회수: 6406
HTML

학습내용 : HTML 사이트 연결 태그 (2001/01/11) UPDATE(2001/03/12)

 

<A> 태그

사용법

<A HREF="연결하고자 하는 사이트의 URL">...</A>

설   명

문서내의 특정 위치로 링크시킨다. 이 태그는 일반적으로 HREF 속성을 사용하여 하이퍼링크를 작성할 때 사용한다. 또한 같은 문서 내의 특정 위치로 이동할 때도 사용한다.

예   제

HREF, NAME

쪽넘기Anchor는 다음과 같은 형식으로 사용한다.

<A HREF="http://home.hanmir.com/~bittobio">Red-Park's HOMEPAGE</A>

위는 특정 주소의 문서로 옮겨갈 때의 경우이고 동일한 디렉토리의 다른 문서의 특정 부분으로 옮겨갈 때에는 아래와 같이 표시한다.

<A HREF="same.html#넘기">넘기</A>

이 경우에는  same.html의 내용중 '넘기'라는 낱말이 있는 곳으로 이동하는데, 이 때 same.html의 '넘기'는 다음과 같이 표시되어 있어야 한다.

<A NAME="넘기">넘기</A>

또, 동일문서내에서 다른 위치로 옮겨갈 때에는  

<A HREF="#건너뛰기">건너뛰기</A>로 건너 뛸 위치를 지정하고, 건너 뛸

목표는

<A NAME="건너뛰기">건너뛰기</A>로 표시한다.

속   성

 HREF, NAME, TARGET

 


※ 링크의 경로 표현 방법

문서 상호간에 링크된 구조를 만들려면 <A>태그 안에 불러올 저장 경로(URL)와 파일명을 설정해야 한다. 링크된 구조로 연결하려는 두개의 파일이 동일한 폴더 안에 존재한다면 저장 경로는 설정하지 않고 해당 파일명만 입력하면 된다. 하지만 두개의 파일이 저장된 폴더가 다르다면 불러올 파일의 저장 경로를 반드시 설정해야 한다.

웹브라우져는 웹문서에서 링크된 지점을 선택했을 때 현재 웹문서가 저장된 동일한 폴더내에서 불러올 파일을 먼저 찾는다. 동일한 폴더 안에 찾는 파일이 없으면 HREF="URL"속성에서 지정한 저장 경로에서 파일을 찾아 불러오게 된다. 사용자의 시스템에 상관없이 인터넷 네트워크는 UNIX시스템에 의하여 운영되므로 링크된 문서의 저장 경로를 설정하는 방법은 UNIX시스템의 경로 설정 방법에 따른다.
UNIX시스템 경로 설정 방법은 폴더 또는 디렉토리 단위를 구분하기 위하여 슬래쉬(/) 기호와 현재 디렉토리보다 상위 디렉토리를 표현하기 위하여 이중점(..)기호를 사용한다.
PC(매킨토시)에서 사용하는 폴더를 디렉토리와 동일한 개념으로 이해하면 된다. 링크된 지점을 선택했을 때 불러올 파일의 저장 경로를 설정하는 방법에는 상대 경로명과 절대경로명 표현 방법이 있다.



1.상대 경로명(Relative Pathnames)

상대 경로명은 현재 파일이 저장된 폴더를 기준으로 불러올 파일이 저장된 폴더의 상대적인 위치를 표현 하는 방법이다.
링크될 웹 문서가 web 폴더 안에 index.htm 파일로 저장되어 있다면 상대 경로명은 'web/index.htm' 과 같이 표현된다. 표현 하는 몇가지 방법은 아래와 같다.

<A HREF = "index.htm">.....</A>
현재 사용중인 폴더에 index.htm파일이 저장되어 있는 경로명

<A HREF = "web/index.htm">.....</A>
web 폴더안에 index.htm파일이 저장되어 있는 경로명.
web폴더는 현재 기준이 되는 폴더보다 한 단계 아래의 폴더.

<A HREF = "pub/web/index.htm">.....</A>
web 폴더안에 index.htm 파일이 저장되어 있는 경로명.
web 폴더는 pub라는 상위폴더 안에 존재하는 폴더.

<A HREF = "../index.htm">.....</A>
현재 폴더보다 한 단계 상위 폴더에 index.htm 파일이 저장되어 있는 경로명.

<A HREF = "../../web/index.htm">.....</A>
현재 폴더보다 두단계 상위 폴더인 web 폴더안에 index.htm 파일이 저장되어 있는 경로.

<A HREF = "../../red/web/index.htm">.....</A>
외장하드를 연결 하여 사용 하거나 내장 하드를 2개로 분할하여 사용하는 경우이다. 현재 기준이 되는 하드 디스크에서 두단계 상위 폴더를 넘어서 red 이라는 하드 디스크 내에 index.htm 파일이 저장되어 있는 경로명.



2. 절대 경로명(Absolute Pathnames)

절대 경로명은 링크하여 불러올 웹 문서의 위치를 최상위 단계의 폴더에서부터 해당 파일이 존재하는 폴더까지 모두 표현 하는 방법이다. 즉, 컴퓨터 시스탬에서 해당 파일이 저장된 절대적인 위치를 표현하는 방법이다.

동일한 서버 내에 저장되어 있는 파일의 절대 경로명을 표시 하려면 슬레쉬(/)로 시작한다.
표현 하는 몇가지 방법은 아래와 같다.

<A HREF = "/red/web/index.htm">.....</A>
'red' 라는 하드디스크의 web 폴더에 저장되어 있는 index.htm파일의 절대 경로명

<A HREF = "http://www.redplus.net/index.htm">.....</A>
웹에 있는 RED+.NET의 호스트 컴퓨터에 저장되어 있는 index.htm 파일의 절대 경로명.

※ 학습정리

 

※ 관련문제

 

※ 참고문헌/사이트

태그사전

HTML Reference Library 4

 

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

(댓글을 남기려면 로그인이 필요합니다.)

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 8일차 강의내용 - 그림 연결 GSY.jpg(28 KB) 관리자 2001-01-12 6312
현재글 7일차 강의내용 - HTML 사이트 연결 태그 - UPDATE(2001.03.12) - 관리자 2001-01-12 6406
  예제. 021. 하이퍼링크만들기(A태그).htm HTML-0021.jpg(145 KB) 레드플러스 2003-05-13 6280
다음글 7일차 강의내용 - 목록 만들기 - 관리자 2001-01-11 6572
 
손님 사용자 Anonymous (손님)
로그인 Home