File Paths HTML5

Apakah yang dimaksud dengan File Paths? File Paths merupakan salah satu atribut pada tag HTML5 yang berguna untuk mengarahkan atau memanggil file berupa gambar, dokumen, URL dan sebagainya. Berikut ini adalah beberapa penerapan atribut file paths pada tag HTML5.

1. Absolute File Paths

    Untuk memanggil sebuah file atau URL di internet. Bentuk penulisannya yaitu,

    <img src="https://www.hypertutorial.com/images/picture.png">

    Keterangan:

    <img>, tag HTML5 untuk membuat tampilan berupa gambar.

    src="alamat website", atribut HTML5 untuk mengakses suatu file dari sumbernya.

2. Relative File Paths

    Untuk memanggil sebuah file pada directory dimana dokumen HTML5 itu berada. Bentuk penulisannya yaitu,

    a.) <img src="/images/picture.png">

    b.) <img src="images/picture.png">

    c.) <img src="../images/picture.png">

    Keterangan:

    a.) Untuk menggunakan file pada lokasi directory atau folder dasar dokumen HTML.

    b.) Untuk menggunakan file pada lokasi directory atau folder yang sama dengan dokumen HTML.

    c.) Untuk menggunakan file pada lokasi directory atau folder dibawah lokasi dokumen HTML.

Saran:

Sebaiknya untuk penggunaan File Paths dibiasakan berada di dalam folder atau directory pada komputer yang sama dengan dokumen HTML. Sehingga apabila File Paths dari URL sewaktu-waktu dihapus oleh pemiliknya, maka masih dapat mengaksesnya. 

Sumber: w3school.com