Łączenie do pliku PDF za pomocą HTML

Laczenie Do Pliku Pdf Za Pomoca Html



Czasami wymagane jest dodanie lub osadzenie pliku w formacie PDF w dokumencie HTML. Plik PDF można połączyć z dokumentem HTML na dwa różne sposoby (za pomocą dwóch różnych znaczników HTML). programiści mogą używać kodu HTML „ kotwica znacznik ” i „ element iframe ”, aby połączyć plik PDF z dokumentem HTML. Używając ' kotwica ” utworzy link w interfejsie, który przekieruje użytkownika do zdefiniowanego pliku PDF, a użycie „ element iframe ” utworzy element iframe w danych wyjściowych, w którym zostanie wyświetlony plik PDF.

W tym poście zademonstrujemy obie metody dodawania linku do pliku PDF do dokumentu HTML.

Łączenie pliku PDF z HTML

Pliki PDF można łączyć za pomocą „ ”, a także przez „ ”znacznik. Obie metody mogą dodać plik PDF w formacie HTML, ale obie metody generują różne wyniki. Omówmy szczegółowo obie metody.





Metoda 1: Użycie znacznika

Plik PDF można połączyć z kodem HTML za pomocą „ kotwica ' element. Zrealizujmy ten pomysł praktycznie na przykładzie pliku PDF:



< P > Aby otworzyć plik PDF

< A href = „Mój plik demonstracyjny.pdf” > Kliknij tutaj < / A >

< / P >

W kodzie napisanym powyżej:



  • jest „ ustęp ”, wewnątrz znaczników akapitów znajduje się tekst, który ma zostać wyświetlony na ekranie. Ten krok jest opcjonalny, ponieważ właśnie został dodany w celu lepszego zrozumienia operacji na danych wyjściowych.
  • Po tym następuje „ kotwica ' element. Jest to główny krok w łączeniu pliku PDF z kodem HTML.
  • Wewnątrz otwierającego znacznika kotwicy znajduje się „ href ”, a dokładna lokalizacja pliku PDF została zdefiniowana w tym „ href ' atrybut.
  • Pomiędzy otwierającymi i zamykającymi tagami kotwicy znajduje się tekst, który ma zostać wyświetlony jako link, którego kliknięcie przekieruje użytkownika do pliku PDF zdefiniowanego w „ href ' atrybut.

Spowoduje to wygenerowanie następujących danych wyjściowych:



Metoda 2: użycie znacznika