menampilkan file PDF dengan HTML

menampilkan pdf dengan HTML

Assalamu’alaikum wr_wb, segala puji bagi rabb seluruh alam yang memberikan kita pengetahuan. So, bagaimana cara menampilkan file PDF dengan HTML?

 

CARA MENAMPILKAN FILE PDF dengan HTML

Di html 5 banyak sekali fitur-fitur baru yang dapat membuat para programer mempermudah untuk menayangkan data data, salah satu tag yang berguna yaitu tag <embed>.
Apa fungsi dari tag embed ini  ya ?, Tag embed berguna untuk menampilkan file PDF, VIDEO, dan lainnya. namun yang akan ditulis disini hanya menampilkan file PDF Saja.
Penulisan kode seperti pada kutipan berikut :
<embed src=”_link_lokasi_PDF”></embed>
Okeyh mari kita coba praktikan, silahkan buka file document, dan beri nama pdf.html (atau sesuka hati anda). Selanjutnya tuliskan kode dibawah ini :
<html>
<head>
  <title>judul</title>
</heead>
<body>

<embed width="700" height="500" src="alamat_pdf" type="application/pdf"></embed>

</body>
</html>

 

Fungsi property width=”700″ merupakan lebar dari ukuran file nya. sedangkaan fungsi property height=”500″ merupakan panjang dari ukuran fiilenya. Property “SRC” Berfungsi untuk menunujukan kepada sistem bahwa file yang akan ditampilkan berada di link tersebut.
Kita juga dapat menggunkan kode embed dengan mengambil link url PDF dari Google drive. Tapi, biasanya Google sudah menyediakan kode khusus berupa Tag Iframe.
See also  Cara Membuat Form Login dengan HTML Secara Sederhana dan Mudah

Leave a Reply

Your email address will not be published. Required fields are marked *