HTML putanje do fajlova (File Paths) se koriste da biste naveli putanju do resursa kao što su slike, stilovi (CSS), JavaScript fajlovi i druge datoteke koje se koriste na web stranici. Postoje dve osnovne vrste HTML putanja: apsolutne (absolute file paths) i relativne (relative file paths).
Apsolutne putanje (Absolute File Paths): Apsolutne putanje počinju od korenskog direktorijuma ili URL-a. One precizno određuju lokaciju resursa nezavisno od trenutnog direktorijuma u kojem se nalazi HTML fajl. Na primer:
Apsolutna putanja za URL adrese: https://www.example.com/images/pic.jpg
Apsolutna putanja za direktorijume na serveru: /images/pic.jpg
Apsolutna putanja za lokalne fajlove: C:/Users/User/Documents/myfile.txt
Relativne putanje (Relative File Paths): Relativne putanje počinju od trenutnog direktorijuma i koriste se za navigaciju do resursa u odnosu na trenutni HTML fajl. Postoje različite vrste relativnih putanja:
Relativna putanja do istog direktorijuma: pic.jpg (nema predstava direktorijuma, pa se pretpostavlja da je u istom direktorijumu kao HTML fajl).
Relativna putanja do poddirektorijuma: images/pic.jpg (slika se nalazi u poddirektorijumu "images" u odnosu na trenutni direktorijum).
Relativna putanja za prelazak na nadređeni direktorijum: ../pic.jpg (prikazuje sliku u direktorijumu iznad trenutnog).
Primer relativnih putanja:
<!DOCTYPE html>
<html>
<head>
<title>Primer HTML Putanja</title>
<link rel="stylesheet" type="text/css" href="styles/main.css">
</head>
<body>
<h1>Slika iz istog direktorijuma</h1>
<img src="pic.jpg" alt="Slika">
<h2>Slika iz poddirektorijuma</h2>
<img src="images/pic.jpg" alt="Slika u poddirektorijumu">
<h3>Slika iz nadređenog direktorijuma</h3>
<img src="../pic.jpg" alt="Slika iznad trenutnog direktorijuma">
</body>
</html>
Ovi primeri ilustruju kako se koriste relativne putanje za uključivanje slika i stilova na web stranici. Relativne putanje su često praktičnije jer omogućavaju da se lakše premeste ili prenesu celokupne web stranice na različite lokacije, dok apsolutne putanje zavise od specifičnih adresa i direktorijuma.
No comments:
Post a Comment