HTML을 사용하여 웹 페이지에 PDF 파일을 포함하는 방법

웹 페이지 안에 PDF 파일을 포함하려면 <iframe>를 사용할 수 있습니다. 요소를 만들고 PDF 파일의 경로를 소스 값으로 추가합니다.

<iframe src="path-to-your-file.pdf"></iframe>

기본적으로 iframe에는 frameborder로 제거할 수 있는 테두리가 있습니다. 속성:

<iframe src="path-to-your-file.pdf" frameborder="0"></iframe>

iframe에 너비와 높이를 추가할 수도 있습니다. CSS 클래스나 인라인 스타일을 사용하여 이를 수행할 수 있습니다.

아래 예에서는 width를 추가합니다. 100% 값 iframe이 상위 컨테이너의 너비에 관계없이 확장되도록 합니다(좋은 방법). 또한 height도 지정합니다. 50vh 값 즉, iframe은 보고 있는 화면 높이의 50%를 차지합니다.

<iframe
  src="path-to-your-file.pdf"
  style="width:100%;height:50vh;"
  frameborder="0"
></iframe>

프로젝트에 필요한 대로 너비와 높이를 변경하세요.