एक वेबपेज के अंदर एक पीडीएफ फाइल को एम्बेड करने के लिए आप एक <iframe> . का उपयोग कर सकते हैं तत्व, और स्रोत मान के रूप में अपनी पीडीएफ फाइल में पथ जोड़ें:
<iframe src="path-to-your-file.pdf"></iframe>
डिफ़ॉल्ट रूप से, iframes की एक सीमा होती है जिसे आप frameborder . से हटा सकते हैं विशेषता:
<iframe src="path-to-your-file.pdf" frameborder="0"></iframe>आप अपने आईफ्रेम में चौड़ाई और ऊंचाई भी जोड़ना चाह सकते हैं। आप या तो CSS क्लास के साथ या इनलाइन स्टाइल के साथ ऐसा कर सकते हैं।
नीचे दिए गए उदाहरण में, मैं एक width जोड़ता हूं 100% . का मान ताकि आईफ्रेम आपके पैरेंट कंटेनर की चौड़ाई तक फैले (जो एक अच्छा अभ्यास है)। मैं इसे एक height भी देता हूं 50vh . का मान इसका मतलब है कि आईफ्रेम जिस भी स्क्रीन पर आप इसे देख रहे हैं, उसकी ऊंचाई का 50% हिस्सा ले लेगा।
<iframe
src="path-to-your-file.pdf"
style="width:100%;height:50vh;"
frameborder="0"
></iframe>अपने प्रोजेक्ट के लिए जो कुछ भी आपको चाहिए, उसकी चौड़ाई और ऊंचाई बदलें।