Liên kết với tệp PDF bằng HTML

Lien Ket Voi Tep Pdf Bang Html



Đôi khi, cần phải thêm hoặc nhúng tệp có định dạng PDF vào tài liệu HTML. Tệp PDF có thể được liên kết với tài liệu HTML theo hai cách khác nhau (sử dụng hai thẻ HTML khác nhau). các nhà phát triển có thể sử dụng HTML “ mỏ neo thẻ ” và thẻ “ iframe ” để liên kết Tệp PDF với tài liệu HTML. Sử dụng ' mỏ neo ” sẽ tạo một liên kết trên giao diện hướng người dùng đến tệp PDF đã xác định và sử dụng “ iframe ” sẽ tạo một khung nội tuyến trong đầu ra mà tệp PDF sẽ được hiển thị.

Trong bài đăng này, chúng tôi sẽ trình bày cả hai phương pháp thêm liên kết tệp PDF vào tài liệu HTML.

Liên kết tệp PDF với HTML

Các tệp PDF có thể được liên kết thông qua “ ” thẻ và cũng thông qua “


Cách 1: Sử dụng thẻ

Một tệp PDF có thể được liên kết với HTML bằng cách sử dụng “ mỏ neo ' yếu tố. Thực tế, hãy thực hiện ý tưởng này bằng cách sử dụng tệp PDF làm ví dụ:



< P > Để mở tệp PDF

< Một href = 'MyDemoFile.pdf' > Bấm vào đây < / Một >

< / P >

Trong đoạn mã được viết ở trên:



  • Có “ đoạn văn ”, bên trong các thẻ đoạn văn bản là văn bản sẽ được hiển thị trên màn hình. Bước này là tùy chọn vì nó vừa được thêm vào để tạo cảm giác tốt hơn về hoạt động ở đầu ra.
  • Sau đó, có phần “ mỏ neo ' yếu tố. Đây là bước chính trong việc liên kết tệp PDF với HTML.
  • Bên trong thẻ neo mở là “ href ” thuộc tính và vị trí tệp PDF chính xác đã được xác định trong đó “ href ' thuộc tính.
  • Giữa các thẻ neo mở và đóng là văn bản sẽ được hiển thị dưới dạng một liên kết, nhấp vào liên kết này sẽ hướng người dùng đến tệp PDF được xác định trong “ href ' thuộc tính.

Điều này sẽ tạo ra đầu ra sau:



Phương pháp 2: Sử dụng thẻ