MEMBUAT LINK DAN FRAME DALAM HTML
Dalam
artikel kali ini saya akan Memberikan gambaran singkat mengenai cara
membuat link dan frame dalam Halaman Web yang ingin kita buat.
Penambahan media tersebut tentunya dapat membuat Website yang kita buat
menjadi lebih menarik dan tidak membuat orang bosan hasilnya pastinya
website kita sering dikunjungi oleh para Surfer Dunia Internet. Berikut
adalah penjelasan dari saya mengenai membuat script dalam membuat link
dan frame dalam Pemograman Html. Penulisan Script Link dan Frame akan
dibaca oleh blog seagai script , Untuk lebih jelasnya Download
Penjelasan Membuat Link dan Frame HTML di Link dibawah.
HTML menggunakan hyperlink untuk membuat link ke dokumen lain atau bagian lain dari dokumen di internet, yaitu dengan tag anchor <a>.
Tag anchor ini dapat merujuk ke berbagai jenis dokumen multimedia,
seperti dokumen teks, gambar/image, suara, video, dan lain-lain.
Berikut ini adalah beberapa contoh penggunaan tag link dalam HTML :
1. Attribut HREF digunakan untuk memberikan alamat link yang dikehendaki, sedangkanteks yang berada di antara tag <a> dan akan ditampilkan sebagai hyperlink.
<a href=”nama_file”>teks</a>
2. Attribut target digunakan untuk mendefinisikan di mana dokumen pada link tersebut akan dibuka. Pada contoh di bawah ini target=”_blank” akan membuka dokumen pada window web browser baru. Secara default, tanpa atribut target dokumen akan dibuka pada window yang sama.
<a href=”nama_file” target=”_blank”>teks</a>
3. Attribut name digunakan untuk memberikan nama anchor. Dengan nama anchor ini dapat dibuat link untuk menuju ke lokasi spesifik pada halaman HTML yang ditunjukkan oleh nama anchor tersebut. Hal ini memudahkan pencarian bagian halaman HTML tanpa menggulung layar web broser. <a name=”label”>teks</a> Sedangkan link yang digunakan untuk menuju nama anchor seperti yang ditunjukkan di atas adalah sebagai berikut :
<a href=”#label”>link menuju bagian label</a>
Sebuah
image dapat dijadikan link. Sama halnya dengan pembuatan link dengan
menggunakan teks seperti dijelaskan di atas, hanya saja untuk teks
diganti dengan image, yaitu dengan menyisipkan tag <img> di antara tag <a href> dan </a>. Misal : <a href=”fotoku.html”><img src=”fotoku.jpg”></a>
Frame
Dengan
frame dapat ditampilkan lebih dari satu halaman HTML pada jendela web
browser yang sama. Setiap dokumen HTML disebut sebagai frame, dan setiap
frame tidak saling berkaitan satu dengan lainnya.
Kekurangan dan kelemahan penggunaan frame adalah :
1. perancang web harus memantau lebih banyak dokumen HTML.
2. sulit untuk mencetak keseluruhan halaman.
Ada dua tag HTML yang digunakan dalam pembuatan frame, yaitu <frameset> dan <frame>. Masing-masing penggunaannya akan dijelaskan pada bagian berikut:
Tag Frameset
1. tag <frameset> digunakan untuk mendefinisikan bagaimana jendela web browser akan dibagi menjadi frame-frame.
2. setiap frameset menjelaskan format baris atau kolom yang digunakan untuk frame.
3. nilai baris atau kolom mengindikasikan jumlah area layar yang akan digunakan oleh setiap baris atau kolom.
4. tag <frameset cols> berikut akan membagi layar menjadi tiga bagian kolom masing-masing sebesar 25%, 50%, dan 25% dari lebar area layar. <frameset cols=”25%,50%,25%”>
5. tag <frameser rows> berikut akan membagi layar menjadi tiga bagian baris masing-masing sebesar 25%, 50%, dan 25% dari tinggi area layar. <frameset rows=”25%,50%,25%”>
6.
pembagian frame bisa dengan ukuran pesentase (relatif) seperti contoh
di atas, atau dengan ukuran pixel (absolut). Namun dengan pixel tidak
dapat ditentukan ukuran seluruh frame, karena ukuran layar monitor yang
digunakan juga belum tentu sama. Untuk itu digunakan tanda “*” untuk
pengganti ukuran yang tidak tentu tadi. Contoh berikut akan membagi
layar menjadi dua bagian baris masing-masing sebesar 100 pixel dan sisa
pixel dari tinggi area layar.
<frameset rows=”100,*”>
Sedangkan
contoh ini akan membagi layar menjadi dua bagian kolom masingmasing
sebesar 100 pixel dan sisa pixel dari lebar area layar.
<frameset cols=”100,*”>
7. tag tidak membutuhkan adanya tag <body> terkecuali bila web browser yang digunakan tidak mendukung tag <frameset> tersebut.
Tag Frame
1. tag <frame> menjelaskan dokumen HTML mana yang akan disertakan pada setiap frame.
2.
pada contoh berikut ini menunjukkan frameset dengan dua kolom,
masingmasing sebesar 25% dan 50 % dari lebar area layar. Dokumen HTML
dengan nama “frame_1.html” disertakan pada kolom pertama, dan dokumen
HTML kedua yang bernama “frame_2.html” disertakan pada kolom kedua.
<html>
<frameset cols="25%,50%">
<frame src="frame_1.html">
<frame src="frame_2.html">
</frameset>
</html>
Penggunaan
frame dapat juga digunakan untuk memudahkan navigasi sebuah halaman
web. Untuk itu diperlukan sebuah dokumen HTML berisi link-link yang
berfungsi sebagai navigasi pada satu frame, dan frame lainnya akan
digunakan sebagai target dokumen yang ditunjukkan pada link-link
tersebut.
Contoh :
File coba1.html :
<html>
<body>
<a href=frame1.html” target=”showframe”>frame1</a><br>
<a href=frame2.html” target=”showframe”>frame1</a><br>
</body>
</html>
File coba2.html :
<html>
<frameset cols=”120,*”>
<frame src=”coba1.html”>
<frame src=”coba2.html” name=”showframe”>
</frameset>
</html>
Sumber : Praktikum Pemrograman Web STI&K Jakarta
DOWNLOAD FILE PDFNYA DISINI
