Cara Membuat Tautan Unduh PDF

HTML5 memungkinkan Anda memaksa browser Web pengunjung untuk mengunduh file, seperti PDF, alih-alih membukanya di browser. Atau, Anda dapat menyematkan dan menampilkan file PDF Anda di dalam halaman, atau membiarkan browser Web menampilkannya alih-alih membuka penampil PDF eksternal.

PDF tertanam dan dua hyperlink pada halaman Web.

Kredit Gambar: Gambar milik Mozilla

Tip

HTML5 didukung oleh semua browser Web modern. Jika Anda mengalami masalah dalam melihat halaman HTML5, memperbarui peramban web Anda.

Memaksa Browser untuk Mengunduh File PDF

Langkah 1

Temukan tempat di mana Anda ingin menyisipkan tautan.

Kredit Gambar: Gambar milik Microsoft

Buka file HTML di editor HTML pilihan Anda. Jika Anda tidak memiliki editor, Anda dapat menggunakan editor teks Windows Notepad untuk mengedit halaman Web Anda.

Video Hari Ini

Temukan tempat di mana Anda ingin menampilkan hyperlink dalam dokumen. Konten halaman Web dapat ditemukan di antara dan tag.

Langkah 2

Buat hyperlink yang mengunduh PDF.

Kredit Gambar: Gambar milik Microsoft

Jenis Klik Di Sini untuk mengunduh PDF untuk membuat hyperlink baru yang mengunduh PDF alih-alih membukanya di browser Web.

Ganti "PDF_Name.pdf" dengan nama PDF jika file berada dalam folder yang sama dengan file HTML. Jika PDF berada di folder lain, gunakan path lengkap ke file -- C:\Downloads\Sample.pdf, Misalnya.

Unduhan parameter memaksa browser Web untuk mengunduh file alih-alih membukanya menggunakan penampil PDF terintegrasi browser. Anda dapat mengetikkan nama yang bermakna untuk PDF, menggantikan "Nama PDF Baru" -- browser menggunakan nama ini saat menyimpan file. Mengganti nama berguna ketika PDF Anda dibuat secara otomatis di server dan berisi nama yang panjang dan tidak berarti.

Ganti "Klik Di Sini untuk mengunduh PDF" dengan teks jangkar Anda sendiri, yang merupakan bagian tautan yang terlihat dan dapat diklik.

Tip

  • Bagian "Nama PDF Baru" adalah opsional; gunakan hanya jika Anda ingin memberi nama yang berbeda pada PDF saat pengunjung mengunduhnya.
  • Untuk memaksa browser mengunduh PDF tanpa mengubah nama file, gunakan kode berikut: Klik Di Sini untuk mengunduh PDF

Langkah 3

Uji hyperlink baru di Firefox.

Kredit Gambar: Gambar milik Mozilla

tekan Ctrl-S untuk menyimpan perubahan ke halaman Web dan kemudian menguji hyperlink baru dengan membuka halaman di browser Web. Klik tautan baru dan browser meminta Anda untuk menyimpan file.

Menanamkan atau Membuka PDF Di Dalam Peramban

Menyematkan PDF

Dengan menyematkan file PDF ke halaman Web, Anda menampilkan konten file di dalam wadah.

Tip

  • Pengunjung dapat menggulir PDF dan membacanya tanpa membukanya di tab baru atau mengunduhnya di PC-nya.
  • Anda dapat menentukan tinggi dan lebar wadah.

Langkah 1

Sematkan PDF di halaman Web menggunakan Notepad.

Kredit Gambar: Gambar milik Microsoft

Buka halaman Web di Notepad atau editor HTML dan ketik di mana saja di antara dan tag untuk menanamkan file PDF-nya.

Ganti "PDF_Name.pdf" dengan nama file Anda atau dengan path lengkap ke file jika PDF terletak di folder yang berbeda dari file HTML.

Ganti "height_in_pixels" dan "width_in_pixels" dengan tinggi dan lebar wadah yang Anda inginkan.

Langkah 2

PDF tertanam di halaman Web di Firefox.

Kredit Gambar: Gambar milik Mozilla

tekan Ctrl-S untuk menyimpan perubahan ke halaman Web dan kemudian menguji PDF yang disematkan dengan membuka halaman di browser Web.

Membuka PDF Di Dalam Peramban

Buka PDF di dalam browser Web dengan membuat hyperlink tanpa parameter unduhan: Klik disini. Browser Web membuka file menggunakan penampil PDF bawaannya; itu hanya meminta pengunjung untuk mengunduh file jika penampil dinonaktifkan atau malfungsi.

Tip

Untuk membuka PDF di tab atau jendela baru, tambahkan parameter target ke hyperlink. Sebuah contoh: Klik disini.