Às vezes, é necessário adicionar ou incorporar um arquivo formatado em 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”Tag e a“
iframe”Tag para vincular um arquivo PDF ao documento HTML. Usando o “
âncora”A tag criará um link na interface que direciona o usuário para o arquivo PDF definido e usando o“
iframe”A tag criará um iframe na saída em que o arquivo PDF será exibido.
Nesta postagem, demonstraremos os dois métodos de adição de um link de arquivo PDF a um documento HTML.
Vinculando um arquivo PDF com HTML
Os arquivos PDF podem ser vinculados através do “”Tag e também através da“" marcação. Ambos os métodos podem adicionar um arquivo PDF no HTML, mas ambos os métodos geram saídas diferentes. Vamos discutir os dois métodos em detalhes.
Método 1: Usando a tag
Um arquivo PDF pode ser vinculado ao HTML usando o “âncora" elemento. Vamos praticamente implementar essa ideia usando um arquivo PDF como exemplo:
Para abrir o arquivo PDF
Clique aqui
No código escrito acima:
- Existe o “parágrafo”Elemento, dentro das tags de parágrafo, é o texto a ser exibido na tela. Esta etapa é opcional, pois acabou de ser adicionada para criar uma melhor sensação da operação na saída.
- Depois disso, há o “âncora" elemento. Esta é a principal etapa para vincular o arquivo PDF ao HTML.
- Dentro da tag âncora de abertura está o “Href”Atributo, e a localização exata do arquivo PDF foi definida nessa“Href”Atributo.
- Entre a abertura e as tags de âncora de fechamento está o texto a ser exibido como um link, clicando em que direcionará o usuário ao arquivo PDF definido no “Href”Atributo.
Isso gerará a seguinte saída:
Método 2: Usando
Um arquivo PDF pode ser vinculado a um documento HTML também usando o “”Tag com“src”Atributo dentro dele:
Na declaração acima ou no elemento iframe:
- Há o “iframe”Abrindo e fechando tags para criar um iframe na saída.
- A tag Iframe de abertura contém o “src”Atributo usado para adicionar o URL de uma fonte externa. A localização exata do arquivo PDF foi definida no “src”Atributo.
- Depois de "srcAtributo, há o “largura" e "altura”Atributos dentro da tag Iframe de abertura.
Isso exibirá a seguinte interface na saída:
Isso resume os dois métodos diferentes para vincular ou incorporar um arquivo PDF em um documento HTML.
Conclusão
O arquivo PDF pode ser vinculado ou adicionado a um documento HTML usando o “”(Âncora) elemento, bem como o“" elemento. Usando o “âncora”O elemento requer adicionar o“Href”Atributo nas tags de ancoragem de abertura e definindo a localização do arquivo PDF nele. Por outro lado, usando o “iframe”O elemento requer adicionar o“src”Atribuindo e definindo a localização do arquivo PDF dentro dele.