베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
    - HTML 소개
    - 텍스트
    - 링크
    - 이미지
    - 테이블
    - 인클루드
    - 프레임
    - 폼(FORM)
    - 이미지 자르기
    - 색상코드표
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
생활 홈페이지 만들기
비즈니스 홈페이지 만들기
쇼핑몰 홈페이지 만들기
링크
Home > 디자인 센터 > 웹강좌 > HTML 사용법 > 링크
링크란 내부링크 외부링크 주소 입력방식

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>

사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 070-7510-3007 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 153-803) 서울특별시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
아사달 이용 가능 브라우저