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