File path menunjukkan lokasi dari sebuah file di dalam sebuah struktur folder web. File path dapat diibaratkan seperti alamat dari sebuah file yang membantu web browser untuk mengakses file. File path digunakan untuk memberikan sumber daya link eksternal seperti gambar, video, style sheet, JavaScript, menampilkan laman web lain, dan lain sebagainya.
Untuk memasukkan sebuah file dalam laman web maka lokasi sumber harus diketahui terlebih dahulu. Contoh, sintak <img src=" " alt=" "> digunakan untuk memasukkan file gambar, dimana path dari file telah disebutkan di dalam sumber src. File path terdiri dari dua tipe:
satu, File path absolut.
dua, File path relatif.
File path absolut: File path ini mendeskripsikan alamat penuh atau URL untuk mengakses file internet.
<img src=”http://contribute.geeksforgeeks.org/wp-content/uploads/geek.png” alt=”My Image”>
Contoh:
Output:
File path relatif: File path ini mendeksripsikan path relatif dari file terhadap lokasi dari saat ini dari file laman web.
Contoh 1: Menampilkan path dari tampilan file pada folder yang sama dari file laman web saat ini.
Output:
Contoh 2: Menampilkan path dari tampilan file dalam sebuah folder dari folder yang menyimpan file web contoh 1 dari file laman web saat ini. Gambar file ditampilkan dalam folder yang disebut "images" dan file laman web saat ini berada di dalam sub folder-nya seperti diperlihatkan pada code program berikut ini:
Output:
Contoh 3: Menampilkan path dari file yang ditampilkan di dalam sebuah folder yang berlokasi pada root dari sub direktori file saat ini.
Output:
Untuk memasukkan sebuah file dalam laman web maka lokasi sumber harus diketahui terlebih dahulu. Contoh, sintak <img src=" " alt=" "> digunakan untuk memasukkan file gambar, dimana path dari file telah disebutkan di dalam sumber src. File path terdiri dari dua tipe:
satu, File path absolut.
dua, File path relatif.
File path absolut: File path ini mendeskripsikan alamat penuh atau URL untuk mengakses file internet.
<img src=”http://contribute.geeksforgeeks.org/wp-content/uploads/geek.png” alt=”My Image”>
Contoh:
Output:
![]() |
Gambar 1 file path html |
File path relatif: File path ini mendeksripsikan path relatif dari file terhadap lokasi dari saat ini dari file laman web.
Contoh 1: Menampilkan path dari tampilan file pada folder yang sama dari file laman web saat ini.
Output:
![]() |
Gambar 2 file ditampilkan dalam satu folder yang sama |
Contoh 2: Menampilkan path dari tampilan file dalam sebuah folder dari folder yang menyimpan file web contoh 1 dari file laman web saat ini. Gambar file ditampilkan dalam folder yang disebut "images" dan file laman web saat ini berada di dalam sub folder-nya seperti diperlihatkan pada code program berikut ini:
Output:
![]() |
Gambar 3 menampilkan gambar dari sub folder |
Contoh 3: Menampilkan path dari file yang ditampilkan di dalam sebuah folder yang berlokasi pada root dari sub direktori file saat ini.
Output:
![]() |
Gambar 4 menampilkan gambar dari sub folder |
Tidak ada komentar:
Posting Komentar
Respon komentar 7 x 24 jam, so please be patient :D