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