11.Nas_1


새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사


이미지 경로 - 절대경로와 상대경로

♨ 카랜더 일정 :
  • 링크

  • 첨부

  • 컨텐츠 정보

    본문

    이미지 경로 - 절대경로와 상대경로

    이미지의 경로를 지정하는 방법은 절대경로와 상대경로가 있습니다. 이 절대경로와 상대경로는 이미지 삽입뿐 아니라 링크를 걸때도 똑같이 적용되는 부분이므로 아주 중요합니다.

    1. 절대경로

    이미지의 절대적인 경로로 지정하는 방식입니다.

    <img src="http://www.homejjang.com/images/tree00.gif>

    <img src="c:home\images\tree00.gif">

    절대경로는 고유한 경로입니다. 위의 예처럼 http://가 포함되어 있는 절대경로를 경로명만 웹브라우저 주소줄에 입력해도 그 이미지가 그대로 나옵니다.

    보통 홈페이지 제작시 자신의 컴퓨터에서 HTML 문서를 만들고 이를 FTP를 통해서 웹서버에 일괄적으로 올립니다. 이런 경우 절대경로로 이미지를 삽입했다면 모두 고쳐줘야 하는 불편이 있습니다.

    그래서 일반적으로 절대경로보다는 상대경로를 이용해서 이미지를 삽입하는게 좋습니다.

    2. 상대경로

    상대경로는 이미지를 삽입할 HTML 문서를 기준으로 경로를 인식하는 방법입니다.

    이미지 파일이 HTML 문서와 같은 폴더에 있는지, 상위 폴더에 있는지, 하위 폴더에 있는지를 따져보고 경로를 지정해줘야 합니다.

    먼저 HTML 문서와 이미지 파일이 같은 폴더에 저장되어 있다면 이미지 파일명만 적어주면 되므로 문제가 되지 않습니다. 그러나 다른 폴더에 있다면 이 다른폴더의 위치를 지정해 주는 방법을 이해해야 합니다.

    하위폴더로 이동하는 방법은 하위폴더명를 적어주고 슬래쉬(/)를 입력해 주면 됩니다.

    보다 간단하게 설명하기 위해서 html 문서는 index.html이라고 하고, 여기에 삽입해야 할 이미지 파일명은 logo.gif라고 가정하겠습니다.

    index.html 파일이 c:home 폴더에 위치하고있고 logo.gif 파일은 c:home 폴더의 하위폴더인 images 폴더에 위치하고 있으면 <img scr="images/logo.gif">와 같이 지정하면 됩니다. 현재 폴더의 하위폴더인 images 폴더에 logo.gif파일이 위치하고 있다는 표시죠.

    상위폴더로 이동하는 방법은 ../ 이와같이 표현합니다.

    index.html 파일이 c:home\doc 폴더에 위치하고있고 logo.gif 파일은 c:home\images 폴더에 위치하고 있으면 <img scr="../images/logo.gif"> 이와 같이 지정합니다.

    ../ 를 통하여 일단 상위폴더로 나간다음(c:\home 폴더) 다시 images 폴더로 들어가는 거죠.

    절대경로와 상대경로를 처음 접하면 이해하기 힘든 내용이지만 경로를 지정하는 방법은 컴퓨터를 사용하는데 기본적인 것이기 때문에 사용하다 보면 자연스럽게 이해하게 됩니다.

    >\r\n>\r\n>\r\n♠ 출처는 링크 참조 바랍니다. https://11q.kr♠
    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    등록된 댓글이 없습니다.

    목록

    새창 작성 수정 목록 링크 Edit G카랜다 HDD HDD HDD 게시물 주소 복사




    Total 1,674 / 20 Page
    [ 탑메뉴_drop_down_auto_그룹메뉴 글자색 변경/AMINA 설정 ]

    탑메뉴_drop_down_auto_그룹메뉴 글자색 변경\r\n\r\n기본 설치 정보및 출처 \r\nhttp://umz.kr/0CWTr\r\n\r…

    [ qrcode 홈페이 QR코드 만들기 ]

    그누보드 게시물 추가 소스https://11q.kr/www/bbs/board.php?bo_table=co4&wr_id=825https:/…

    [ AMINA 빌드 스킨 색상 폰트 변경 /홈페이지 상단 메뉴바 색상변경 ]

    AMINA 빌드 스킨 색상 폰트 변경 /홈페이지 상단 메뉴바 색상변경AMINA 빌드 스킨 색상 폰트 변경\r\n\r\nShims HomePage…

    [ [기타] 깨끗한 동영상 링크스킨 2.0 - gnu4.34.02 ]

    Homepc.11q.kr를 이용 하고 있습니다.\r\n=============================1) 링크에서 다운 하여 받아 skin…

    [ g4s 글쓰기 에러 34버전 대응 33버전으로 변경 ] 댓글 1

    g4s 글쓰기 에러 34버전 대응 33버전으로 변경delete from g4s_autosave where as_uid = '13071121592…

    [ 좋은 갤러리 하나 발견했습니다. piwigo ] 댓글 3

    \r\n좋은 갤러리 하나 발견했습니다. piwigo\r\n자유게시판|2012.09.24 23:49|조회 410메탈퀸(metalqueen)1:1\…

    [ foscam ipcamera fl 8918w 및 포트포워드 ]

    접속은 크롬으로.https://11q.kr:81\r\n\r\n\r\nhttp://www.ezdeal.co.kr/mcbldr/page/baroca…

    [ 다른폴더 연결하기/ photo station 폴더 변경/ mount /마운트 하기 ] 댓글 4

    11q.kr 는 네이버/구글에서 검색 찾아오세요------------------------------------------------------…

    [ 림스 모바일 빌더 2.6.3 - jquery mobile framework 설치 방법 2개의 홈페이지 로그인… ]

    림스 모바일 빌더 2.6.3 - jquery mobile framework 설치 방법 2개의 홈페이지 로그인 연동하기- 림스 모바일 빌더 2.6…

    [ [홈피up]아미나 테마 pc홈 상단 로그 그림 수정[ver 309버전] ]

    [홈피up]아미나 테마 pc홈 상단 로그 그림 수정[ver 309버전]\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n#…

    [ 모바일기기에서 PC모드일시 하단에 모바일페이지링크 출력 ]

    \r\n모바일기기에서 PC모드일시 하단에 모바일페이지링크 경로 : /tail.php <pre> <?if(!is_mobile())…

    [ 동영상 게시판 스킨 ] 댓글 1

    >\r\n>yjn_video.zip (76.8K) 840회 2014.06.25 10:46:28\r\n다양한 동영상 지원하는 게시판 스…

    [ 시놀로지 nas 웹하드 만들어보자] 24. 링크하드를 대체할만한 웹하드 -주인장 설치 입니다 ] 댓글 1

    >https://11q.kr/pydio/사용중 화면에 폴더가 보이지 않는 이유 임시 조치>■ 11q.kr은 정보를 찾아 공유 합니다.…

    [ 아미나/AMINA APMS 설치의 기본( ASR113 TO APMS) 홈피 변경 ]

    \r\n아미나/AMINA APMS 설치의 기본( ASR113 TO APMS) 홈피 변경\r\n먼저아래 내용을 참조 PHPMYADMIN에서 해당 …

    [ 최신글 홈페이지 최신글 겔러리에서 썸네일 그림 클릭시 링크1으로 이동하기wr_ link1 link1 ] 댓글 1

    최신글 홈페이지 최신글 겔러리에서 썸네일 그림 클릭시 링크1으로 이동하기 wr_ link1 link1\r\nhttps://11q.kr/g5s/b…

    [ 자작나스)소음제거 완결판 VR저항 CASE HOLE 추가 / 볼륨저항 500옴 + 100옴 모든팬에 부착 하… ] 댓글 6

    자작나스)소음제거 완결판 / 볼륨저항 500옴 + 100 옴 모든팬에 부착 하니 소음 너무나 조용합니다.아래사진은 볼륨 저항을 부착 팬속도 조정…

    [ Xpenology 헤놀로지 하드 구성과 볼륨 에러 대응 ]

    Xpenology 헤놀로지 하드 구성과 볼륨 에러 대응\r\nw:\html\nas\raid구성에러대응\raid구성_볼륨error대응.html\r…


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-06-18 03:23:52

    오늘의 홈 현황


    • 현재 접속자♨ 457 명
    • 오늘 가입자※ 0 명
    • 어제 가입자※ 4 명
    • 주간 가입자※ 21 명
    • 오늘 방문자 946 명
    • 어제 방문자 1,772 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,384,358 명
    • 전체 게시물※ 8,643 개
    • 전체 댓글수※ 24,749 개
    • 전체 회원수 11,055 명

    QR코드


    ☞ QR코드 스캔은 kakao앱 자체 QR코드

    알림 0








    최신글↑