HTML標(biāo)簽之框架、圖像標(biāo)簽

2024-04-27 15:06:31

字體：大中小

供稿：網(wǎng)友

框架標(biāo)簽：

<iframe>標(biāo)簽：

<iframe>標(biāo)簽定義一個內(nèi)嵌框架，一個內(nèi)嵌框架被用來在當(dāng)前HTML頁面中嵌入另一個文檔。常用屬性：height:規(guī)定框架的高度。width:規(guī)定框架的寬度。src：規(guī)定的框架中顯示的文檔URL。name：規(guī)定框架的名字。

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>iframe框架標(biāo)簽</title> <style>	iframe {	  width: 400px;	  height: 200px;	}	</style></head><body><iframe src="http://www.baidu.com">  <p>您的瀏覽器不支持  iframe 標(biāo)簽。</p></iframe><p>  把需要的文本放入 iframe 之間，可以以對不支持 <iframe>標(biāo)簽的瀏覽器。</p></body></html>圖像標(biāo)簽：
<img>標(biāo)簽
<img>定義HTML頁面中的圖像。注：從技術(shù)上講，圖像不會插入到HTML頁面中，而是鏈接到HTML頁面中，<img>的作用是為圖像在頁面中創(chuàng)建一個點位符。通常在<a>標(biāo)簽中添加一個<img>，為另一個頁面創(chuàng)建一個圖像鏈接。常用屬性：alt:  有時由于網(wǎng)絡(luò)或圖像URL不正確等原因，圖像不能正顯示，而規(guī)定圖像的替換文本可以有效的代替圖像。height:  規(guī)定圖像的高度。width:  規(guī)定圖像的寬度。src:  規(guī)定圖像的URL。<!DOCTYPE html><html>  <head>     <meta charset="utf-8">   <title>img標(biāo)簽</title>   </head>  <body>    <img src="smiley-2.gif" alt="Smiley face" width="42" height="42">  </body></html><map>標(biāo)簽
<map>標(biāo)簽定義圖像的映射。<area>標(biāo)簽
<area>標(biāo)簽定義地圖內(nèi)部的區(qū)域。<canvas>標(biāo)簽
<canvas>標(biāo)簽定義一個畫布。<figure>標(biāo)簽
<figure>標(biāo)簽規(guī)定獨(dú)立的流內(nèi)容（圖像、圖片、代碼、照片等）。注：<figure>中的內(nèi)容與主內(nèi)容相關(guān)，位置相對于主內(nèi)容是獨(dú)立的，若刪除不會對文檔流產(chǎn)生影響。<figcaption>標(biāo)簽
<figcaption>標(biāo)簽為<figure>元素定義標(biāo)題。<figcaption>元素應(yīng)該放于<figure>元素的第一或最后一個子元素的位置。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>figure figcaption標(biāo)簽</title> </head><body><p>主內(nèi)容</p><figure>  <img src="1.jpg" alt="替換文本" width="304" height="228">  <figcaption>標(biāo)題</figcaption></figure></body></html>