Artikel Terbaru

Cara Membuat Hyperlink ke File yang Berbeda Folder pada HTML

Pada materi ini para peserta didik akan membuat file html yang didalamnya terdapat hyperlink yang menuju ke file yang berada pada folder yang berbeda atau diluar folder. Sebelum memulai kegiatan praktik para peserta didik harus menyiapkan alat praktiknya terlebih dahulu berupa perangkat PC atau mobile yang didalamnya terdapat Notepad atau teks editor yang dapat digunakan untuk membuat file html. Hampir sama seperti membuat hyperlink ke file (dalam satu folder), untuk hyperlink yang dibuat menuju ke folder lain, hal yang dilakukan adalah menciptakan file html baru dengan nama latihan 13 dan diletakkan di luar folder dengan nama folder-nya adalah folder1 (gambar 1). Sedangkan di dalam folder (folder 1) itu sendiri, letakkan file dengan nama fileFolder1.html. Untuk membuat file tersebut, selanjutnya ikuti instruksi berikut ini:

membuat hyperlink ke file yang berbeda folder dengna menggunakan kode html
Gambar 1 membuat hyperlink dalam folder yang berbeda

satu, Jalankan Notepad.
dua, Ketik baris kode program berikut ini.

<html>

 

<head>

<title>

File dalam posisi folder1

</title>

</head>

 

<body>

Ini file html yang berada dalam folder berbeda.

</body>

 

</html>


tiga, Simpan dengan nama "fileFolder1.html" dan disimpan dalam lokasi folder1.
empat, Ketik baris kode program untuk file html ke dua berikut ini.

<html>

 

<head>

<title>

Membuat hyperlink ke File yang berbeda folder

</title>

</head>

 

<body>

Klik hyperlink berikut ini untuk membuka file "fileFolder1.html" yang berada dalam lokasi folder1 dalam localdisk.

<br>

 

<a href="folder1/fileFolder1.html">buka fileFolder1.html</a>

 

</body>

</html>


lima, Simpan dengan nama file "latihan13.html" pada luar folder dari folder1 (simpan di luar folder).
enam, Jalankan file "latihan13.html", dan perhatikan apakah link yang di klik mengarah pada halaman "fileFolder1.html".

Komentar

  1. Balasan
    1. Modul HTML Bimbingan Teknologi Informasi dan Komunikasi Kelas X SMAN 8 Semarang Edisi 1. 2020. Jawa Tengah.

      Hapus
  2. Apakah perbedaan antara link dan hyperlink?

    BalasHapus
    Balasan
    1. Link yang digunakan dalam halaman web disebut dengan hyperlink. Secara sederhana, link adalah alamat web, sedangkan hyperlink adalah tautan yang menghubungkan halaman-halaman dalam situs web yang sama ataupun berbeda dalam konteks world wide web.

      Hapus
  3. Kenapa sebuatan tautan pada laman web disebut dengah hyperlink?

    BalasHapus
    Balasan
    1. Istilah asli untuk sebuah "link" pada masa awal perkembangan internet adalah "hyperlink", dimana eksternal link juga disebut sebagai outbound link. Dan jika dilihat dari perspektif keteknisian, "link" adalah sebuah tautan yang menghubungkan dokumen "hypertext" dari satu dokumen ke dokumen (laman html) yang lainnya. Sehingga link tersebut kemudian disebut dengan hyper+link atau hyperlink.

      Hapus
    2. jadi istilah hyperlink berasal dari dua kata yaitu hyper + link. kata hyper mengacu pada hypertext pada HTML (htypertext markup language), dan link mengacu pada tautan yang terdapat dalam dokumen hyper (atau html).

      Hapus

Posting Komentar

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

Hot Artikel!!!

Enkapsulasi pada Java

6 Tahap Utama dalam Melakukan Kompilasi Program Hello World Java

6 Contoh Program Method Overloading pada Java