在頁(yè)面中嵌入PDF文件

在上一篇《在html頁(yè)面中嵌入其他頁(yè)面的方法——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作》(結(jié)尾見目錄)中我們學(xué)習(xí)了如何在頁(yè)面中嵌入其他頁(yè)面的操作。今天我們來(lái)嵌入一個(gè)pdf文件。

其實(shí)使用

示例代碼如下：

頁(yè)面效果如下：

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

除此之外再給大家介紹兩個(gè)新標(biāo)簽。

一個(gè)是標(biāo)簽，一個(gè)是標(biāo)簽。

標(biāo)簽和標(biāo)簽類似，沒有結(jié)尾標(biāo)簽，修改src屬性即可顯示pdf文件。

標(biāo)簽與

設(shè)置長(zhǎng)寬的操作都一樣，示例代碼如下：

頁(yè)面效果如下：

實(shí)際上，和也可以顯示頁(yè)面，示例代碼如下：

頁(yè)面顯示效果如下：

除了頁(yè)面和pdf文件外，這三個(gè)標(biāo)簽均可以嵌入圖片，示例代碼如下：

頁(yè)面效果如下：

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

說(shuō)到和這兩個(gè)標(biāo)簽，在功能上和

標(biāo)簽可以在頁(yè)面中嵌入.swf文件，不過(guò)這個(gè)類型的文件目前在手機(jī)上已經(jīng)很少用到了，電腦上也不是很常見。

object 的初衷是取代 img 和 applet 元素。不過(guò)由于漏洞以及缺乏瀏覽器支持，這一點(diǎn)并未實(shí)現(xiàn)。

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

在筆者的產(chǎn)業(yè)實(shí)踐過(guò)程中也很少用到這兩個(gè)標(biāo)簽，這里也就作為一個(gè)擴(kuò)充知識(shí)介紹給大家吧。

實(shí)際上我本人對(duì)這兩個(gè)標(biāo)簽和

如果有小伙伴對(duì)和的歷史和特性有了解的話，請(qǐng)?jiān)诹粞詤^(qū)賜教！在下不勝感激！

喜歡的小伙伴請(qǐng)關(guān)注和轉(zhuǎn)發(fā)，閱讀中遇到任何問題請(qǐng)給我留言，如有疏漏或錯(cuò)誤歡迎大家斧正，不勝感激！

HTML完整學(xué)習(xí)目錄

HTML序章(學(xué)習(xí)目的、對(duì)象、基本概念)——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

HTML是什么？——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

第一個(gè)HTML頁(yè)面如何寫？——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

HTML頁(yè)面中head標(biāo)簽有啥用？——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

初識(shí)meta標(biāo)簽與SEO——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

HTML中的元素使用方法1——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

HTML中的元素使用方法2——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

HTML元素中的屬性1——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

HTML元素中的屬性2(路徑詳解)——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

使用HTML添加表格1(基本元素)——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

使用HTML添加表格2(表格頭部與腳部)——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

使用HTML添加表格3(間距與顏色)——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

使用HTML添加表格4(行顏色與表格嵌套)——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

16進(jìn)制顏色表示與RGB色彩模型——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

HTML中的塊級(jí)元素與內(nèi)聯(lián)元素——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

初識(shí)HTML中的

塊元素——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

在HTML頁(yè)面中嵌入其他頁(yè)面的方法——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

封閉在家學(xué)網(wǎng)頁(yè)制作！為頁(yè)面嵌入PDF文件——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

HTML表單元素初識(shí)1——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

HTML表單元素初識(shí)2——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

HTML表單3(下拉列表、多行文字輸入)——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

HTML表單4(form的action、method屬性)——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

HTML列表制作講解——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

為HTML頁(yè)面添加視頻、音頻的方法——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

音視頻格式轉(zhuǎn)換神器與html視頻元素加字幕——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

HTML中使用標(biāo)簽實(shí)現(xiàn)文本內(nèi)鏈接——零基礎(chǔ)自學(xué)網(wǎng)頁(yè)制作

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。