웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
홈제작에 있어 가장중요한 "경로지정의 이해" 1편 입니다.
2003.07.25 04:29
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, 나모웹, 포토샵, 플래시 등 다양한 팁과 강좌를 하고 있습니다.
많은 이용 바랍니다.
홈페이지를 방문할 때 홈페이지의 내용을 보려면 페이지가 이동하죠?
예를들어 마이프리웹의 홈페이지에 웹정보광장 화면에서 웹스터디로 이동하는 것을 바로 링크
라고 합니다. 링크를 사용하기 위해선 해당페이지를 지정해주어야 합니다. 페이지를 지정해주기
위해서는 반드시 경로라는 것을 알아야 합니다. 경로는 크게 두가지로 분류되는데 절대경로와
상대경로로 나눕니다. 절대경로란 웹상에서의 경로를 말합니다.
즉, 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, 나모웹, 포토샵, 플래시 등 다양한 팁과 강좌를 하고 있습니다.
많은 이용 바랍니다.
댓글 5
제목 | 글쓴이 | 날짜 |
---|---|---|
nzeo처럼 배너누르면 배너다는법 나오게하기! [6] | Rollrang | 2004.02.05 |
옅은 그레이 쓸때 붉은빛 들어가는경우 [10] | 김영호 | 2004.01.29 |
마우스 오버시 서브메뉴 나타나게 하는방법 입니다 [12] | 키드 | 2004.01.26 |
자동으로 새로고침되게 하기 [5] | 권대건 | 2004.01.05 |
Input AccessKey를 이용한 홈페이지 단축키 사용하기 [8] | Juny. | 2003.12.12 |
링크에 마우스 오버 할때 상태표시줄에 원하는 글 뜨게하기 [6] | siche | 2003.11.26 |
IFRAME 삽입 [20] | 박종익 | 2003.10.10 |
해상도에 따라 레이어 위치 바뀌는 것 고정하기 [13] | 김형준 | 2003.10.04 |
[동영상] 제로보드의 주요기능들을 적용한 웹사이트 만들기 1-10장 [51] | 비행소년™ | 2003.09.16 |
[동영상] 테이블태그의 쉽고 확실한 이해와 원프레임 만들기 [30] | 비행소년™ | 2003.08.27 |
스크롤바 왼쪽에 위치하도록 하기(문서 뒤집힘 없음) [6] | 행복한고니 | 2003.08.22 |
[re] 벅스뮤직 음악을 페이지의 배경 음악으로 깔기 (간단) [3] | 윤혜성 | 2003.12.26 |
테이블의 세로정렬 [4] | clo | 2003.08.20 |
홈페이지에 배경 음악 항상 흐르게 하기 (숨김프레임) [5] | 마이템플릿 | 2003.08.13 |
[나모] iframe창에서 다른 iframe창으로 링크걸기, 전체창으로 링크하기 [1] | 김병희 | 2003.08.06 |
<TD>에 스크롤바 생성하기!! [12] | millth | 2003.08.04 |
이미지2장으로 홈페이지만들기 2탄 [3] | Conz | 2003.08.01 |
이미지2장으로 홈페이지만들기 [5] | Conz | 2003.08.01 |
홈제작에 있어 가장중요한 "경로지정의 이해" 1편 입니다. [5] | 김수한 | 2003.07.25 |
HTML필수 항목( 기본구조)- 초보자용 입니다! | 김수한 | 2003.07.25 |