Để nhúng tệp PDF vào trang web, bạn có thể dùng phần tử <iframe>, và thêm đường dẫn đến tệp PDF của bạn làm giá trị nguồn:
<iframe src="đường-dẫn-tệp-của-bạn.pdf"></iframe>
Mặc định, iframe có viền bạn có thể bỏ bằng thuộc tính frameborder:
<iframe src="đường-dẫn-tệp-của-bạn.pdf" frameborder="0"></iframe>
Bạn cũng có thể muốn thêm chiều rộng và chiều cao cho iframe. Bạn có thể làm bằng lớp CSS hoặc kiểu nội tuyến.
Trong ví dụ dưới, tôi thêm giá trị width là 100% để iframe mở rộng theo chiều rộng của container cha (đây là thói quen tốt). Tôi cũng cho nó giá trị height là 50vh nghĩa là iframe sẽ chiếm 50% chiều cao màn hình bạn đang xem.
<iframe src="đường-dẫn-tệp-của-bạn.pdf" style="width:100%;height:50vh;" frameborder="0" ></iframe>
Thay đổi chiều rộng và chiều cao tùy theo nhu cầu dự án của bạn.