디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
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>

하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 모바일 한국어 라인 이미지 日本語 라인 이미지 中文 라인 이미지 ENGLISH 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로
디지털콘텐츠 No.1 (주)아사달