Cara Menapilkan File PDF di Halaman Website
![]() |
Gbr Hasil File Pdf |
carapintar.web.id - Jika sobat sedang mencari cara menapilkan file pdf di halaman website yang sedang kita buat, pada postingan kali ini saya akan menjelaskannya. Ketika kita sedang membuat website, selain menapilkan gambar terkadang kita juga diminta untuk menpilkan file dengan format pdf.
Biasanya untuk bisa menapilkan file pdf pengguna web harus mendownloadnya terlebih dahulu. Untuk memberikan kenyaman bagi pengguna website agar dapat menapilkan file pdf tanpa harus mendownloadnya kita bisa langsung menapilkan file pdf tersebut di halaman website yang kita buat.
Untuk bisa menapilkan file pdf, sobat dapat menggunakan perintah HTML saja tanapa ada tambahan plugin atau menggunakan Javascript apapun. Berikut 3 cara untuk menapilkan file pdf di halaman website.
Menapilkan file pdf dengan Tag Embed
Untuk menapilkan file pdf kita bisa menggunakan cara pertama dengan menggunakan tag "<emed>", tag ini berfungsi untuk membuat atau menapilkan konten eksternal. Ada beberapa parameter yang dimiliki tag ini yaitu:
- src = untuk menetukan url sumber file
- type = untuk menetukan jenis media file yang ditampilkan
- width = untuk menetukan lebar tampilan
- height = untuk menentukan tinggi tampilan
Sekarang kita coba menapilkan file pdf menggunakan tag embed pada contoh kode dibawah ini.
Menapilkan file pdf dengan tag Object
Selain menggunakan tag emed untuk menapilkan file pdf kita bisa menggunakan cara kedua yaitu menggunakan tag "<object>", pada tag ini juga memiliki parameter diantaranya:
- data = untuk menetukan url sumber file
- type = untuk menetukan jenis media yang ditampilkan
- width = untuk menetukan lebar tampilan
- heigth = untuk menetukan tinggi tampilan
Mari kita coba menggunakan tag ini untuk menapilkan file pdf pada contoh koding berikut.
Menapilkan file pdf menggunakan tag Iframe
Selanjutnya dengan menggunakan cara yang ketiga yaitu menggunakan tag "<iframe>", tag ini sudah disediakan oleh HTML. Tag ini juga memiliki parameter diantaranya adalah:
- src = untuk menetukan lokasi url sumber file
- width = untuk menetukan lebar tampilan
- height = untuk menetukan tinggi tampilan
Untuk menggunakan tag ini agar menepilkan file pdf berikut contoh kodingnya.
Itulah 3 cara yang bisa digunakan untuk bisa menapilkan file pdf pada halaman website yang kita buat. Ketiga cara diatas bisa digunakan untuk keperluan menapilkan file pdf seperti jurnal, arsip, laporan dan yang lainya. Semoga pada postingan ini bisa bermanfaat dan berguna.