Vinculando a um arquivo PDF com HTML

Vinculando A Um Arquivo Pdf Com Html



Às vezes, é necessário adicionar ou incorporar um arquivo em formato PDF em um documento HTML. O arquivo PDF pode ser vinculado ao documento HTML de duas maneiras diferentes (usando duas tags HTML diferentes). os desenvolvedores podem usar o HTML “ âncora ” e a etiqueta “ iframe ” para vincular um arquivo PDF ao documento HTML. Usando o “ âncora ” criará um link na interface que direciona o usuário para o arquivo PDF definido, e usando a tag “ iframe ” criará um iframe na saída em que o arquivo PDF será exibido.

Nesta postagem, demonstraremos os dois métodos de adicionar um link de arquivo PDF a um documento HTML.

Vinculando um arquivo PDF com HTML

Os arquivos PDF podem ser vinculados através do “ ” e também através da tag “


Método 1: usando a tag

Um arquivo PDF pode ser vinculado ao HTML usando o “ âncora ' elemento. Vamos implementar essa ideia de forma prática usando um arquivo PDF como exemplo:



< p > Para abrir o arquivo PDF

< a href = 'MyDemoFile.pdf' > Clique aqui < / a >

< / p >

No código escrito acima:



  • Existe o “ parágrafo ” dentro das tags de parágrafo está o texto a ser exibido na tela. Esta etapa é opcional, pois acabou de ser adicionada para criar uma noção melhor da operação na saída.
  • Depois disso, há o “ âncora ' elemento. Este é o passo principal para vincular o arquivo PDF ao HTML.
  • Dentro da tag âncora de abertura está o “ href ” e o local exato do arquivo PDF foi definido nesse “ href ” atributo.
  • Entre as tags âncora de abertura e fechamento está o texto a ser exibido como um link, clicando no qual direcionará o usuário para o arquivo PDF definido no campo “ href ” atributo.

Isso irá gerar a seguinte saída:



Método 2: usando a tag