În această postare, vom demonstra ambele metode de adăugare a unui link de fișier PDF la un document HTML.
Conectarea unui fișier PDF cu HTML
Fișierele PDF pot fi legate prin intermediul „ ” și, de asemenea, prin eticheta „ ' etichetă. Ambele metode pot adăuga un fișier PDF în HTML, dar ambele metode generează rezultate diferite. Să discutăm în detaliu ambele metode.
Metoda 1: Utilizarea etichetei
Un fișier PDF poate fi legat la HTML utilizând „ ancoră ' element. Să implementăm practic această idee folosind un fișier PDF ca exemplu:
< p > Pentru a deschide fișierul PDF
< A href = „MyDemoFile.pdf” > Click aici < / A >
< / p >
In codul scris mai sus:
- Există „ paragraf ”, în interiorul etichetelor de paragraf se află textul care urmează să fie afișat pe ecran. Acest pas este opțional, deoarece tocmai a fost adăugat pentru a crea o perspectivă mai bună a operațiunii în ieșire.
- După aceea, există „ ancoră ' element. Acesta este pasul principal în conectarea fișierului PDF cu HTML.
- În interiorul etichetei de ancorare de deschidere se află „ href „, iar locația exactă a fișierului PDF a fost definită în acel „ href ” atribut.
- Între etichetele de ancorare de deschidere și de închidere se află textul care urmează să fie afișat ca link, făcând clic pe care va direcționa utilizatorul către fișierul PDF definit în „ href ” atribut.
Aceasta va genera următoarea ieșire:
Metoda 2: Utilizarea etichetei
Un fișier PDF poate fi legat într-un document HTML și prin utilizarea „ „etichetă cu „ src ” atribut în interiorul acestuia:
< iframe src = „MyDemoFile.pdf” lăţime = '90%' înălţime = „450px” >
< / iframe >
În declarația de mai sus sau elementul iframe:
- Există „ iframe ” deschiderea și închiderea etichetelor pentru a crea un iframe în ieșire.
- Eticheta iframe de deschidere conține „ src ” atribut care este folosit pentru a adăuga adresa URL a unei surse externe. Locația exactă a fișierului PDF a fost definită în „ src ” atribut.
- După ' src „, există atributul „ lăţime ' și ' înălţime ” în interiorul etichetei iframe de deschidere.
Aceasta va afișa următoarea interfață în ieșire:
Aceasta rezumă cele două metode diferite de a lega sau încorpora un fișier PDF într-un document HTML.
Concluzie
Fișierul PDF poate fi legat sau adăugat la un document HTML utilizând „ ” (ancoră), precum și elementul „ ' element. Folosind „ ancoră ” elementul necesită adăugarea „ href ” în etichetele de ancorare de deschidere și definirea locației fișierului PDF în acesta. Pe de altă parte, folosind „ iframe ” elementul necesită adăugarea „ src ” și definirea locației fișierului PDF în interiorul acestuia.