File Path di HTML: Contoh, Fungsi dan Cara Membuatnya

File Path berfungsi untuk menjelaskan tempat file sangat rancangan folder situs web internet.

Contoh File Path

Path Deskripsi
<img src=”image.jpg”> File “image.jpg” terletak di folder yang setiap bit sebagai bersama halaman belakang instan ini
<img src=”photographs/image.jpg”> File “image.jpg” terletak di folder photographs di folder instan ini
<img src=”/photographs/image.jpg”> File “image.jpg” terletak di folder photographs pada root internet instan ini
<img src=”../image.jpg”> File “image.jpg” terletak di folder satu jumlah di terkemuka folder instan ini

Path File HTML

Path File menjelaskan tempat file sangat rancangan folder pada sebuah situs web internet.

Path File dapat digunakan pada instan sebuah situs web internet merindukan menautkan ke dalam file eksterior, seperti:

  • Halaman internet
  • Gambar-gambar
  • Stylesheet
  • JavaScripts

Path File Absolute

Path file absolute menunjukan URL penuh atau bahkan jalan penuh ke arah sebuah file.

Contoh :

<!DOCTYPE html>
<html>
<physique>

<h2>Menggunakan URL penuh sebuah File Path</h2>
<img src="https://dosenit.com/wp-content/uploads/2019/03/dosen-ti.png" alt="dosenit" type="width:300px">

</physique>
</html>

Tag <img> dijelaskan lebih lanjut pada bagian Gambar di HTML.

Path File Relative

Path file anggota keluarga pasti akan menunjuk ke dalam file yang Menghubung bersama halaman belakang instan ini.

Dalam kasus berikut, path file mengarah ke dalam file di folder foto yang terletak di root internet instan ini.

<!DOCTYPE html>
<html>
<physique>

<h2>Menggunakan Relative File Path</h2>
<img src="03/dosen-it.jpg" alt="dosen-it.png" type="width:300px">

</physique>
</html>

Dalam kasus berikut ini path file pasti akan mengarah ke dalam file di folder 03 yang terletak di folder instan ini.

<!DOCTYPE html>
<html>
<physique>

<h2>Menggunakan Relative File Path</h2>
<img src="03/dosen-it.png" alt="dosen-it.png" type="width:300px">

</physique>
</html>

Dalam kasus berikut, file path pasti akan mengarah ke dalam file di folder 03 yang terletak di folder satu jumlah di terkemuka berasal dari folder instan ini:

<!DOCTYPE html>
<html>
<physique>

<h2>Menggunakan Relative File Path</h2>
<img src="../03/dosen-it.png" alt="dosen-it.png" type="width:300px">

</physique>
</html>

Penerapan Terbaik

Penerapan paling ideal untuk menggunakan file path relative (jika memungkinkan) adalah :

Lihat lebih banyak:  Fungsi mysqli connect() PHP - DosenIT.com

Saat menggunakan file path relative, halaman belakang internet tidak pasti akan terikat ke dalam URL sederhana instan ini. Semua hyperlink pasti akan berfungsi di pc (localhost) serta di nama domain komunitas instan ini dan nama domain komunitas yang pasti akan kejadian.

Anda ringan menonton: File Path di HTML: Contoh, Fungsi dan Cara Membuatnya

Sumber: https://taylorswift10years.com

Kategori: Teknologi

Leave a Reply