Saturday, April 6, 2013

Cara Menampilkan File Tertentu ke dalam Browser

Dengan elemen A, OBJECT, atau EMBED, dimungkinkan untuk menampilkan, melink, mengembed file tertentu, misalnya file PDF, file gambar, file musik, dll ke dalam browser.

Contoh kode berikut menggunakan elemen A, di mana ketika elemen A diklik maka file PDF yang bernama myPDF akan dimuat ke dalam browser:

<a href="myPDF.pdf">Buka dokumen .pdf</a>

Pastikan nilai dari atribut HREF adalah lokasi di mana file PDF yang akan dilink tersimpan.

Contoh kode berikut menggunakan elemen OBJECT untuk mengembed file PDF yang bernama myPDF ke dalam browser:

<object data="myPDF.pdf" width="300" height="500"></object>

Pastikan nilai dari atribut DATA adalah lokasi di mana file PDF yang akan diembed tersimpan.

Contoh kode berikut menggunakan elemen EMBED untuk mengembed file PDF yang bernama myPDF ke dalam browser:

<embed src="myPDF.pdf" width="300" height="500"></embed>

Pastikan nilai dari atribut SRC adalah lokasi di mana file PDF yang akan diembed tersimpan.

Perbedaan cara elemen A dengan OBJECT ataupun EMBED dalam menampilkan suatu file:

  • Dalam contoh di atas file PDF baru akan tampil ke dalam browser setelah pengguna mengklik elemen A, sedangkan
  • Bagi OBJECT dan EMBED file PDF akan langsung di muat tanpa perlu mengkliknya.