ในโพสต์นี้ เราจะสาธิตวิธีการเพิ่มลิงก์ไฟล์ PDF ไปยังเอกสาร HTML ทั้งสองวิธี
การเชื่อมโยงไฟล์ PDF กับ HTML
ไฟล์ PDF สามารถเชื่อมโยงผ่าน “ ” แท็กและผ่าน “ ” แท็ก ทั้งสองวิธีสามารถเพิ่มไฟล์ PDF ใน HTML ได้ แต่ทั้งสองวิธีสร้างผลลัพธ์ที่แตกต่างกัน เรามาพูดถึงรายละเอียดทั้งสองวิธีกัน
วิธีที่ 1: การใช้แท็ก
ไฟล์ PDF สามารถเชื่อมโยงไปยัง HTML โดยใช้ ' สมอ ' องค์ประกอบ. ลองนำแนวคิดนี้ไปใช้จริงโดยใช้ไฟล์ PDF เป็นตัวอย่าง:
< หน้า > เพื่อเปิดไฟล์ PDF
< ก href = 'MyDemoFile.pdf' > คลิกที่นี่ < / ก >
< / หน้า >
ในรหัสที่เขียนด้านบน:
- มี “ ย่อหน้า ” องค์ประกอบภายในแท็กย่อหน้าคือข้อความที่จะแสดงบนหน้าจอ ขั้นตอนนี้เป็นทางเลือกเนื่องจากเพิ่งถูกเพิ่มเข้าไปเพื่อสร้างความรู้สึกที่ดีขึ้นของการดำเนินการในเอาต์พุต
- หลังจากนั้นก็มี “ สมอ ' องค์ประกอบ. นี่เป็นขั้นตอนหลักในการเชื่อมโยงไฟล์ PDF กับ HTML
- ภายในแท็กสมอเปิดคือ “ href แอตทริบิวต์ ” และตำแหน่งไฟล์ PDF ที่แน่นอนได้รับการกำหนดไว้ใน “ href ' คุณลักษณะ.
- ระหว่างแท็กเปิดและแท็กปิดคือข้อความที่จะแสดงเป็นลิงก์ การคลิกซึ่งจะนำผู้ใช้ไปยังไฟล์ PDF ที่กำหนดไว้ใน ' href ' คุณลักษณะ.
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้:
วิธีที่ 2: การใช้แท็ก
ไฟล์ PDF สามารถเชื่อมโยงไปยังเอกสาร HTML ได้โดยใช้ปุ่ม “ ” แท็กด้วย “ src แอตทริบิวต์ภายใน:
< ไอเฟรม src = 'MyDemoFile.pdf' ความกว้าง = '90%' ความสูง = '450px' >
< / ไอเฟรม >
ในคำสั่งด้านบนหรือองค์ประกอบ iframe:
- มี “ ไอเฟรม ” เปิดและปิดแท็กเพื่อสร้าง iframe ในเอาต์พุต
- แท็กเปิด iframe ประกอบด้วย “ src ” แอตทริบิวต์ที่ใช้ในการเพิ่ม URL ของแหล่งภายนอก ตำแหน่งที่แน่นอนของไฟล์ PDF ถูกกำหนดไว้ใน ' src ' คุณลักษณะ.
- หลังจาก ' src แอตทริบิวต์ ” มี “ ความกว้าง ' และ ' ความสูง แอตทริบิวต์ภายในแท็กเปิด iframe
สิ่งนี้จะแสดงอินเทอร์เฟซต่อไปนี้ในเอาต์พุต:
สรุปวิธีการเชื่อมโยงหรือฝังไฟล์ PDF ลงในเอกสาร HTML สองวิธีที่แตกต่างกัน
บทสรุป
ไฟล์ PDF สามารถเชื่อมโยงหรือเพิ่มไปยังเอกสาร HTML ได้โดยใช้ปุ่ม “ องค์ประกอบ ” (สมอ) เช่นเดียวกับ “ ' องค์ประกอบ. ใช้ ' สมอ ” องค์ประกอบต้องการเพิ่ม “ href แอตทริบิวต์ ” ในแท็กเปิดสมอและกำหนดตำแหน่งไฟล์ PDF ในนั้น ในทางกลับกัน การใช้ “ ไอเฟรม ” องค์ประกอบต้องการเพิ่ม “ src แอตทริบิวต์ ” และกำหนดตำแหน่งไฟล์ PDF ภายในนั้น