웹마스터 팁

1. 경로지정

홈페이지를 방문할 때 홈페이지의 내용을 보려면 페이지가 이동하죠?

예를들어 마이프리웹의 홈페이지에 웹정보광장 화면에서 웹스터디로 이동하는 것을 바로 링크

라고 합니다. 링크를 사용하기 위해선 해당페이지를 지정해주어야 합니다. 페이지를 지정해주기

위해서는 반드시 경로라는 것을 알아야 합니다. 경로는 크게 두가지로 분류되는데 절대경로와

상대경로로 나눕니다. 절대경로란 웹상에서의 경로를 말합니다.

즉, http://www <-- 이런형태의 경로를 말하며 어느위치에서나 인식되는 경로입니다.

상대경로는 페이지내에 있는 파일들을 인식하는 경로입니다.

예를들어 my라는 폴더가 있고 free.html문서와 web.htm이라는 문서가 있다고 해봅시다.

free.htm 문서를 web.htm으로 연결시키면 경로는 ../my/free/web.htm 이 됩니다.

만약, my라는 폴더안에 the라는 폴더안의 free.htm문서와 web.htm문서가 있다고 합시다.

free.htm문서를 web.htm문서로 연결한다면 ../my/the/free/web.htm 이 됩니다.

참고로 .은 현재의 위치를 유지하는 것이고, ..은 상위디렉토리로 이동을 의미합니다.

만약, 폴더의 위치가 바뀌어 버리면 지정된 경로가 틀리게 되므로 링크에 오류가 납니다.

  


2. 링크걸기

<a href=경로주소>제목</a>


링크를 사용하기 위해선 <a href 라는 속성을 사용해서 링크를 걸 수 있습니다.

경로주소는 위에서 말했듯이 절대경로나 상대경로 중 아무꺼나 적어주시면 됩니다.

제목은 경로주소의 이름을 말합니다. 예를들어 경로주소에 http://kr.yahoo.co.kr의 절대경로를

넣었습니다. 제목에 "야후" 라고 넣어보면 출력은 "야후" 입니다. 야후를 눌려보면 링크가 걸어지

는 거죠.

  


3. 링크종류

링크에도 여러종류가 있습니다. 새창으로 띄우는 링크, 현재페이지에서 바로보이는 링크, 특정

페이지에 링크걸기 등 다양한 링크들을 설정할 수 있습니다.

다음 표를 잘보시기 바랍니다. 다양한 링크를 설정할 수 있는 속성들입니다.

속성
설명

  _blank
  웹 브라우저를 새창으로 띄워 페이지를 보여줍니다.

  _parent
  현재프레임에서 연결한 상위프레임에서 보여줍니다.

  _self
  현재페이지에서 바로 보여줍니다.

  _top
  현재페이지를 모두없애고 웹 브라우저에서 새창으로 보여줍니다.

  특정페이지링크
  자신이 지정해준 특정페이지에 링크를 걸어줍니다.


위의 속성들을 적용하기위해선 다음과 같이 합니다.



<a href="경로주소"target="속성">제목<a/>


target은 어떠한속성을 적용할 것인가를  적어주는것이고, 속성은 말그대로 링크속성을 말합니다.

어떠한 프로그램든 잘하는 이유는 하나입니다. 눈으로만 보지만 말고 직접 쳐보는 것입니다.

특히, 경로지정의 경우, 홈페이지를 만드는데 너무나 중요한 사항들입니다.

☞ 질문이나 기타 궁금한점 있으시면 http://myfreeweb.wo.to 로 문의 주시기 바랍니다.
모르는것이 있으면 실력이 늘지않습니다.

★참고사항: http://myfreeweb.wo.to 에서는 HTML, 나모웹, 포토샵, 플래시 등 다양한 팁과 강좌를 하고 있습니다.
많은 이용 바랍니다.
제목 글쓴이 날짜
쭘's식 홈페이지 만들기 No.3 - 깔끔 노프레임 (미리보기 포함) [37] file 쭘's 2003.06.07
스크롤바 내맘대루 색바꾸기 [예제추가] [5] ˚ⓢⓘⓔ。 2003.06.07
펼침메뉴소스 [12] 이성헌 2003.06.08
[매크로] 노프레임 페이지 작성시 나모에서 링크 타겟 매크로로 입력하기 [4] 김병희 2003.06.14
자신이 만든 문서가 HTML(XHTML) 표준에 따르고 있는지 검사해 보는 방법. [6] 귀여운Rootin 2003.06.14
[매크로] mac_0004 메뉴를 담은 표의 위치와 모양 바꿔치기 매크로 [1] 김병희 2003.06.16
쭘's식 홈페이지 만들기 No.4 - (미리보기 포함) [26] file 쭘's 2003.06.16
새창에서 세로스크롤만 되도록 하기 [10] 윙크벨 2003.06.26
노프레임 게시판을 만들때 이미지 경로지정 [11] webzang 2003.06.26
[HTML에 필터 적용] 알파 필터 filter: Alpha(Opacity= 적용에 주의할 참고사항들 [2] 김병희 2003.06.28
반짝이게 해보자 [5] 팩맨24 2003.07.03
도메인 주소를 고정한 페이지를 새로고침해도 처음으로 돌아가는것을 방지 ★ [24] 새벽이슬 2003.07.05
히야[HIYA] - 노프레임 왕초보가되어 프로젝트 !! [ 노프레임 홈피 만들기 !! 7번째강좌 ] [19] 공찬영 2003.07.05
쭘's식 홈페이지 만들기 No.5 - (미리보기 포함) [18] file 쭘's 2003.07.07
내 카페/홈페이지에 뉴스 달기 소스 공개 [9] 깜보 2003.07.10
노프레임 홈만들기 (1) - 표로 레이아웃 만들고 그림 삽입하기 [45] file @kihwa 2003.07.11
링크부분에 밑줄을 없애는 방법.... [10] 공유 2003.07.19
링크 클릭시 점선 없애는 이벤트. 일일히 지정안하고 한꺼번에 되게 하기. [14] 최용근 2003.07.24
HTML필수 항목( 기본구조)- 초보자용 입니다! 김수한 2003.07.25
홈제작에 있어 가장중요한 "경로지정의 이해" 1편 입니다. [5] 김수한 2003.07.25