|
|
|
|
| |
|
1. 링크(link)
홈페이지를 만들었다면 당연히 본인의 문서를 브라우저상에서 다른 문서 또는 이미지나 특정 텍스트와 연결하기를 원할 것입니다. 이렇게 브라우저상에서 타 사이트, 문서, 특정 텍스트, 사운드 파일, 압축 파일 등과 연결하는 작업을 통틀어 링크라고 합니다.
<a href=" 연결하고자 하는 곳의 URL "> 텍스트나 특정 이미지 </a> 링크의 기본 형식은 위와 같습니다. 텍스트에 링크를 걸게 되면 텍스트의 아래쪽에 파란색의 선이 나타나며, 이미지에 링크를 설정하면 이미지 주위로 파란색의 테두리가 나타나게 됩니다. 이 테두리는 <img> 태그의 " border=0 "을 이용하여 제거할 수 있습니다. |
|
2. 타깃(target)
타깃이란 링크시킨 웹문서가 브라우저상에서 어떻게 표현될지를 결정하는 것입니다. 일반적으로 타깃은 링크가 걸려 있는 곳에 커서가 있거나 링크가 선택되어야 활성화됩니다. 기본적으로 _blank, _parent, _self, _top 네 가지가 있습니다. 프레임이 나누어져 있고 각 프레임의 이름이 지정되어 있는 경우에는 해당 프레임의 이름이 타깃으로 이용됩니다.
<a href=" 연결하고자 하는 곳의 URL " target="타깃지정"> 텍스트나 특정 이미지 </a>
① _blank : 연결된 문서나 파일을 새로운 브라우저 창에서 엽니다.
② _parent : 자신의 프레임보다 한 단계 상위의 프레임으로 문서를 엽니다.
③ _self : 프레임이 나누어져 있든 아니든 자신의 프레임에서 연결된 문서를 엽니다. 지정하지 않으면 기본 값입니다.
④ _top : 프레임으로 나누어져 있는 경우 프레임을 무시하고 전체화면으로 연결 문서를 열 때 사용합니다. 새 창이 열리는 건 아닙니다. 프레임으로 나누어지지 않은 경우에는 _self와 같습니다.
☞ 이메일로 링크걸기
<a href="mailto:이메일주소">문자열</a> 하면 됩니다.
|
|
|
<html>
<head>
<title>링크걸기</title>
</head>
<body>
<font size="3" color="#0000ff">1. 현재창에서 링크열기</font><p>
아사달로 이동합니다.
<a href="http://www.asadal.com"> 클릭!</a><p>
<font size="3" color="#0000ff">2. 새 창에서 링크열기</font><p>
아사달로 이동합니다.
<a href="http://www.asadal.com" target="_blank"> 클릭!</a><p>
<p align="right"><a href="mailto:asadal@asadal.com">메일보내기! </a></p>
</body>
</html>
|
|
|
|
|
|
|
|
|