웹마스터 팁

  2. Support
  3. 웹마스터 팁

1 - 5. HTML 문서의 연결

2003.02.25 06:16

wony

<A> 태그를 이용하여 자신의 컴퓨터를 포함해서 인터넷에 연결된 컴퓨터에 존재하는 모든 문서를 연결할 수 있다. <A> 태그는 HTML 문서를 연결할 뿐만 아니라 워드 프로세서 문서, 응용 프로그램 문서(엑셀, 파워포인트 등), 이미지 파일, 동영상 파일등 모든 형식의 파일을 연결 할 수 있다. <A> 태그의 사용 방법과 예는 다음과 같다.

⑴ 문서 간의 연결
HREF 속성의 하이퍼 링크를 클릭했을 때에 연결되는 문서를 지정하는 속성이다. 연결할 문서의 URL은 이중 인용 부호 ("　")로 표시하여 지정한다.

<HTML>
<HEAD>
        <TITLE> HTML 문서 연결 </HTML>
</HEAD>
<BODY>
        <H3> 원하시는 기관을 선택하세요. </H3>
        <A HREF="http://kr.yahoo.com"> 1. 야후! 코리아 홈 페이지 </A><BR>
        <A HREF="http://www.msn.co.kr"> 2. MSN 코리아 홈페이지 </A>
</BODY>
</HTML>

⑵ 문서 내의 연결
HTML은 문서 내의 특정한 위치를 지정하여 이동할 수 있는 기능을 제공한다.
NAME 속성을 이용하여 HTML 문서의 특정 위치를 지정해 두면, 그 문서의 다른 위치나 다른 문서에 설정되어 있는 하이퍼링크에서 이 문서의 해당 위치를 연결하도록 설정할 수 있다. 다음은 문서 내 연결 태그를 이용하요 문서 내의 특정 위치로 이동이 이루어지는 기능을 작성한 예제이다.
이 예제를 실행한 때에는 화면 내에 한 문단만 보이도록 웹 브라우저의 크기를 줄 여서 실험하여야 문서 내에서 본문이 연결되는 것을 환인할 수 있다.
웹 브라우저 화면을 크게 하여 예제 내의 글씨가 모든 화면에 출력된 상태에서는 '본문'을 선택하여도 '본문의 시작' 부분으로 이동하는 모습을 확인할 수 없으므로 주의하여야 한다.

<HTML>
<HEAD><TITLE> 문서 내에서의 연결 </HTML></HEAD>
<BODY>
이 문서 내의 본문으로 연결 하려고 합니다. <BR>
<A HREF="#본문"> 본문 </A> 를 클릭 하세요! <BR>
<P>
중간 부분 … <P>
중간 부분 … <P>
중간 부분 … <P>
<P>
<A NAME="본문"> 본문 </A></P>
여기가 본문의 시작 입니다.
</BODY>
</HTML>

⑶ 편지쓰기
전자 우편을 작성해서 보내 려면 우선 전자 프로그램을 호출해야 한다 다음과 같은 태그를 이용한다.

<A HREF="MAILTO: 수신자 메일 주소"></A>
이 게시물을
수정 삭제
좋아요
목록
태그 쓰기