웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
1 - 5. HTML 문서의 연결
2003.02.25 06:16
<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>
⑴ 문서 간의 연결
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>
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
노프레임홈페이지 디비기 3 - 경로 [42] | 리디 | 2003.03.31 |
쭘's식 홈페이지 만들기 No.2 - 예제 미리보기 포함 [14] | 쭘's | 2003.03.30 |
노프레임홈페이지 디비기 2 - 헤더와 풋터 [57] | 리디 | 2003.03.26 |
노프레임홈페이지 디비기 1 - 계층 [16] | 리디 | 2003.03.25 |
HTML의 정의 [8] | 이태운 | 2003.03.23 |
쭘's 식 쉽게 홈페이지 만들기 [15] | 쭘's | 2003.03.17 |
1 - 6. 프레임 [3] | wony | 2003.02.25 |
1 - 5. HTML 문서의 연결 | wony | 2003.02.25 |
배경음악 여러개 나오게 하기.. [6] | 라엘 | 2003.02.23 |
[HTML 초보자] 프레임 나누기 기초 [1] | ZipShin | 2003.02.20 |
아이프레임 자동으로 크기 맞추어 주기.. [9] | S,CAC | 2003.02.16 |
웹페이지 대화상자 띄우기. [4] | 세죠위그이 | 2003.02.05 |
핫키를 타겟에 적용시켜 봅시다-_- [3] | 위드 | 2003.01.21 |
모바일(핸드폰용) 홈페이지 만들기. [8] | 고광욱 | 2003.01.13 |
테이블을 이용한 문서의 정렬 [4] | 서성원 | 2003.01.11 |
이미지 없이 그라데이션 효과 내기 - 수정. [7] | Pe-i | 2003.01.10 |
[1분짜리 팁!] 마우스커서 바꾸기! [10] | 찐군 | 2003.01.09 |
기본에 충실하자. 표관련 태그 정리... [2] | 이기형 | 2003.01.09 |
글씨태그 | 조현원 | 2003.01.08 |
HTML만으로 BGM Player 만들기... [7] | 고광욱 | 2003.01.02 |