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,677 / 7 Page
    [ 작성중)u5pvr사용기 사례 입니다 ]

    ◎ ■ ▶ ☞ ♠ 정보찾아 공유 드리며 출처는 링크 참조 바랍니다. https://11q.kr ♠

    [ 정보)♥♥♥iptv.m3u 파일 그룹제거 perfect player 나 progtv 에서 리모컨우측 방향… ] 댓글 3

    정보)♥♥♥iptv.m3u 파일 그룹제거 perfect player 나 progtv 에서 리모컨우측 방향키로 한페이지 채널정보 넘기기https:…

    [ iperf 설치 다른 IP 서버와 통신 측정 하기 /u5pvr/ synology/vmware ] 댓글 2

    iperf 설치 다른 IP 서버와 통신 측정 하기 /u5pvr/ synology/vmware윈도우용 파일 cmd 명령어를 만들어 저장 합니다.i…

    [ 실패)안드로이드 OS 설치 듀얼 부팅 하기/How to install android x86 on pc … ]

    저의 저사양 삼성 노트북 r530 구형 노트북 에서는 v8.1는 사용불가능remixos는 아래 버전 사용가능참조:https://11q.kr/g5…

    [ 작업완료 )구누보드 아미나빌드 5.3버전 업데이트_에러 대응 ] 댓글 1

    안녕하세요금일 업데이트 진행중아미나빌더 1.7.27 - G5.2.9.8.4 / YC5.2.9.8.4 사용중아미나빌더 1.8.5 - G5.3.1.…

    [ PHP 리다이렉션(페이지 이동) 3가지 방식 ]

    PHP 리다이렉션(페이지 이동) 3가지 방식1.메타테그를 이용한 방법<?echo "<meta http-equiv='refresh' c…

    [ 우분투)한번에 끝내는 Ubuntu 웹서버세팅 (우분투 서버세팅) ]

    한번에 끝내는 Ubuntu 웹서버세팅 (우분투 서버세팅)https://blog.lael.be/post/73◎ ■ ▶ ☞ ♠ 정보찾아 공유 드리며…

    [ FFmpeg를 우분투 18.04에 설치하는 법 / Ubuntu에 FFmpeg 4.x 설치하기 ] 댓글 2

    FFmpeg는 멀티미디어 파일을 트랜스 코딩하기위한 무료 오픈 소스 명령 행 도구입니다. 여기에는 libavcodec, libavformat 및…

    [ u5pvr 블루투스 버벅임 문제 발생시 무선 안테나 연결상태 확인 합니다 ]

    u5pvr 블루투스 버벅임 문제 발생시 무선 안테나 연결상태 확인 합니다제품의 설명서가 없어 wifi 사용하지 않아 wifi 안테나인줄 알고 제…

    [ Let's Encrypt Authority X3 인증서 만료시갱신 수동으로 진행 합니다 ]

    Let's Encrypt Authority X3 인증서 만료시홈페이지 로딩이 늘어집니다원인를 찾아보니 인증서 만료됬네요오늘은 인증서갱신 수동으로…

    [ u5 atv8업데이트후 설정.....진행하다 포기,,,,,atv7의 20181201버전으로 롤백 ]

    U5pvr Atv8로 재설치 5시간이상 경과 이상없습니다저의 설치조건는Linux internal 설치후 (Aolupdate 별도진행)Pooq t…

    [ SmartYouTubeTV 4k 유튜브 시청 광고없이 보기 ] 댓글 11

    SmartYouTubeTVhttps://smarttubenext.com/SmartTubeNext APK는 사용자 가 Google Play 서비스…

    [ 사용버전)summernote0812에 G5에 적용 jQuery, bootstrap 다른 버전을 조합 ] 댓글 2

    사용버전)summernote0812에 또다른 G5에 적용 jQuery, bootstrap 다른 버전을 조합저는 일부 B/I 메뉴바에서 동시 클릭…

    [ 실패)Portainer 설치 및 설정 (Docker Web UI 관리툴) u5pvr 설치 작업 ]

    Portainer 설치 및 설정 (Docker Web UI 관리툴) u5pvr 설치 작업putty이 ssh 접속 아래 명령을 입력 합니다dock…


    ♥간단_메모글♥


    최근글


    새댓글



    PHP 안에 HTML ☞ 홈페이지 화면갱신 시간은 ♨
    ▶ 2024-06-28 02:52:04

    오늘의 홈 현황


    • 현재 접속자♨ 537 명
    • 오늘 가입자※ 0 명
    • 어제 가입자※ 4 명
    • 주간 가입자※ 7 명
    • 오늘 방문자 861 명
    • 어제 방문자 2,126 명
    • 최대 방문자 13,042 명
    • 전체 방문자 4,400,016 명
    • 전체 게시물※ 8,660 개
    • 전체 댓글수※ 24,781 개
    • 전체 회원수 11,072 명

    QR코드


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

    알림 0








    최신글↑