Senin, September 02, 2019

HTML File Path

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:
penggunaan alamt web dari file path html
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:
menampilkan gambar dari satu folder yang sama pada laman html menggunakan file path
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:
penggunaan file path untuk menampilkan gambar yang terdapat dari sub folder pada laman html
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:
menampilkan gambar yang terdapat di dalam sub folder pada laman html
Gambar 4 menampilkan gambar dari sub folder 





Tidak ada komentar:

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D

Footer Adsense