<!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>
新闻热点
疑难解答