Pag-link sa isang PDF File Gamit ang HTML

Pag Link Sa Isang Pdf File Gamit Ang Html



Minsan, kinakailangan na magdagdag o mag-embed ng PDF formatted file sa isang HTML na dokumento. Maaaring i-link ang PDF file sa HTML na dokumento sa dalawang magkaibang paraan (gamit ang dalawang magkaibang HTML tag). maaaring gamitin ng mga developer ang HTML ' anchor 'tag at ang' iframe ” na tag upang i-link ang isang PDF File sa HTML na dokumento. Gamit ang ' anchor Ang tag na ” ay gagawa ng link sa interface na nagdidirekta sa user sa tinukoy na PDF file, at gamit ang “ iframe ” tag ay lilikha ng iframe sa output kung saan ipapakita ang PDF file.

Sa post na ito, ipapakita namin ang parehong paraan ng pagdaragdag ng link ng PDF file sa isang HTML na dokumento.

Pag-link ng PDF File Sa HTML

Ang mga PDF file ay maaaring i-link sa pamamagitan ng ' 'tag at gayundin sa pamamagitan ng '


Paraan 1: Paggamit ng Tag

Maaaring i-link ang isang PDF file sa HTML gamit ang “ anchor ' elemento. Praktikal nating ipatupad ang ideyang ito gamit ang isang PDF file bilang halimbawa:



< p > Upang buksan ang PDF File

< a href = 'MyDemoFile.pdf' > Pindutin dito < / a >

< / p >

Sa code na nakasulat sa itaas:



  • Nariyan ang ' talata ” elemento, sa loob ng mga tag ng talata ay ang teksto na ipapakita sa screen. Ang hakbang na ito ay opsyonal dahil ito ay idinagdag lamang upang lumikha ng isang mas mahusay na kahulugan ng operasyon sa output.
  • Pagkatapos nito, mayroong ' anchor ' elemento. Ito ang pangunahing hakbang sa pag-uugnay ng PDF file sa HTML.
  • Sa loob ng pambungad na anchor tag ay ang ' href ” attribute, at ang eksaktong lokasyon ng PDF file ay tinukoy sa “ href ” katangian.
  • Sa pagitan ng pagbubukas at pagsasara ng mga tag ng anchor ay ang teksto na ipapakita bilang isang link, ang pag-click sa kung saan ay magdidirekta sa user sa PDF file na tinukoy sa ' href ” katangian.

Ito ay bubuo ng sumusunod na output:



Paraan 2: Paggamit ng