Collegamento a un file PDF con HTML

Collegamento A Un File Pdf Con Html



A volte, è necessario aggiungere o incorporare un file in formato 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 ' ancora ” tag e il “ iframe ” per collegare un file PDF al documento HTML. Usando il ' ancora ” creerà un collegamento sull'interfaccia che indirizza l'utente al file PDF definito e utilizzando il tag “ iframe ” creerà un iframe nell'output in cui verrà visualizzato il file PDF.

In questo post, dimostreremo entrambi i metodi per aggiungere un collegamento a un file PDF a un documento HTML.

Collegamento di un file PDF con HTML

I file PDF possono essere collegati tramite il ' ” e anche attraverso il “


Metodo 1: utilizzo del tag

Un file PDF può essere collegato all'HTML utilizzando il ' ancora elemento '. Implementiamo praticamente questa idea usando un file PDF come esempio:



< P > Per aprire il file PDF

< UN href = 'MyDemoFile.pdf' > clicca qui < / UN >

< / P >

Nel codice scritto sopra:



  • C'è il ' paragrafo ” , all'interno dei tag di paragrafo si trova il testo da visualizzare sullo schermo. Questo passaggio è facoltativo in quanto è stato appena aggiunto per creare un migliore senso dell'operazione nell'output.
  • Dopo c'è il “ ancora elemento '. Questo è il passaggio principale per collegare il file PDF con l'HTML.
  • All'interno del tag di ancoraggio di apertura c'è il ' href ” e l'esatta posizione del file PDF è stata definita in quel “ href 'attributo.
  • Tra i tag di ancoraggio di apertura e di chiusura c'è il testo da visualizzare come collegamento, facendo clic sul quale si indirizzerà l'utente al file PDF definito nella sezione ' href 'attributo.

Questo genererà il seguente output:



Metodo 2: utilizzo del tag