V tomto príspevku predvedieme oba spôsoby pridania odkazu na súbor PDF do dokumentu HTML.
Prepojenie súboru PDF s HTML
Súbory PDF je možné prepojiť cez „ “ a tiež cez “ ” tag. Obe metódy môžu pridať súbor PDF v HTML, ale obe metódy generujú rôzne výstupy. Poďme diskutovať o oboch metódach podrobne.
Metóda 1: Použitie značky
Súbor PDF je možné prepojiť s kódom HTML pomocou „ Kotva ' element. Poďme prakticky implementovať túto myšlienku pomocou súboru PDF ako príklad:
< p > Ak chcete otvoriť súbor PDF
< a href = 'MyDemoFile.pdf' > Kliknite tu < / a >
< / p >
V kóde napísanom vyššie:
- Existuje „ odsek “, vnútri značiek odseku je text, ktorý sa má zobraziť na obrazovke. Tento krok je voliteľný, pretože bol práve pridaný na vytvorenie lepšieho zmyslu pre operáciu vo výstupe.
- Potom je tu „ Kotva ' element. Toto je hlavný krok pri prepájaní súboru PDF s kódom HTML.
- Vo vnútri otváracej kotvovej značky je „ href “ a presné umiestnenie súboru PDF bolo definované v tomto „ href “.
- Medzi úvodným a záverečným kotviacim štítkom je text, ktorý sa zobrazí ako odkaz, kliknutím na ktorý sa používateľ presmeruje na súbor PDF definovaný v „ href “.
Tým sa vygeneruje nasledujúci výstup:
Metóda 2: Použitie značky
Súbor PDF je možné prepojiť do dokumentu HTML aj pomocou „ ” tag s “ src ” atribút v ňom:
< iframe src = 'MyDemoFile.pdf' šírka = '90 %' výška = '450 pixelov' >
< / iframe >
Vo vyššie uvedenom vyhlásení alebo prvku iframe:
- Existujú „ iframe ” otváranie a zatváranie značiek na vytvorenie prvku iframe vo výstupe.
- Úvodná značka iframe obsahuje „ src ” atribút, ktorý sa používa na pridanie adresy URL externého zdroja. Presné umiestnenie súboru PDF bolo definované v „ src “.
- Po ' src “, sú tam atribúty “ šírka “ a „ výška ” v úvodnej značke iframe.
Vo výstupe sa zobrazí nasledujúce rozhranie:
Toto sumarizuje dva rôzne spôsoby prepojenia alebo vloženia súboru PDF do dokumentu HTML.
Záver
Súbor PDF je možné prepojiť alebo pridať do dokumentu HTML pomocou „ “ (kotva) prvok, ako aj „ ' element. Pomocou „ Kotva prvok vyžaduje pridanie prvku href ” v úvodných značkách kotvy a definujúc v ňom umiestnenie súboru PDF. Na druhej strane pomocou „ iframe prvok vyžaduje pridanie prvku src ” a definovanie umiestnenia súboru PDF v ňom.