代码拉取完成,页面将自动刷新
使用 <figure> 元素标记文档中的照片,并使用 <figcaption> 元素定义照片的标题:
<figure>
<img src="../assets/editors-006.png" alt="Trulli" height="120">
<figcaption>图.1 - 第一个HTML页面</figcaption>
</figure>
<figure>
标签指定了独立的内容,如插图、图表、照片、代码列表等。
<figure>
元素的内容与主流程相关,但它的位置与主流程无关,如果移除它不应该影响文档的流程。
提示: <figcaption> 元素用于为 <figure>
元素添加标题。
表中的数字指定了完全支持该元素的第一个浏览器版本。
Element | |||||
---|---|---|---|---|---|
<figure> | 8.0 | 9.0 | 4.0 | 5.1 | 11.0 |
<figure>
标签支持 HTML 中的全局属性。
<figure>
标签支持 HTML 中的事件属性。
使用 CSS 设置 <figure> 和 <figcaption> 的样式:
<html>
<head>
<style>
figure { border: 1px #cccccc solid; padding: 4px; margin: auto; }
figcaption {
background-color: black;
color: white;
font-style: italic;
padding: 2px;
text-align: center;
}
</style>
</head>
<body>
<figure>
<img src="../assets/editors-006.png" alt="Trulli" height="230">
<figcaption>图.1 - 第一个HTML页面</figcaption>
</figure>
</body>
</html>
大多数浏览器将显示具有以下默认值的 <figure>
元素:
figure {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。