HTML 수업

웹의 신체

HTML 수업 웹의 신체

URL

URL

URL(Uniform Resource Locator)이란 웹페이지, 이미지, 동영상과 같은 정보가 위치하는 유니크한 위치 정보

URL의 구성

http://codingeverybody.com/codingeverybody_html_tutorial/url_72/example2.html?mode=view#bookmark

부분 명칭 설명
http:// scheme 통신에 사용되는 방식, 프로토콜
codingeverybody.com hosts 자원이 위치하고 있는 웹서버의 이름, 도메인이나 IP가 사용된다.
/codingeverybody_html_tutorial/url_72/example2.html url-path 루트 디렉토리부터 자원이 위치한 장소까지의 디렉토리와 파일명
?mode=view query 웹서버에 넘기는 추가적인 질문
#bookmark bookmark 하이퍼링크를 클릭했을 때 특정 위치로 이동하기 위해서 사용

경로(path)

  • 상대경로 : 문서를 기준으로 한 다른 리소스들의 위치정보
  • 절대경로 : 문서의 위치를 가르키는 도메인을 포함한 전체 위치정보

예제

example1.html  (github)

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
		<style>
			img{
				height:50px;
				width:50px;
			}
			#structure{
				width:379px;
				height:124px;
				border:1px solid gray;
			}
			body{
				font-size:0.8em;
			}
			table {
				width:100%;
				border-collapse: collapse;
			}
			td, th{
				border:1px solid gray;
				padding:5px;
			}
			textarea{
				width:100%;
				border:none;
			}
			.div{width:50px}
			.ex{width:30px;}
			.desc{width:150px}
			.result{width:60px}
		</style>
	</head>
	<body>
		<p>
			exampe1.html 파일이 아래와 같은 디렉토리 구조 위에 위치한다고 간주한다. <br />
			<img id="structure" src="structure.gif" />
		</p>
		<table>
			<tr>
				<th class="div">구분</th>
				<th class="ex">기호</th>
				<th class="desc">설명</th>
				<th class="code">코드</th>
				<th class="result">결과</th>
			</tr>
			<tr>
				<td rowspan="3">상대경로</td>
				<td>../</td>
				<td>부모 디렉토리</td>
				<td>
					<textarea><img src="../image/logo.png" /></textarea>
				</td>
				<td>
					<img src="../image/logo.png" />
				</td>
			</tr>
			<tr>
				<td>./</td>
				<td>현재 디렉토리</td>
				<td>
					<textarea><img src="./image/logo.png" /></textarea>
				</td>
				<td>
					<img src="./image/logo.png" />
				</td>
			</tr>
			
			<tr>
				<td>없음</td>
				<td>현재 디렉토리 기호는 생략할 수 있다</td>
				<td>
					<textarea><img src="image/logo.png" /></textarea>
				</td>
				<td>
					<img src="image/logo.png" />
				</td>
			</tr>
			<tr>
				<td rowspan="2">절대경로</td>
				<td>/</td>
				<td>루트(root) 디렉토리</td>
				<td>
					<textarea><img src="/codingeverybody_html_tutorial/url_72/image/logo.png" /></textarea>
				</td>
				<td>
					<img src="/codingeverybody_html_tutorial/url_72/image/logo.png" />
				</td>
			</tr>
			<tr>
				<td>URL</td>
				<td>URL을 사용</td>
				<td>
					<textarea><img src="http://codingeverybody.com/codingeverybody_html_tutorial/url_72/image/logo.png" /></textarea>
				</td>
				<td>
					<img src="http://codingeverybody.com/codingeverybody_html_tutorial/url_72/image/logo.png" />
				</td>
			</tr>
		</table>
	</body>
</html>

참고

댓글

댓글 본문
작성자
비밀번호
  1. wty123
    http://grizzlies.nba-jersey.com/, http://www.tory-burch.us.org/, http://kings.nba-jersey.com/, http://www.cheap-raybansoutlet.com.co/, http://www.nikeshoes.org.es/, http://giants.nfljersey.us.com/, http://www.air-maxschoenen.nl/, http://hornets.nba-jersey.com/, http://www.juicycouture.com.co/, http://www.michael-kors.shop/, http://www.wedding-dresses.cc/, http://www.chiflatiron.net.co/, http://www.hollisters-canada.ca/, http://www.burberry-outlet.in.net/, http://www.ralphlaurenonlineshop.de/, http://www.michael-kors.cc/, http://www.oakleysunglasses-canada.ca/, http://www.cheapnhljerseys.us.com/, http://www.vibram-fivefingers.in.net/, http://www.burberry-outlets-online.org.uk/, http://www.cheapoakleyss.com/, http://www.celine-bags.com/, http://www.christianlouboutinoutlet.net.co/, http://www.michael-kors.com.es/, http://www.converses-outlet.com/, http://www.thenorth-face.com.co/, http://www.tommy-hilfigers.de/, http://rayban.blackofriday.com/, http://www.michael-kors-australia.com.au/, http://www.converse.net.co/, http://www.burberry-bags.net/, http://www.oakleys-outlet.in.net/, http://www.mlb-jerseys.us.com/, http://www.omega-watches.com.co/, http://www.salvatore-ferragamos.com/, http://www.nike-skor.com.se/, http://steelers.nfljersey.us.com/, http://www.nikerosherun.us/, http://www.giuseppezanotti.com.co/, http://eagles.nfljersey.us.com/, http://pistons.nba-jersey.com/, http://www.timberlandspaschere.fr/, http://www.air-jordanshoes.us/, http://www.niketnrequinpaschers.fr/, http://www.bottega-bags.com/, http://www.pandorajewelry.top/, http://www.adidas.com.se/, http://www.nikefree5.net/, http://www.salomon-schuhe.com.de/, http://michaelkors.euro-us.net/, http://trailblazers.nba-jersey.com/, http://clippers.nba-jersey.com/, http://www.timberland-boots.com.co/, http://www.air-yeezys.com/, http://chiefs.nfljersey.us.com/, http://49ers.nfljersey.us.com/, http://www.toms-shoes-outlet.us/, http://www.ecco-shoes.us.com/, http://www.mizuno-running.net/, http://www.air-huarache.co.uk/, http://www.marc-jacobs.us.com/, http://www.newbalance-outlet.org/, http://saints.nfljersey.us.com/, http://azcardinals.nfljersey.us.com/, http://www.swarovski-crystals.us.com/, http://www.rayban-sunglasses.co/, http://www.ray-bans.net.co/, http://bulls.nba-jersey.com/, http://www.scarpehogans.it/, http://www.nike-store.in.net/, http://www.retro-jordans.net/, http://www.tnf-jackets.us/, http://www.katespadeoutlet.gb.net/, http://www.replica-handbags.com.co/, http://www.hogan.com.de/, http://www.philipp-plein.us.com/, http://www.dsquared2s.com/, http://www.vans-shoesoutlet.com/, http://www.nike-air-max.com.de/, http://www.raybanoutlet.ca/, http://www.pandorajewellery.com.au/, http://www.toms-outlets.us.com/, http://www.toryburchsale.com.co/, http://bucks.nba-jersey.com/, http://www.mcmbackpacks.net/, http://www.michael-kors-taschen.com.de/, http://www.nike-air-force.de/, http://knicks.nba-jersey.com/, http://www.nhl-jerseys.net/, http://www.burberry-handbagssale.net.co/, http://www.nikeshoesoutlet.org.uk/, http://www.oakley.com.de/, http://www.hollister-store.com/, http://www.burberry-store.com/, http://rams.nfljersey.us.com/, http://nuggets.nba-jersey.com/, http://www.barbour-factory.net/, http://www.bottega-venetasoutlet.com/, http://www.airmax-shoes.com/, http://www.nike-schoenen.co.nl/, http://www.thenorthface.com.de/, http://www.calvin-kleins.in.net/, http://packers.nfljersey.us.com/, http://www.prada-shoes.com.co/, http://www.barbour.in.net/, http://bills.nfljersey.us.com/, http://redskins.nfljersey.us.com/, http://www.beats-by-dre.com.co/, http://www.mcm-handbags.org/, http://www.ralphs-laurenpolos.net/, http://lions.nfljersey.us.com/, http://www.valentino-shoesoutlet.us.com/, http://www.jimmy-chooshoes.com/, http://www.giuseppes-zanotti.com/, http://www.true-religion-jeans.com.co/, http://www.hollister-abercrombie.com.se/, http://www.toryburch-shoesoutlet.com/, http://www.tommyhilfigers.nl/, http://www.true-religion.com.co/, http://spurs.nba-jersey.com/, http://www.ralphlaurens-outlet.co.uk/, http://www.raybans-outlet.nl/, http://patriots.nfljersey.us.com/, http://celtics.nba-jersey.com/, http://www.soft-ballbats.com/, http://www.tommyhilfiger.net.co/, http://www.lauren-ralphsoutlet.co.uk/, http://76ers.nba-jersey.com/, http://www.nike-shoesfactory.us/, http://www.mcm-bags.us.org/, http://www.longchamp-bags.us.com/, http://www.swarovski-australia.com.au/, http://www.new-balanceshoes.es/, http://www.designer-handbagsoutlet.us.com/, http://www.horlogesrolexs.nl/, http://www.the-north-face.org.uk/, http://cowboys.nfljersey.us.com/, http://www.air-huaracheshoes.co.uk/, http://www.under-armouroutlet.com/, http://www.pandora.com.de/, http://www.nba-jersey.com/, http://vikings.nfljersey.us.com/, http://www.nike-roshe-run.de/, http://www.ralph-laurenpolos.co.uk/, http://dolphins.nfljersey.us.com/, http://www.raybans-outlet.cc/, http://www.hoodies-store.com/, http://www.louboutin.jp.net/, http://www.michael-kors-outlet.us.org/, http://www.barbour-jackets.com/, http://www.truereligion-outlet.com.co/, http://www.oakley--sunglasses.com.au/, http://www.cheapjerseys.net.co/, http://www.rolex-watches.us.com/, http://raptors.nba-jersey.com/, http://www.chrome-hearts.com.co/, http://falcons.nfljersey.us.com/, http://www.christianlouboutin.org.uk/, http://www.coachfactory.shop/, http://www.cheap-rolex-watches.org.uk/, http://www.philipp-pleins.com/, http://www.asics-outlets.com/, http://www.hermes-birkinoutlet.net/, http://www.babyliss-pros.com/, http://www.nike-store.dk/, http://www.soccer-shoesoutlet.com/, http://www.bcbg-dresses.net/, http://www.oakley-outletonline.com.co/, http://www.michaelkors-ins.com/, http://www.ralph-laurenoutletonline.in.net/, http://www.christianlouboutin-shoes.ca/, http://www.katespades.com.co/, http://www.raybans-cher.fr/, http://www.hollisters.us.com/, http://www.christian-louboutinshoes.in.net/, http://www.barbour-jackets.us.com/, http://raiders.nfljersey.us.com/, http://www.co-aol.com/, http://www.oakley-sunglass.net.co/, http://www.oakley-sunglasses2017.com/, http://pelicans.nba-jersey.com/, http://www.cheap-watches.in.net/, http://www.nikefree-run.org.uk/, http://www.cheapshoes.net.co/, http://www.truereligions.net/, http://www.oakley-sunglassessale.com/, http://www.nfljersey.us.com/, http://www.christian-louboutins.in.net/, http://www.longchampbags.com.co/, http://www.jordan-retro.org/, http://www.mcms-handbags.com/, http://coach.euro-us.net/, http://www.polos-outlets.com/, http://www.handbagsoutlet.in.net/, http://www.longchamp.com.de/, http://www.the-northfaces.us.com/, http://www.outlet-burberry.net/, http://www.raybans-outlet.it/, http://ralphlauren.blackofriday.com/, http://www.thenorthfacejackets.fr/, http://www.nike-mercurial.com/, http://www.nike-max.fr/, http://www.nike-shoes.com.co/, http://www.cheap-michaelkors.com.co/, http://michaelkors.blackofriday.com/, http://www.ray-banssale.com/, http://www.mcmhandbags.com.co/, http://www.timberlandshoes.net.co/, http://www.michaelkors-canadaoutlet.ca/, http://www.nike-free-runs.de/, http://panthers.nfljersey.us.com/, http://www.coach-outlets.net.co/, http://www.rolexwatches-canada.ca/, http://www.michael-korsoutlet.cc/, http://www.nba-shoes.com/, http://www.adidas-shoes.in.net/, http://pacers.nba-jersey.com/, http://www.tommy-hilfigers.in.net/, http://www.long-champoutlet.com/, http://www.cheap-rayban.com.co/, http://www.adidas-shoes.ca/, http://coach-outlet.tumblr.com/, http://coach.blackofriday.com/, http://www.prada-bagsoutlet.com/, http://www.michaels-kors.us/, http://www.prada-outlet.com.co/, http://www.truereligion-outlet.us.org/, http://www.airmax-2015.org/, http://www.puma-shoesoutlet.com/, http://www.tommys-hilfiger.com/, http://www.ray-bansoutlet.com.co/, http://www.oakleys-frame.com.co/, http://www.christianlouboutinshoes.jp.net/, http://www.toms-outletonline.com.co/, http://www.givenchy.com.co/, http://www.chiflatirons.in.net/, http://www.armani-exchange.in.net/, http://www.hollisterclothings-store.com/, http://www.montrespaschers.fr/, http://www.longchamp.com.co/, http://www.longchampoutlet.com.co/, http://www.raybans-outlet.com.co/, http://www.air-max.com.de/, http://www.reebok.com.de/, http://www.cheap-michaelkors.in.net/, http://bengals.nfljersey.us.com/, http://airmax.misblackfriday.com/, http://www.converse.com.de/, http://www.michaeljordan.com.de/, http://www.burberry-handbags.net.co/, http://www.oakleys-sunglasses.com.co/, http://www.hugo-boss.com.co/, http://chargers.nfljersey.us.com/, http://www.rolex-watchoutlet.com/, http://www.oakleys-outlet.com.co/, http://www.supra-footwear.net/, http://oakley.blackofriday.com/, http://www.vans-shoes.co.uk/, http://www.beatsheadphone.in.net/, http://www.nike-schuhe.com.de/, http://thunder.nba-jersey.com/, http://www.iphone-cases.net/, http://browns.nfljersey.us.com/, http://www.nike-shoescanada.ca/, http://www.pradahandbags.net.co/, http://www.tommyhilfigerca.ca/, http://www.rosheruns.us/, http://www.michaelkorsoutletonline.net.co/, http://www.polo-ralphlaurens.us.com/, http://www.toryburch-outlet.com.co/, http://www.swarovski-canada.ca/, http://www.tommy-hilfiger.com.de/, http://www.montblanc-pens-sale.com/, http://www.rolexwatchesforsale.us.com/, http://www.tracksuits-store.com/, http://www.ralphslaurenoutlet.us.com/, http://www.ralph-laurenoutletonline.com/, http://www.soccershoes.us.com/, http://www.iphonecases.net.co/, http://www.oakleysoutlet.it/, http://www.fendi-outlet.in.net/, http://www.juicycoutureoutlet.net.co/, http://www.cheap-mlbjerseys.us.com/, http://www.jordanshoes.net.co/, http://www.nike-shoesoutlet.com/, http://www.cheapthomas-sabos.co.uk/, http://www.nikefreeshoes-inc.co.uk/, http://texans.nfljersey.us.com/, http://www.p90xs-workout.com/, http://www.nike-air-max.com.se/, http://www.coach-factoryoutlet.net.co/, http://www.cheapjerseys.us.org/, http://www.raybans.org.es/, http://www.nike-air-max.com.au/, http://www.versace-outlet.com/, http://www.adidas-shoes.es/, http://www.toms-shoe.us.org/, http://www.pandoras-charms.org.uk/, http://www.nike-huaraches.nl/, http://www.ralphlaurens.ca/, http://colts.nfljersey.us.com/, http://broncos.nfljersey.us.com/, http://www.burberry-outlets.org.uk/, http://www.coachfactory.cc/, http://magic.nba-jersey.com/, http://www.nikeair-max.ca/, http://www.instylers.us/, http://www.ferragamo.net.co/, http://www.christianlouboutinshoesoutlet.org/, http://www.woolrich-clearance.com/, http://www.uhren-stores.de/, http://www.kate-spades.com.co/, http://www.burberryonlineshop.de/, http://www.beatsbydre.com.co/, http://www.tomsshoes-outlet.us.org/, http://www.ray-bans.co.uk/, http://www.converse-shoes.net/, http://jets.nfljersey.us.com/, http://www.north-face.com.co/, http://www.polos-outletstore.net/, http://www.rayban.com.de/, http://www.zcoachoutlet.com/, http://rockets.nba-jersey.com/, http://www.ray-bans-sunglasses.net/, http://www.ed-hardy.us.com/, http://www.ralphs-laurenpolo.co.uk/, http://www.mk-outletonline.us/, http://www.lacoste-store.com/, http://www.dsquared2-outlet.com/, http://www.michaels-korsoutlet.co.uk/, http://www.hollister-clothing.com.co/, http://www.poloralphlaurenoutlet.net.co/, http://suns.nba-jersey.com/, http://www.adidassuper-star.de/, http://www.nikestoreoutlet.us/, http://www.the-northfaces.net.co/, http://longchamp.blackofriday.com/, http://jaguars.nfljersey.us.com/, http://www.michaelkorsoutlet.ar.com/, http://www.ralphlauren-polos.com.co/, http://heat.nba-jersey.com/, http://www.burberryoutlet-sale.com.co/, http://www.coach-factory.com.co/, http://celine.blackofriday.com/, http://lakers.nba-jersey.com/, http://www.polos-ralphlauren.com.co/, http://www.puma-shoes.de/, http://www.nike-airmaxs.fr/, http://www.cheap-nike-shoes.net/, http://www.nfl-jersey.us.org/, http://www.new-balancecanada.ca/, http://www.ralph-laurenpolosoutlet.com/, http://www.michael-korsbags.com.co/, http://www.coach-outletonline.ca/, http://www.timberlandbootsoutlet.us.com/, http://www.hermes-bags.net/, http://www.michaelkorsoutlet.se/, http://titans.nfljersey.us.com/, http://www.ralphlauren-au.com/, http://wizards.nba-jersey.com/, http://www.nikeair-max.es/, http://www.long-champbags.com/, http://warriors.nba-jersey.com/, http://www.eyeglasses-outlet.com/, http://www.the-northfacejackets.net.co/, http://www.ferragamoshoes.in.net/, http://www.true-religions.com/, http://www.polo-ralph-lauren.de/, http://www.nike-rosheruns.nl/, http://www.nikestore.com.de/, http://www.pandoracharms-canada.ca/, http://www.newbalance-shoes.org/, http://www.coachsoutletonline.in.net/, http://www.mk-com.com/, http://www.michael-korsoutlet.co.uk/, http://www.oakleys.org.es/, http://www.rayban-sunglasses.fr/, http://www.michaelkors-bags.us.org/, http://www.michaelkors.so/, http://cavaliers.nba-jersey.com/, http://www.adidas-store.net/, http://www.nike-airmaxnc.co.uk/, http://www.burberrybags.net.co/, http://www.asicsoutlet.us.org/, http://www.vans-schuhe.com.de/, http://www.cheap-baseballbats.us/, http://ravens.nfljersey.us.com/, http://www.ralph-laurens.org.uk/, http://coachoutlet.euro-us.net/, http://www.marcjacobs-outlet.com/, http://nets.nba-jersey.com/, http://www.coach-outlet.store/, http://www.oakley-outlet.fr/, http://www.oakleys-2017.in.net/, http://www.hollisteronlineshop.com.de/, http://www.oakley-sunglasses.mex.com/, http://www.thomas-sabos.com.de/, http://timberwolves.nba-jersey.com/, http://www.michaelkors-outletonline.cc/, http://www.burberry-outlets.net.co/, http://www.nike-rosherun.com.es/, http://www.raybans-outlet.org.uk/, http://jazz.nba-jersey.com/, http://www.prada.com.de/, http://www.designer-handbags.cc/, http://www.omegawatches.in.net/, http://www.michaelkorsoutlet-online.ar.com/, http://www.oakleys2017.com/, http://www.nikeshoes-outlet.com/, http://www.roshe-run.co.uk/, http://www.ok-em.com/, http://www.cheap-jerseys.mex.com/, http://www.swarovskissale.co.uk/, http://www.nikefree-run.net/, http://www.nikeairmax-90.net/, http://www.toms-shoesstore.com.co/, http://www.michaelkors-store.us.org/, http://www.omegas-relojes.es/, http://www.michael-kors.net.co/, http://www.coachoutlet-online.com.co/, http://www.cheap-jordans.net/, http://www.mbt-outlet.com/, http://www.raybans-sunglasses.net.co/, http://www.toms-outletstore.com/, http://www.nike-outlet.us.org/, http://www.adidas-schuheonline.de/, http://www.beatsbydrdrephone.com/, http://www.burberry-outletcanada.ca/, http://www.pulseraspandora.com.es/, http://mavericks.nba-jersey.com/, http://buccaneers.nfljersey.us.com/, http://www.new-balance-schuhe.de/, http://www.coachoutlet-inc.net/, http://bears.nfljersey.us.com/, http://www.swarovski-jewelrys.com/, http://www.jerseys-store.com/, http://www.toms--outlet.com.co/, http://www.coachblackfriday.com/, http://www.adidas-shoes.nl/, http://seahawks.nfljersey.us.com/, http://www.the-northface.ca/, http://www.newoutletonlinemall.com/, http://www.barbours.us.com/, http://www.oakleys-outlets.net/, http://www.swarovski-online-shop.de/, http://www.hermesoutlet.shop/, http://www.basketballshoes.com.co/, http://www.bcbg-maxazria.ca/, http://www.supra-shoes.org/, http://www.levisjeans.com.co/, http://hawks.nba-jersey.com/, http://www.jimmy-choosshoes.com/, http://www.soccers-shoes.net/, http://www.burberrys-outletonline.com/, http://www.kates-spade.com/, http://www.nike-airmax.us.com/, http://www.michaelkors.co.nl/, http://www.women-clothes.com/
  2. 감사합니다!
  3. JustStudy
    고맙습니다
  4. egoing
    변수는 지원하지 않아요~
    대화보기
    • 촙오
      들으면서 궁금한게 있는데요.. 저 url부분을 address = "url" 이런식으로 선언한담에 <img src=address/> 이런식으로는 못쓰나요?..
    • 김명수
      거의 막바지네요 감사합니다~
    • YellowBall
      잘 들었습니다! 2015/5/1
    • egoing
      ../../ 입니다 ^^
      대화보기
      • kush
        재밌게 잘들었습니다! 개념이 확실히 서네요!

        혹시 (정말 궁금해서 그런데)
        부모 디렉토리가 ../ 이라면
        조부모 디렉토리도 있을까요? 즉 상위-상위 디렉토리로 가는개념이요 혹시 .../ 이려나요?
        (진지..)
        대화보기
        • Akinaro
          감사합니다!!ㅎ
          대화보기
          • egoing
            외부 사이트 링크를 걸려면 필요하겠죠.
            대화보기
            • Akinaro
              절대경로 상대경로를 이해했는데

              설명만 듣자면 상대경로를 쓰는게 아주 편리한데요

              그럼 절대경로는 왜 존재하는것이며

              꼭 절대경로를 사용해야 할 경우는 어떤경우가 있나요?
            • 별이
              감사합니다. 그런데 강의 중에 도메인을 임의로 생성했다고 하셨는데... 어떻게 그렇게 할수 있는지
              그리고 2차도메인이란 말만 들어왔었는데..그개념 설명좀 부탁드려도 되겠습니까?
            • 유형찬
              감사합니다.
            • 무른
              정말 훌륭한 강의입니다.
              다른 강의도 너모 좋지만 절대경로 상대경로편은 지금까지 보고 이해했던 그 어떤
              자료들보다 이해가 쉽고 명확했습니다.
              감사합니다요^^~!!
            • ejaguar211
              궁금증이 명쾌하게 풀렸습니다.
              핵심을 정확히 짚어주시고, 정말 쉬운 예제를 소개해주셔서 단번에 해결했네요.^^
              감사합니다.
              대화보기
              • egoing
                아래 링크를 참고해주세요.
                http://mytory.net......229
                대화보기
                • ejaguar211
                  하이퍼링크를 통해 스크롤바 위치값(bookmark)을 넣어서 원하는 위치로 페이지가 뜨도록 만들고 싶은데요.
                  그 스크롤바 위치값은 어떻게 해야 알수 있나요?
                • 박종길
                  먼저 한 파일을 없애고 파일을 다시 만들어 해보니 되네요...
                  죄송합니다.
                • egoing
                  상대경로를 권장하는 편이죠. 페이지가 속해 있는 다른 도메인의 리소스를 사용하거나 할 때 절대 경로를 사용하는 것이 일반적입니다.
                  대화보기
                  • zxcvxr
                    실질적인 업무 상황에서는 절대경로를 많이 쓰나요? 상대 경로를 많이 쓰나요???
                    디렉토리 변경시 수고로움을 생각해서 상대경로만 쓰면 안되나요??
                  • ppwangji
                    감사합니다! ^^
                  • 2vision
                    아후 무슨말씀 인제 모르겠네요. 여러번 듣고 도 들어야겠어요. .....
                  • 김창세
                    공부 잘 하고 있습니다. 감사^^
                  • Starmomo
                    URL, 절대경로, 상대경로를 이제야 이해하였습니다. 'URL'과 '절대경로' 구분을 못했었는데 명확해지네요. 절대경로는 '/...'(루트)에서 시작하여 경로를 표시하고, 상대경로는 './... '(현재 폴더 아래의 ...) 또는 '.. / ... '(부모 폴더 아래의 ...)로 정리하고, './...'(현재 폴더의 ...)와 '...'(현재 폴더의 ...)로 같은 뜻이라는 것도 정리 되었습니다. 핵심을 놓치지 않는 수업 잘 보고, 듣고 있습니다. 이고잉님, 고맙습니다. ^^
                  • Jmogoon
                    수고하셨습니다.
                  • egoing
                    설명이 부실해서 죄송 합니다. ㅠㅠ
                    예를들면 현재 접속하고 있는 페이지의 URL이 http://a.org......고 했을 때
                    아래의 URL에 접근하려면 다음과 같은 방법들이 있습니다. http://a.org....../72
                    아래는 절대경로 입니다.<a href="ㅊ">URL</a><a href="/course/11/72">URL</a>
                    * 아래는 상대경로 입니다.<a href="./72">URL</a>
                    다른 예를 보죠.만약 현재 접속하고 있는 페이지의 URL이 'http://a.org/course/11/72' 라고 했을 때
                    아래의 URL에 접속하는 방법은 다음과 같습니다.http://a.org/course/11
                    아래는 절대경로입니다. <a href="http://a.org/course/11">URL</a><a href="/course/11">URL</a>
                    ** 아래는 상대경로 입니다.<a href="../">URL</a>
                    상대경로는 현재 접속한 웹페이지의 URL을 기준으로 주소를 지정하는 방법입니다. 위에서 별표(*)한 예제를 보면 ./72 라고 했는데, 여기서 './'는 현재 접속한 페이지가 위치하는 디렉토리를 의미하고,'72'는 그 디렉토리의 파일을 의미합니다. 즉 './72'는 현재 접속한 디렉토리에 있는 파일 72를 의미한다는 것이죠.
                    위에서 별표한(**) 두번째 예제를 보면 ../라고 했는데,여기서 '../'는 현재 접속한 페이지가 위치하는 디렉토리의 부모디렉토리,즉 http://a.org....../11 를 의미합니다.
                    만약 ../73라고 하면 부모디렉토리의 파일 중에 73을 의미하기 때문에 http://a.org......을 의미하게 됩니다.
                    상대경로를 사용하는 이유는 http://a.org라고 하는 도메인이 변경되도 상대경로를 사용했기 때문에 URL을 변경할 필요가 없습니다.그리고 경로는 이동 복사에 의해서 변경될 수 있기 때문에 상대경로를 사용하면 상대적인 경로를 유지하기 때문에 경로를 수정할 필요가 없습니다.
                    저의 설명으로 이해가 되지 않으시면 검색엔진에서 '상대경로와 절대경로'로 검색해보시면 여러각도의 설명을 들을 수 있으니까요. 참고해주세요.
                    대화보기
                    • egoing
                      <
                    • Jang Hae Mi
                      상대경로를 이해해보려고 계속 돌려보는데 잘 모르겠어요ㅠㅠ 상대경로가 실제 웹에서 어떻게 되는지 알고 싶습니다 ㅠ
                    버전 관리
                    egoing
                    현재 버전
                    선택 버전
                    graphittie 자세히 보기