Dalam siaran ini, kami akan menunjukkan kedua-dua kaedah menambah pautan fail PDF ke dokumen HTML.
Memautkan Fail PDF Dengan HTML
Fail PDF boleh dipautkan melalui “ tag ” dan juga melalui “ ” tag. Kedua-dua kaedah boleh menambah fail PDF dalam HTML, tetapi kedua-dua kaedah menjana output yang berbeza. Mari kita bincangkan kedua-dua kaedah secara terperinci.
Kaedah 1: Menggunakan Tag
Fail PDF boleh dipautkan ke HTML menggunakan ' sauh ” unsur. Mari kita laksanakan idea ini secara praktikal menggunakan fail PDF sebagai contoh:
< hlm > Untuk membuka Fail PDF
< a href = 'MyDemoFile.pdf' > Tekan di sini < / a >
< / hlm >
Dalam kod yang ditulis di atas:
- Terdapat ' perenggan ”, di dalam tag perenggan terdapat teks yang akan dipaparkan pada skrin. Langkah ini adalah pilihan kerana ia baru sahaja ditambah untuk mewujudkan rasa operasi yang lebih baik dalam output.
- Selepas itu, terdapat ' sauh ” unsur. Ini adalah langkah utama dalam memautkan fail PDF dengan HTML.
- Di dalam teg sauh pembukaan ialah ' href atribut ', dan lokasi fail PDF yang tepat telah ditakrifkan dalam ' href ” atribut.
- Antara teg sauh pembukaan dan penutup ialah teks yang akan dipaparkan sebagai pautan, klik pada yang akan mengarahkan pengguna ke fail PDF yang ditakrifkan dalam ' href ” atribut.
Ini akan menghasilkan output berikut:
Kaedah 2: Menggunakan
Fail PDF boleh dipautkan ke dalam dokumen HTML juga dengan menggunakan “ 'tag dengan ' src ” atribut di dalamnya:
< iframe src = 'MyDemoFile.pdf' lebar = '90%' ketinggian = '450px' >
< / iframe >
Dalam pernyataan di atas atau elemen iframe:
- Terdapat ' iframe ” teg pembukaan dan penutup untuk mencipta iframe dalam output.
- Tag iframe pembukaan mengandungi ' src ” atribut yang digunakan untuk menambah URL sumber luaran. Lokasi sebenar fail PDF telah ditakrifkan dalam ' src ” atribut.
- Selepas ' src atribut ', terdapat ' lebar ” dan “ ketinggian ” atribut di dalam teg iframe pembukaan.
Ini akan memaparkan antara muka berikut dalam output:
Ini merumuskan dua kaedah berbeza untuk memaut atau membenamkan fail PDF ke dalam dokumen HTML.
Kesimpulan
Fail PDF boleh dipautkan atau ditambah pada dokumen HTML dengan menggunakan “ elemen ” (sauh) serta “ ” unsur. Menggunakan ' sauh elemen ' memerlukan penambahan ' href ” atribut dalam tag sauh pembukaan dan menentukan lokasi fail PDF di dalamnya. Sebaliknya, menggunakan ' iframe elemen ' memerlukan penambahan ' src ” atribut dan menentukan lokasi fail PDF di dalamnya.