Pemula HTML sering mengalami masalah seperti itu, bagaimana cara merujuk file dengan benar. Misalnya, bagaimana mengutip halaman HTML lain sebagai hyperlink dalam satu halaman HTML? Cara memasukkan gambar ke halaman web
Jika Anda menggunakan jalur file yang salah saat mengacu pada file (seperti menambahkan hyperlink, atau memasukkan gambar, dll.), Referensi akan tidak valid (tidak dapat menelusuri file yang ditautkan, atau tidak dapat menampilkan gambar yang dimasukkan, dll.).
Untuk menghindari kesalahan ini dan merujuk file dengan benar, kita perlu belajar tentang jalur HTML.
Ada dua cara untuk menulis HTML: jalur relatif dan jalur absolut.
HTML Relative Path
Referensi file ke direktori yang sama
Jika file sumber dan file referensi berada di direktori yang sama, cukup tulis nama file referensi secara langsung.
Kami sekarang membuat info file sumber.html, dan info.html Anda perlu merujuk ke file index.html sebagai hyperlink.
Asumsikan bahwa jalur info.html adalah: c: /inetpub/wwwroot/sites/blabla/info.html
Asumsikan bahwa jalur index.html adalah: c: /inetpub/wwwroot/sites/blabla/index.html
Kode untuk menambahkan index.html hyperlink ke info.html harus ditulis seperti ini:
<a href = index.html> index.html </a>
Bagaimana mewakili direktori sebelumnya
../ mewakili direktori sebelumnya dari direktori di mana file sumber berada, ../../ mewakili direktori sebelumnya di mana file sumber berada, dan sebagainya.
Asumsikan bahwa jalur info.html adalah: c: /inetpub/wwwroot/sites/blabla/info.html
Asumsikan bahwa jalur index.html adalah: c: /inetpub/wwwroot/sites/index.html
Kode untuk menambahkan index.html hyperlink ke info.html harus ditulis seperti ini:
<a href = ../index.html>index.html </a>
Asumsikan bahwa jalur info.html adalah: c: /inetpub/wwwroot/sites/blabla/info.html
Asumsikan bahwa jalur index.html adalah: c: /inetpub/wwwroot/index.html
Kode untuk menambahkan index.html hyperlink ke info.html harus ditulis seperti ini:
<a href = ../../index.html>index.html </a>
Asumsikan bahwa jalur info.html adalah: c: /inetpub/wwwroot/sites/blabla/info.html
Asumsikan bahwa jalur index.html adalah: c: /inetpub/wwwroot/sites/wowstory/index.html
Kode untuk menambahkan index.html hyperlink ke info.html harus ditulis seperti ini:
<a href = ../wowstory/index.html>index.html </a>
Bagaimana mewakili direktori berikut
Lihat file di direktori bawah dan tulis jalur ke file di direktori bawah secara langsung.
Asumsikan bahwa jalur info.html adalah: c: /inetpub/wwwroot/sites/blabla/info.html
Asumsikan bahwa jalur index.html adalah: c: /inetpub/wwwroot/sites/blabla/html/index.html
Kode untuk menambahkan index.html hyperlink ke info.html harus ditulis seperti ini:
<a href = html/index.html> index.html </a>
Asumsikan bahwa jalur info.html adalah: c: /inetpub/wwwroot/sites/blabla/info.html
Asumsikan bahwa jalur index.html adalah: c: /inetpub/wwwroot/sites/blabla/html/tutorials/index.html
Kode untuk menambahkan index.html hyperlink ke info.html harus ditulis seperti ini:
<a href = html/tutorial/index.html> index.html </a>
HTML Jalur Absolut
Jalur absolut HTML mengacu pada jalur lengkap file dengan nama domain.
Misalkan Anda mendaftarkan nama domain www.vevb.com dan mengajukan permohonan host virtual, penyedia host virtual Anda akan memberi Anda direktori, seperti www, yang merupakan direktori root dari situs web Anda.
Misalkan Anda meletakkan file index.html di direktori root www, jalur absolut ke file ini adalah: https://www.vevb.com/index.html.
Misalkan Anda membuat direktori yang disebut html_tutorial di direktori root www, dan kemudian menempatkan file index.html di direktori itu, dan jalur absolut ke file ini adalah https://www.vevb.com/html_tutorials/index.html.