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

1. 절대주소 입력방식

'http://www.asadal.com'과 같이 실제 사이트의 주소인 URL을 입력하게 됩니다. 주소를 생략 없이 완벽하게 입력해야 하며, 주소 입력 시 빈 공간(스페이스 키)이 입력되어도 안 됩니다.
이는 실제의 사이트에 존재하는 문서에 링크하고자 할 때 사용하는 방법입니다. 다른 서버에 들어 있는 문서에 링크를 걸려면 반드시 절대주소의 방식을 사용해야 합니다.

<a href="http://www.asadal.com">클릭하세요!</a>

2. 상대주소 입력방식

'main.htm'과 같이 보통 단순히 폴더 경로와 문서의 이름만을 입력합니다. 자신의 사이트 내에 존재하는 문서들을 서로 연결하고자 할 때 주로 이용하는 방법입니다.


[ 위의 그림처럼 디렉터리가 구성되어 있을 때 상대주소 설정하기 ]
    * 같은 디렉터리에 있는 웹 페이지를 링크할 때
    <a href="link01.htm"> 문자열 </a>

    * 하위 디렉터리에 있는 웹 페이지를 링크할 때
    <a href="image/image01.htm"> 문자열 </a>

    * 상위 디렉터리에 있는 웹 페이지를 링크할 때
    <a href="../../index.htm"> 문자열 </a>

    * 다른 디렉터리에 있는 웹 페이지를 링크할 때
    <a href="../homepage/script.htm"> 문자열 </a>


사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 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.
아사달 이용 가능 브라우저