베스트 키워드 더보기
주간 월간 연간 누적
디자인몰 통합검색 전체 검색 정액숍 검색 무한숍 검색
검색 상세검색
이벤트
콘텐츠 개수 오늘어제이번달지난달누적
HTML 소개
텍스트
링크
이미지
테이블
인클루드
프레임
폼(FORM)
이미지 자르기
색상코드표
링크란 내부링크 외부링크 주소 입력방식

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>

주문제작 안내 디자인이용요금표 우수회원 틀리기 쉬운 외래어 고객센터   모바일웹
아사달 사업자등록증 기술보증기금 인증 벤처기업 기술혁신쳥 중소기업(INNO-BIZ) 정보보호 안전진단 필증 획득 ISO9001 인증기업 기술신용보증기금 우량기술기업선정 서울지방중소기업청 imagedj
한국정보통신공사협회 한국인터넷진흥원공인 도메인등록대행자 (사)한국인터넷호스팅협회 아사달 특허등록 한국산업기술진흥협회 기업부설연구소 통일부 문화체육관광부 대통령상 수상
페이지 맨 위로 이동하기