A volte, è necessario aggiungere o incorporare un file formattato PDF in un documento HTML. Il file PDF può essere collegato al documento HTML in due modi diversi (utilizzando due diversi tag HTML). Gli sviluppatori possono utilizzare l'HTML "
ancoraTag e il "
iforame"Tag per collegare un file PDF con il documento HTML. Usando il "
ancora"Il tag creerà un collegamento sull'interfaccia che indirizza l'utente al file PDF definito e utilizzando"
iforame"Il tag creerà un IFRAME nell'output in cui verrà visualizzato il file PDF.
In questo post, dimostreremo entrambi i metodi per aggiungere un collegamento file PDF a un documento HTML.
Collegamento di un file PDF con HTML
I file PDF possono essere collegati tramite "Tag e anche attraverso il ""Tag. Entrambi i metodi possono aggiungere un file PDF in HTML, ma entrambi i metodi generano output diversi. Discutiamo in dettaglio entrambi i metodi.
Metodo 1: usando il tag
Un file PDF può essere collegato all'HTML usando "ancora"Elemento. Implettiamo praticamente questa idea usando un file PDF come esempio:
Per aprire il file PDF
clicca qui
Nel codice scritto sopra:
- C'è il "paragrafo"Elemento, all'interno dei tag di paragrafo c'è il testo da visualizzare sullo schermo. Questo passaggio è facoltativo in quanto è stato appena aggiunto per creare un migliore senso dell'operazione nell'output.
- Dopodiché, c'è il "ancora"Elemento. Questo è il passaggio principale per collegare il file PDF con HTML.
- All'interno del tag di ancoraggio di apertura è il "Href"Attributo e la posizione esatta del file PDF è stata definita in questo"Href"Attributo.
- Tra l'apertura e i tag di ancoraggio di chiusura c'è il testo da visualizzare come collegamento, facendo clic su che indirizzerà l'utente al file PDF definito in "Href"Attributo.
Questo genererà il seguente output:
Metodo 2: usando
Un file PDF può essere collegato a un documento HTML anche utilizzando il “Tag con "src"Attributo al suo interno:
Nell'istruzione sopra o nell'elemento iFrame:
- Ci sono i "iforame"Apertura e chiusura dei tag per creare un iFrame nell'output.
- Il tag iFrame di apertura contiene il "src"Attributo che viene utilizzato per aggiungere l'URL di una fonte esterna. La posizione esatta del file PDF è stata definita in "src"Attributo.
- Dopo il "src"Attributo, ci sono"larghezza" E "altezza"Attributi all'interno del tag iFrame di apertura.
Questo visualizzerà la seguente interfaccia nell'output:
Ciò riassume i due diversi metodi per collegare o incorporare un file PDF in un documento HTML.
Conclusione
Il file PDF può essere collegato o aggiunto a un documento HTML utilizzando ""(Ancoraggio) elemento e""Elemento. Usando il "ancoraL'elemento "richiede l'aggiunta del"Href"Attributo nei tag di ancoraggio di apertura e definizione della posizione del file PDF. D'altra parte, usando il "iforameL'elemento "richiede l'aggiunta del"src"Attributo e definire la posizione del file PDF al suo interno.