이 게시물에서는 HTML 문서에 PDF 파일 링크를 추가하는 두 가지 방법을 보여줍니다.
PDF 파일을 HTML과 연결하기
PDF 파일은 “ <아> ” 태그와 “ <아이프레임> ” 태그. 두 방법 모두 HTML로 PDF 파일을 추가할 수 있지만 두 방법 모두 서로 다른 출력을 생성합니다. 두 가지 방법에 대해 자세히 살펴보겠습니다.
방법 1: 태그 사용
PDF 파일은 '를 사용하여 HTML에 연결할 수 있습니다. 닻 ' 요소. PDF 파일을 예로 들어 이 아이디어를 실제로 구현해 보겠습니다.
< 피 > PDF 파일을 열려면
< ㅏ 헥사 = 'MyDemoFile.pdf' > 여기를 클릭하세요 < / ㅏ >
< / 피 >
위에 작성된 코드에서:
- 거기에 ' 절 ” 요소, 단락 태그 내부는 화면에 표시할 텍스트입니다. 이 단계는 출력에서 더 나은 작업 감각을 생성하기 위해 방금 추가되었으므로 선택 사항입니다.
- 그 이후에는 ' 닻 ' 요소. 이것은 PDF 파일을 HTML과 연결하는 주요 단계입니다.
- 여는 앵커 태그 안에는 ' 헥사 ” 속성에 정확한 PDF 파일 위치가 정의되어 있습니다. 헥사 ' 기인하다.
- 여는 앵커 태그와 닫는 앵커 태그 사이에는 링크로 표시될 텍스트가 있습니다. 이 텍스트를 클릭하면 '에 정의된 PDF 파일로 이동합니다. 헥사 ' 기인하다.
그러면 다음과 같은 출력이 생성됩니다.
