HtmlCss/HTML

경로설정

플람 2019. 5. 25. 02:52 
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>경로 연습
        </title>
    </head>
    <body>
        <img src="D:\images\경로연습.png"> <!--절대경로-->
        <img src="..\images\경로연습.png"> <!--상대경로-->
        <p>
          <textarea rows="100" cols="50" style="font-size:25pt;" ></textarea>
        </p>
    </body>
</html>

 

 

 

 

 절대경로 : 루트를 기준으로 찾아가는 경로

(/로 시작한다.)

 상대경로 : 현재폴더를 기준으로 찾아가는 경로

(./로 시작하는데 ./는 생략 가능)

경로 : 특정한 파일이 있는 위치는 나타내는 표식

  • 현재폴더 : 작업중인 폴더 ==> .
  • 상위폴더(부모폴더) ==> ..
  • 하위폴더(자식폴더) ==> 폴더명
  • 최상위폴더(루트폴더) ==> /

 

예) FF폴더에 있는 'tf.jpg'파일을 나타내는 경로

절대경로 : /BB/FF/tf.jpg

상대경로 : ./../FF/tf.jpg

=> (./)../ff/tf.jpg ->./ 생략

 

예) DD폴더에 있는 'td.png'파일을 나타내는 경로

절대경로 : /AA/DD/td.png

상대경로 : ./../../AA/DD/td.png

 

절대경로 : /CC/GG/tg.gif

상대경로 : ./../../CC/GG/tg.gif

 

절대경로 : /

상대경로 : ./../../