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 / 7 Page
    [ smb연결) 시놀로지 네트워크 드라이브 totalcmd로 삼바 연결하기 ]

    1) 제어판 smb 서비스 활성화2) 사용자 권한 설정 >> 해당 아이디의 모든...모두 check 합니다.아래의 설정 진행 시 접속…

    [ u5pvr) U5 Air Remote 실행 OTA이후 BT 페어링모드 톱니바퀴 누룸 동작 안되어 페어링 … ] 댓글 8

    u5pvr) U5 Air Remote 실행 OTA이후 BT 페어링모드 톱니바퀴 누룸 동작 안되어 페어링 않됨을 조치를 공유 드립니다파일 이전 자…

    [ vmware iso 파일 booting이 되지 않네요 해결 방법 ]

    vmware REMIXOS... iso 파일 booting이 되지 않네요 아래와같이 부팅 되지 않습니다> UTRAIOS를 설치하여 부팅되는…

    [ 윈도우 최신버전에서 우툰을 설치 할수 있는 정보 및 xpenology DSM 6.1을 Windows… ]

    xpenology Windows 10이 설치된 DSM 6.1 및 bash로 빌드윈도우 최신버전에서 우툰을 설치 할수 있는 정보 입니다그리고 아래…

    [ 펌)도커]Synology NAS Docker 우분투 컨테이너 생성 ]

    도커]Synology NAS Docker 우분투 컨테이너 생성출처:http://naltaengi.tistory.com/41[날탱이가 되고픈 개발…

    [ Tvheadend 전자프로그램가이드 epg그래버모듈 web 구동 wget 다운로드하여 cat으로 불러오… ]

    Tvheadend 전자프로그램가이드 epg그래버모듈 web 구동 wget 다운로드하여 cat으로 불러오기왜) xmltv 만드는동안 안정되게 단계…

    [ 서버에 아파치 설치 후 php소스가 그대로 보일때.. ]

    서버에 아파치 설치 후 php소스가 그대로 보일때..최고관리자 서버 07,3712012.02.23 21:38먼저 확인해볼 사항들이 있다.*확장자…

    [ xbox one x 의 종료를 절전모드 설정 및 power off 의 소비 전력 ]

    xbox one x 의 종료를 절전모드 설정 및 power off 의 소비 전력전원 끄기 방법은 전원 종료 x전원키 길게 누르면 본체 끄기가 있…


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-06-19 05:43:59

    오늘의 홈 현황


    • 현재 접속자♨ 207 명
    • 오늘 가입자※ 0 명
    • 어제 가입자※ 9 명
    • 주간 가입자※ 23 명
    • 오늘 방문자 525 명
    • 어제 방문자 1,873 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,385,810 명
    • 전체 게시물※ 8,645 개
    • 전체 댓글수※ 24,755 개
    • 전체 회원수 11,060 명

    QR코드


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

    알림 0








    최신글↑