this → Artikel Baru – ( Atrikel Lama ↓ )

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, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

Catatan: setiap iklan yang ditayangkan pada blog ini bersumber dari google adsense. Dengan jenis iklan yang dipilih adalah, sebagai berikut.

POIN 1, Iklan yang ditampilkan hanya boleh berbahasa indonesia atau berbahasa inggris. Tidak menerima jenis iklan dalam bahasa yang lain selain yang telah disebutkan karena blog ini dibuat untuk para pengunjung dari negara atau orang yang berbahasa Indonesia.

POIN 2, Setiap gambar yang ditampilkan pada iklan sifatnya tidak mengganggu para pengunjung yang melihat blog, atau tidak boleh menampilkan gambar yang bersifat menjijikkan atau merangsang rasa mual.

POIN 3, Jenis iklan yang dipasang bukan merupakan iklan spam, atau berisi dan mengarahkan pengunjung ke alamat yang berbahaya atau bersifat penipuan.

POIN 4, Segala bentuk iklan tunduk dan patuh pada ketentuan dari pihak Adsense google dan pemilik blog.

POIN 5, Segala jenis iklan yang tidak bertentangan dengan poin 1-4 yang dijelaskan sebelumnya, maka iklan tersebut dapat ditampilkan pada blog.



~ Ikatlah Ilmu dengan Memostingkannya ~

Hot Artikel

Enkapsulasi pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C

10 Aturan Utama Penggunaan Overriding pada Java

5 Cara Konversi Tipe Data pada Java

6 Aturan Penting Switch Statement pada Java

Perbedaan Antara int main() dan int main(void) pada Bahasa C

Penjelasan Singkat tentang Konsep Asosiasi, Komposisi, dan Agregasi pada Java