V tomto příspěvku předvedeme oba způsoby přidání odkazu na soubor PDF do dokumentu HTML.
Propojení souboru PDF s HTML
Soubory PDF lze propojit pomocí „ “ a také prostřednictvím “ ” tag. Obě metody mohou přidat soubor PDF v HTML, ale obě metody generují různé výstupy. Pojďme diskutovat o obou metodách podrobně.
Metoda 1: Použití značky
Soubor PDF lze propojit s HTML pomocí „ Kotva prvek. Pojďme tento nápad prakticky implementovat pomocí souboru PDF jako příkladu:
< p > Chcete-li otevřít soubor PDF
< A href = 'MyDemoFile.pdf' > Klikněte zde < / A >
< / p >
V kódu napsaném výše:
- Existuje „ odstavec “, uvnitř značek odstavce je text, který se má zobrazit na obrazovce. Tento krok je volitelný, protože byl právě přidán pro vytvoření lepšího pocitu z operace ve výstupu.
- Poté je zde „ Kotva prvek. Toto je hlavní krok při propojení souboru PDF s HTML.
- Uvnitř úvodní značky kotvy je „ href “ a přesné umístění souboru PDF bylo definováno v „ href ' atribut.
- Mezi úvodním a závěrečným kotevním tagem je text, který se zobrazí jako odkaz, na který uživatel klikne přesměruje uživatele na soubor PDF definovaný v „ href ' atribut.
Tím se vygeneruje následující výstup:
Metoda 2: Použití značky
Soubor PDF lze propojit do dokumentu HTML také pomocí „ ” tag s “ src “ atribut uvnitř:
< iframe src = 'MyDemoFile.pdf' šířka = '90 %' výška = '450px' >
< / iframe >
Ve výše uvedeném příkazu nebo prvku iframe:
- Existují „ iframe ” otevírání a zavírání značek pro vytvoření prvku iframe ve výstupu.
- Úvodní značka iframe obsahuje „ src ” atribut, který se používá k přidání adresy URL externího zdroje. Přesné umístění souboru PDF bylo definováno v „ src ' atribut.
- Po ' src “, jsou zde „ šířka ' a ' výška ” uvnitř úvodní značky iframe.
Tím se ve výstupu zobrazí následující rozhraní:
To shrnuje dvě různé metody propojení nebo vložení souboru PDF do dokumentu HTML.
Závěr
Soubor PDF lze propojit nebo přidat do dokumentu HTML pomocí „ “ (kotva) prvek a také „ prvek. Za použití ' Kotva ” prvek vyžaduje přidání “ href ” v úvodních kotevních tagech a definující umístění souboru PDF v něm. Na druhou stranu pomocí „ iframe ” prvek vyžaduje přidání “ src ” a definování umístění souboru PDF v něm.