天天看點

《HTML5 開發執行個體大全》——1.23 在網頁中顯示一幅圖檔

本節書摘來自異步社群《html5 開發執行個體大全》一書中的第1章,第1.23節,作者: 張明星 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

《HTML5 開發執行個體大全》——1.23 在網頁中顯示一幅圖檔

執行個體說明

在html 5頁面中,除了顯示文檔或字元外,還經常需要放入一些其他元素,例如圖檔< img >、頁面< iframe >和多媒體< object >等。這些元素對于整個dom文檔來說,屬于嵌入内容。其中< img >元素的功能是在頁面中導入一幅圖像,它是頁面開發中使用較為頻繁的一個元素。在html 5中,該元素的"border”、“align”、“hspace”、“vspace”屬性不再被支援,這些功能需要通過css樣式來實作。

在 html 4.01 中,不贊成使用以下布局屬性:align, border, hspace、vspace。在 html5 中不支援這些屬性。< img >元素的主要屬性如表1-11所示。

《HTML5 開發執行個體大全》——1.23 在網頁中顯示一幅圖檔

本執行個體的功能是,使用< img >元素在網頁中顯示一幅圖檔,本執行個體的圖檔素材是123.jpg。

具體實作

使用dreamweaver建立一個名為“023.html”的檔案,具體代碼如下所示:

執行效果如圖1-42所示。

《HTML5 開發執行個體大全》——1.23 在網頁中顯示一幅圖檔

繼續閱讀