在頁面中嵌入PDF文件

在上一篇《在html頁面中嵌入其他頁面的方法——零基礎自學網頁制作》(結尾見目錄)中我們學習了如何在頁面中嵌入其他頁面的操作。今天我們來嵌入一個pdf文件。

其實使用

示例代碼如下：

頁面效果如下：

考慮到pdf的版權問題就不給大家上傳云盤了，大家可以找其他pdf文件代替即可。如果您對這本書感興趣可以關注并私信我。

除此之外再給大家介紹兩個新標簽。

一個是標簽，一個是標簽。

標簽和標簽類似，沒有結尾標簽，修改src屬性即可顯示pdf文件。

標簽與

設置長寬的操作都一樣，示例代碼如下：

頁面效果如下：

實際上，和也可以顯示頁面，示例代碼如下：

頁面顯示效果如下：

除了頁面和pdf文件外，這三個標簽均可以嵌入圖片，示例代碼如下：

頁面效果如下：

觀察一下還是挺有趣的，除了iframe外，其他兩個標簽的圖片長寬均繼承了它們自身的長寬比例。這里只是為了給大家做測試，顯示圖片的話還是盡量使用標簽。

說到和這兩個標簽，在功能上和

標簽可以在頁面中嵌入.swf文件，不過這個類型的文件目前在手機上已經很少用到了，電腦上也不是很常見。

object 的初衷是取代 img 和 applet 元素。不過由于漏洞以及缺乏瀏覽器支持，這一點并未實現。

因此相比較而言，兩個標簽作用不是很大，大部分功能也被其他標簽取代。

在筆者的產業實踐過程中也很少用到這兩個標簽，這里也就作為一個擴充知識介紹給大家吧。

實際上我本人對這兩個標簽和

如果有小伙伴對和的歷史和特性有了解的話，請在留言區賜教！在下不勝感激！

喜歡的小伙伴請關注和轉發，閱讀中遇到任何問題請給我留言，如有疏漏或錯誤歡迎大家斧正，不勝感激！

HTML完整學習目錄

HTML序章(學習目的、對象、基本概念)——零基礎自學網頁制作

HTML是什么？——零基礎自學網頁制作

第一個HTML頁面如何寫？——零基礎自學網頁制作

HTML頁面中head標簽有啥用？——零基礎自學網頁制作

初識meta標簽與SEO——零基礎自學網頁制作

HTML中的元素使用方法1——零基礎自學網頁制作

HTML中的元素使用方法2——零基礎自學網頁制作

HTML元素中的屬性1——零基礎自學網頁制作

HTML元素中的屬性2(路徑詳解)——零基礎自學網頁制作

使用HTML添加表格1(基本元素)——零基礎自學網頁制作

使用HTML添加表格2(表格頭部與腳部)——零基礎自學網頁制作

使用HTML添加表格3(間距與顏色)——零基礎自學網頁制作

使用HTML添加表格4(行顏色與表格嵌套)——零基礎自學網頁制作

16進制顏色表示與RGB色彩模型——零基礎自學網頁制作

HTML中的塊級元素與內聯元素——零基礎自學網頁制作

初識HTML中的

塊元素——零基礎自學網頁制作

在HTML頁面中嵌入其他頁面的方法——零基礎自學網頁制作

封閉在家學網頁制作！為頁面嵌入PDF文件——零基礎自學網頁制作

HTML表單元素初識1——零基礎自學網頁制作

HTML表單元素初識2——零基礎自學網頁制作

HTML表單3(下拉列表、多行文字輸入)——零基礎自學網頁制作

HTML表單4(form的action、method屬性)——零基礎自學網頁制作

HTML列表制作講解——零基礎自學網頁制作

為HTML頁面添加視頻、音頻的方法——零基礎自學網頁制作

音視頻格式轉換神器與html視頻元素加字幕——零基礎自學網頁制作

HTML中使用標簽實現文本內鏈接——零基礎自學網頁制作

總結

以上是生活随笔為你收集整理的iframe嵌入页面白屏_封闭在家学网页制作！为页面嵌入PDF文件——零基础自学网页制作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。