Pemograman antar Link


Sugeng siang gan kali ini mimin akan posting tutor tentang Link, apa itu Link simak ulasan berikut:
Dalam mendisain web setiap website selalu terhubung dengan website lain atau situs lain sebagai fasilitas tambahan. 
Dengan fasilitas link maka orang dengan mudah dapat menuju ke suatu situs tanpa harus keluar dari situs yang aktif. Dokumen HTML mampu memberikan link dari sebuah teks/gambar menuju ke teks/gambar lain. Untuk membuat link pada dokumen HTML dengan tag <a>, dan atribut href digunakan untuk mendefinisikan lokasi letak link yang dituju. Kemudian beberapa atribut yang dapat digunakan dalam link adalah :
onClick
membuka link setelah tombol di klik.
onMouseover
membuka link hanya dengan menyorot tombol.
onMouseout
membuka link hanya dengan menyorot tombol, dan kembali ke website semula bila mouse dijauhkan dari link.

Beberapa hal yang perlu diperhatikan dalam membuat link dan menjaga kesalahan penamaan file sebaiknya mengikuti aturan berikut :
·          File pertama/file induk simpan dengan nama index.html dan berhuruf kecil.
·          File berikutnya dan file gambar simpan dengan huruf kecil.
·          Jika nama file lebih dari satu pisahkan dengan garis bawah ( _ ). Contoh : file_ke_tiga.html

Salah satu dari LINK ada yang dinamakan LINK RELATIF apa itu LINK RELATIF. Link relatif dibuat bila membuat suatu link pada website aktif ke website lain, tidak perlu menggunakan alamat URL secara lengkap. Untuk file yang letaknya beda direktori, dapat menuliskan alamat drive dan direktori asal.
<html>
<head>
<title>Membuat Web</title>
</head>
<body><center>
   <h2>CV. Sinau Coding</h2>
   <h5>JL. Kebumian Jawa tengah</h5><hr><br>
   <a href="hal_1.html">Visi dan Misi Sinau Coding</a>
   <a href="hal_2.html">Produk Perusahaan</a>
</center>

            <center>
            <h3>copyright &copy; Fadjeri Akhmad</h3></br>
            <h3>&#8482; Sinau Coding</h3>
            </center>
</body>
</html>


Berikut tampilan dalam Notepad++nya

 



Simpan sengan nama terserah agan-agan, punya mimin diberi nama index.html.
Keterngan :
a)      <a href="hal_1.html">Visi dan Misi Sinau Coding</a>  merupakan Link relatif tujuan 1
b)      <a href="hal_2.html">Produk Perusahaan</a> merupakan Link relatif tujuan kedua


Setelah selesei membuat file index.html, kemudia buat halaman/ coding untuk Link relatif yang ditujukan agar saat diklik muncul link tujuanya

Berikut hasil dari coding yang telah kita buat

Simpan sengan nama terserah agan-agan, punya mimin diberi nama index.html.
Keterngan :
a)      <a href="hal_1.html">Visi dan Misi Sinau Coding</a>  merupakan Link relatif tujuan 1
b)      <a href="hal_2.html">Produk Perusahaan</a> merupakan Link relatif tujuan kedua


Setelah selesei membuat file index.html, kemudia buat halaman/ coding untuk Link relatif yang ditujukan agar saat diklik muncul link tujuanya

Berikut hasil dari coding yang telah kita buat




Semoga Bermanfaat gan, tunggu tutor berikutnya gan



0 Response to "Pemograman antar Link "

Posting Komentar