3 Cara Mudah Menampilkan File PDF di Website

By , October 3, 2017,
3 Cara Mudah Menampilkan File PDF di Website

3 Cara Mudah Menampilkan File PDF di Website

File pdf biasanya di baca menggunakan pdf reader seperti adobe reader, nitro pdf dan sebagainya. Kali akan kita ulas bagaimana menampilkan file pdf agar dapat di baca secara online melalui browser seperti chrome, mozilla firefox, dan juga internet explorer.

Caranya cukup mudah dan simpel saja, berikut ini script atau tag html yang bisa di kita gunakan untuk menampilkan file pdf di browser:

Embed

Merupakan tag html yang berguna untuk membaca source dari sebuh file sehingga dapat di run atau di jalankan di browser:

Tag:

<embed>

Dukungan Browser:

  1. Google Chrome
  2. Mozilla Firefox
  3. Safari
  4. Opera
  5. Internet explorer

Dukungan script:

Html 4.01+

Atribut:

  1. height, berfungsi untuk mengatur tinggi ruang pdf
  2. src, source dimana link url pdf atau file
  3. type, bererisi tipe file dalam kasus ini pdf
  4. width, mengatur lebar ruang pembacaan pdf

Penggunaan:

<embed src=”file.pdf”>

Iframe

Untuk tag iframe, source yang dapat digunakan selain file pdf, word, excel,audio, video sama seperti tag embed ini dapat juga digunakan untuk menampilkan link url halaman web pada sourcenya.

Tag: 

<iframe></iframe>

Dukungan Browser:

  1. Google Chrome
  2. Mozilla Firefox
  3. Safari
  4. Opera
  5. Internet explorer

Dukungan script:

Html 4.01+

Atribut:

  1. height, mengatur tinggi ruang tampil (misal:100px)
  2. src, link file yang akan ditampilkan (misal: file.pdf)
  3. width, mengatur lebar ruang tampil (misal:100px)
  4. align, mengatur posis tampilan misalnya kiri, kanan atas bawah (left,right,top,middle,bottom)

Penggunaan:

<iframe src=”file.pdf”></iframe>

Object

Berfungsi untuk menampilkan source file berupa file, audio, video, dokument. Perbedaannya adalah pada tag ini menampilkan link filenya menggunakan tag data

Tag: 

<object></object>

Dukungan Browser:

  1. Google Chrome
  2. Mozilla Firefox
  3. Safari
  4. Opera
  5. Internet explorer

Dukungan script:

Html 4.01+

Atribut:

  1. height, mengatur tinggi ruang tampil (misal:100px)
  2. src, link file yang akan ditampilkan (misal: file.pdf)
  3. width, mengatur lebar ruang tampil (misal:100px)
  4. align, mengatur posis tampilan misalnya kiri, kanan atas bawah (left,right,top,middle,bottom)

Penggunaan:

<object data=”file.pdf”></object>

3 Cara menampilkan pdf di website

  1. <embed src=”file_name.pdf” width=”800px” height=”2100px” /><embed src=”file_name.pdf” width=”800px” height=”2100px” />
  2. <iframe src=”file_name.pdf” style=”width: 100%;height: 100%;border: none;”></iframe>
  3. <object data=”data/test.pdf” type=”application/pdf” width=”300″ height=”200″></object>

Terimakasih semoga bermanfaat

Postingan berikutnya

  1. script menampilkan file pdf dengan php
  2. Menampilkan file pdf dengan codeigniter
  3. cara menampilkan pdf dengan php
  4. agar internet explorer bisa menampilkan file pdf
  5. script menampilkan file pdf di php
  6. menampilkan halaman pdf di html
  7. menampilkan file pdf di html
  8. membaca isi file pdf dengan php
  9. membaca file pdf dengan php
  10. cara menampilkan file pdf phpmysql
  11. Cara Menampilkan File PDF di Website dengan HTML
  12. baca file pdf di ci
  13. script php untuk menampilkan file pdf

Leave a Reply