Mala škola Linuxa

HTML Putanje do fajlova

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>

</head>

<body>

<h1>Slika iz istog direktorijuma</h1>

<h2>Slika iz poddirektorijuma</h2>

<h3>Slika iz nadređenog direktorijuma</h3>

</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.

HTML JavaScript

JavaScript se koristi za dodavanje dinamičkog ponašanja na web stranici. Na primer, možete koristiti JavaScript za validaciju forme, animaciju, interaktivne elemente i još mnogo toga. Evo osnovnog primera koji koristi JavaScript za prikaz poruke korisniku:

<!DOCTYPE html>

<html>

<head>

<title>Moj Prvi HTML i JavaScript Primer</title>

</head>

<body>

<h1>Kliknite na dugme</h1>

<button id="mojeDugme">Klikni me</button>

// JavaScript kod

document.getElementById("mojeDugme").addEventListener("click", function() {

document.getElementById("poruka").innerText = "Hvala što ste kliknuli!";

});

</script>

</body>

</html>

U ovom primeru, JavaScript se koristi da dodamo "slušalac događaja" na dugme. Kada korisnik klikne na dugme, JavaScript reaguje i menja sadržaj paraagrafa sa ID-om "poruka".

Kada kombinujete HTML i JavaScript, možete stvoriti interaktivne i dinamičke web stranice koje omogućavaju korisnicima da komuniciraju sa sadržajem i pruže bogato korisničko iskustvo.

HTML Iframe

Objašnjenje:

Atributi <iframe> oznake: Ključni atribut za <iframe> oznaku je src, koji definiše izvor (URL) stranice koja će se ugnježdavati. Takođe, možete koristiti druge atribute za postavljanje visine, širine, okvira, i druge osobine.

Primeri:

Uključivanje druge web stranice unutar trenutne stranice:

Postavljanje visine i širine <iframe> elementa:

Korišćenje <iframe> za ugnježdavanje Google Mape:

Korišćenje <iframe> za uključivanje YouTube video zapisa:

Važno je napomenuti da <iframe> može predstavljati sigurnosni rizik, posebno ako se uključuje sadržaj sa nepouzdanih izvora. Takođe, prilagodite visinu i širinu <iframe> elementa kako bi odgovarala ugnježdenom sadržaju i izbegavajte promociju sadržaja koji krši autorska prava ili druga pravila.

Oct 29, 2023

HTML Putanje do fajlova

HTML JavaScript

HTML Iframe