Cara Membuat Relatif URL

Dipublikasikan oleh Muhammad Zen pada

Halo teman-teman semua. apa kabar?. semoga dalam keadaan sehat dan bahagia. kali ini kita akan membahas mengenai relatif url.

Sebelum kita membahas relatif URL. Maka kita pahami dulu URL. URL adalah singkatan dari Uniform Resource Locator. Jika diartikan “pencari sumber daya seragam”. Ini menggambarkan sebuah file memerlukan sumber atau file lain. Itulah sebabnya ada URL.

Fungsi URL

Sebelum menggunakan url. baiknya kita tahu fungsinya. fungsi url adalah untuk mendapatkan alamat dari sumber. Supaya sumber tersebut bisa tampil atau digunakan. Sumber tersebut yakni, file seperti gambar, css, javascript. Sehingga akhir dari url adalah nama file.

Namu terkadang beberapa url tidak diakhiri nama file. Itu berarti beberapa pengaturan sudah titerapkan untuk mengatur url.

Tag Yang Menggunakan URL

Sebelum kita menggunakan url ada baiknya kita mengetahui informasi ini. Berikut adalah tag yang menggunakan nilai url.

  • <image src=”url”>
  • <link rel=”stylesheet” type=”css” href=”url”>
  • <script src=”url”></script>
  • dan lain-lain

Cara Membuat Relatif URL

Baiklah sekarang kita akan belajar membuat url dengan jenis relatif. Jika kamu pernah menggunakan command prompt. maka masalah ini tidak begitu sulit. kamu cukup mengingat cara berpindah direktori. perintah untuk pindah direktori yaitu cd (change directory). Untuk mengingat kembali. saya akan tuliskan daftar perintah dan artinya.

  • .. (kembali, atau keluar direktori atau folder)
  • nama_direktori (masuk direktori atau folder)

Nah, itu saja yg perlu kamu ingat. Jadi relatif url adalah pengalamatan berdasarkan file yang memanggil. Sehingga bentuk alamat relatif. Sekarang langsung saja kita lihat contoh nya.

  • admin
    • produk.html
  • img
    • tv.png

Pada contoh kasus diatas. bagaimana halaman produk.html bisa menampilkan gambar tv.png ?. Seperti ini penulisan relatif url nya.

<!-- Nama File Ini produk.html -->
<img src="../img/tv.png">

Penjelasan:

Dari produk.html kemudian keluar (..). Lalu masuk folder img (/img) lalu nama file nya (/tv.png). Jadilah relatif urlnya. ../img/tv.png.

Kelebihan Relatif URL

  • Mudah di implementasikan pada proyek web sederhana.
  • Cocok untuk pemula.
  • Tidak memerlukan nama domain.

Kekurangan Relatif URL

  • Sulit diimplementasikan pada proyek yang besar.
  • Sulit saat menggunakan include file.

Tugas Membuat Relatif URL

Untuk memahami. kerjakan tugas berikut. Tampilkanlah gambar tv.png dalam halaman produk.html.

  • admin
    • produk
      • produk.html
  • img
    • tv.png
<!-- Nama File Tugas1.html-->
<html>
  <head>
    <title>Tugas Relatif URL</title>
  </head>
  <body>
  <!-- Kode kamu -->
  </body>
</html>

Sekian untuk materi kali ini. Jika kamu ingin kursus secara langsung, kami membuka kelas baru. Silahkan hubungi kontak kami di menu.


0 Komentar

Tinggalkan Balasan

Avatar placeholder

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *