twitter
    Find out what I'm doing, Follow Me :)

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

0 komentar: