Studi Informatika

Panduan Pembelajaran Ilmu Teknologi & Komputer

Sunday, April 15, 2018

Cara Menghubung Dari Web Satu Ke Web Lain di HTML

Sebelumnya saya sudah membahas cara membuat biodata, krs, dan menambahkan video dan audio dengan html.

Pelajari Juga : Cara Membuat Biodata Keren Dan Menarik Dengan HTML

Pelajari Juga : Cara Membuat Kartu Rencana Studi Dengan HTML

Pelajari Juga : Cara Menambahkan Video Dan Audio di HTML

Disini saya akan share cara mengkaitkan dari web satu ke web lain yaitu dari web video dan audio yang sudah dibuat sebelumnya ke biodata dan juga krs yang sudah dibuat sebelumnya.

Berikut caranya:

1. Pastikan semua yang sudah kita buat sebelumnya yaitu video dan audio, biodata dan krs berada dalam folder htdocs tapi foldernya terpisah seperti gambar di bawah :



2. Buka setiap folder biodata, krs, video. kemudian klik kanan yang format html nya pilih Edit With Notepad++, jangan lupa xampp nya di aktifkan juga, contohnya seperti gambar di bawah :




lakukan juga di folder biodata dan krs.


3. Setelah semua notepad++ terbuka berarti ada tiga bagian coding seperti gambar di bawah :
Gambar di atas ada 3 coding yang terbuka yaitu krs.html, biodata.html, dan video&audio.html

4. Panggil semua coding di browser dengan localhost/namafolder setiap coding contoh localhost/video, jika muncul gambar dibawah pilih aja yang ada berformat html

 5. Setelah semua folder di panggil dilocalhost selanjutnya copy link dari dari localhost tersebut contoh gambar dibawah:

gambar diatas adalah link localhost biodata yang akan saya sambungkan ke localhost video.


6. Setelah link sudah dicopy selanjutnya letakkan di coding yang ingin dikaitkan dengan tambahkan coding <a href='pastekan yang di copy tadi'> nama yang di tuju</a>
jika ingin meletakkan ditengah tembahkan <center>
contoh:
<center><a href='pastekan yang di copy tadi'> nama yang di tuju</a></center>
Contoh saya akan mengaitkan di coding video&audio maka ketikkan coding seperti ini:
<center><a href='http://localhost/biodata.html'> Kembali Ke Biodata </a></center>
dan jika ingin menambahkan krs lakukan sama seperti dibiodata :
<center><a href='http://localhost/krs/krs.html'> Kembali Ke KRS </a></center>
*warna ungu link yang dicopy
contoh seperti gambar di bawah :

7. Panggil seperti biasa di localhost/video maka hasilnya seperti berikut:

lihat gambar diatas sudah ada link yang ingin dituju, ketika diklik maka akan pergi ke link yang ingin dituju.

8. Edit juga yang ada pada coding biodata dan saya akan tujukan ke video&audio seperti gambar dibawah:

9. Panggil seperti biasa di localhost maka hasilnya seperti berikut:


10. Edit juga di krs seperti gambar dibawah:



11. Panggil seperti biasa di localhost maka hasilnya seperti ini:



Itulah cara-cara menghubungkan dari web satu ke web lain jika ada yang belum paham atau gagal tanyakan saja di komentar

Terima Kasih dan Semoga Bermanfaat


Sunday, April 15, 2018 April 15, 2018 - tanpa komentar

No comments:

Post a Comment