원하는 곳으로 자유롭게 - Link(2)


링크로 메일 보내기

여러가지 링크

Target속성



1. 링크로 메일 보내기


<A href="mailto:메일주소">사용자 정보</A>


  1. 이미지나 텍스트들을 클릭했을 때 지정한 메일 주소로 메일을 보낼 수 있게 하는 태그입니다.
  2. 제목은 메일 보내기이지만 실제로 메일을 보내는 기능이 있는 것이 아니고 링크를 클릭했을 때 사용자 컴퓨터에 있는 메일 프로그램이 실행되게 하는 것입니다.
  3. A태그가 이런 기능을 갖도록 작성하려면 이메일 주소 앞에 mailto:라고 작성하면 됩니다.
  4. 실행된 아웃룩 익스프레스의 받는 사람 부분에 자동으로 href에 작성되었던 메일 주소가 입력되는 것을 볼 수 있습니다. 웹서핑을 하면서 자주 보게 되는 사이트 관리자에게 문의 사항 메일을 보내거나 개인 홈페이지의 경우 개인에게 메일을 보낼 때 많이 사용합니다.



<html> <head><title>링크로 전자메일 보내기</title></head> <body> 궁금한 사항이 있으면 언제든지 연락주세요. E-mail : <a href="mailto:wine59@truesky.net">wine59@truesky.net</a> </body> </html>

궁금한 사항이 있으면 언제든지 연락주세요.

E-mail : wine59@truesky.net






메일의 제목과 내용이 자동으로 나타나게..

위에서 하이퍼 링크를 이용해서 메일을 보내는 방법을 배웠습니다.
<A href="mailto:wine59@truesky.net">여기를 클릭~!!</A> 이처럼 설정을 했을 경우 Outlook Express가 실행되면서 메일 보내기 창이 나타납니다.

그런데 만약 이력서나 질문을 많이 받는 경우 제목에 [이력서] 또는 [질문]이라는 문구가 자동으로 들어가게 설정한다면 메일을 관리하기가 상당히 편리하겠죠? 그러기 위해서는 메일의 링크를 아래와 같이 사용합니다. 아래와 같이 메일 주소 다음에 ?subject메일제목을 넣으면 아웃룩 익스프레스 창이 뜰 때 메일 제목이 자동으로 들어간답니다.
<A href="mailto:wine59@truesky.net?subject이력서">여기를 클릭~!!</A>
혹시.. 본문에 들어갈 일부의 내용까지 자동으로 나타나게 만들어 두려면 이렇게 설정하면 됩니다. 즉 메일주소 다음에 ?subject=제목&BODY=내용을 아래와 같이 넣어주면 된답니다.


<A href="mailto:wine59@truesky.net?subject이력서&BODY=희망연봉을 적어 주세요.">여기를 클릭~!!</A>

궁금한 사항이 있으면 언제든지 연락주세요.

E-mail : 여기를 클릭~!!



2. 여러가지 링크

문서간 연결
<A href="경로명:문서명">문서연결</A> 문서와 문서를 연결하는 방법은 문서내 연결보다 더욱 간단합니다. 문서끼리의 연결은 (A href)태그에서 대상 문서의 경로만 설정해 주면 되기때문입니다.
문서와 URL 연결
<A href="웹사이트 주소">웹사이트 명</A> 이것은 문서와 특정 웹사이트를 연결하는 경우입니다. (A href)태그에서 이동할 웹사이트의 주소만 지정해 주기만 하면 됩니다.
이미지에서
웹페이지로 연결
<a href="웹페이지주소"><img src="이미지주소"></A> 이 경우는 이미지를 클릭했을 때, 원하는 웹페이지와 연결되는 것을 말합니다.
이미지에서
이미지로 링크
<a href="이미지주소"><img src="이미지주소"></A>
웹페이지에서
이미지로 링크
<a href="이미지주소">여길클릭!</A>
FTP로 접속
<A href="ftp://www.naver.com">네이버</A> FTP(File Transfer Protocol)로의 연결은 FTP주소의 완전한 형태인 FTP://~ 로 입력해야 합니다. 네이버가 FTP서비스를 제공한다면 위와 같이 작성하면 됩니다.
다운로드 링크
특정 글자나 이미지를 클릭하면 다운로드 되게 하는 방법입니다. 브라우저에서 지원하지 않는 zip이나 exe 파일들을 링크하게 되면 사용자들은 그 파일들을 자신의 컴퓨터로 Download 할 수 있습니다. zip파일 같은 것은 아무리 브라우저에서 열려고 해도 열 수가 없습니다. 일단 Download를 받은 다음, 컴퓨터에 zip파일을 다룰 수 있는 프로그램이 있다면 해당 프로그램이 실행되면서 열어 볼 수 있습니다. 그리고 마이크로 소프트에서 사용되는 파일은 거의 열어볼 수 있습니다.
기타 링크
사운드 파일(wav, au, mid, wma, asf, mp3 )과 mpeg, mov와 같은 동영상 파일도 링크할 수 있습니다.


3. 타겟(Target) 속성

Target 속성은 link태그와 밀접한 관계에 있는 속성입니다. Frame태그에서도 나오지만 일단 여기에서는 매직타겟에 대해서만 배워보도록 하겠습니다. 매직타겟이란 별도의 name 지정없이 target을 지정할 수 있는 속성입니다.
　
target="_blank"
새로이 로딩될 내용을 새로운 창에 나타내 주는 것입니다
target="_new"라고도 합니다.
target="_self"
현재의 화면에 새로운 내용을 나타내어줍니다
target="_top"
현재의 화면이 프레임 화면일때 현재의 프레임이 없어지고 전체하나의 화면에 내용이 나타나는 것입니다. "_blank"처럼 새로운 익스플러워창이 새로 생기는 것이 아니라 자신의 화면에서 프레임으로 분할된 것이 없어지고 전체 화면에 표시됩니다.
target="_parent"
링크 부분이 있는 프레임에 새로운 프레임이 만들어져 새로운 내용을 표시합니다. 이옵션은 부모계층에 해당하는 (FRAMESET)에 페이지를 로드합니다.


★ 이곳에서는 위의 Target속성 중에서 두 가지의 예만 보여드리겠습니다.
(이곳에는 Frame이 없으므로 나머지는 target="_self"와 똑같은 결과로 보여지기 때문이예요.^^)

target="_blank" target="_self"
Truesea Truesea



링크 색상 지정하기

이 부분은 앞에서 'BODY'강좌에서 한번 나왔던 부분입니다. 다시 한번 언급하고 넘어가겠습니다. BODY 태그 속성에서 이 부분을 규정해 주죠? 아래의 link색상은 웹 브라우저의 기본값입니다. 본인의 취향에 따라 다르게 지정할 수도 있겠습니다.

Link 한 번도 방문한 적이 없는 링크의 색상 지정 기본값 : 파란색
Vlink 한 번 방문한 적이 있는 링크의 색상 지정 기본값 : 보라색
Alink 링크를 클릭했을 때의 색상 지정 기본값 : 빨간색


절대 및 상대 경로를 이용한 문서 연결

<A href="///절대경로">텍스트</A>
절대경로라는 것은 현재 위치에서부터 최상위 디렉토리까지 "/" 기호를 이용하여 나타내는 것을 말합니다. 따라서 현재 위치에서부터 최상위 디렉토리까지 정확하게 입력해야 웹 브라우저에 정확히 나타납니다.
<A href="///상대 경로 ">텍스트</A>
상대 경로라는 것은 현재 위치에서부터 최상위 디렉토리까지 "/"기호를 이용하여 점(.)으로 구분해서 나타내는 것을 말합니다. 즉 현재 위치를 나타내기 위해서는 점 하나(.)를 사용하고 한 단계 상위 계층을 나타내기 위해서는 점 두 개(..)를 사용하여 나타낸다는 뜻입니다.