html之figure元素和figcaption元素为图片声明标题
生活随笔
收集整理的這篇文章主要介紹了
html之figure元素和figcaption元素为图片声明标题
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
figure和figcaption元素結(jié)合來為圖片、視頻、表格或者嵌入元素聲明標(biāo)題。以前使用如下方式為圖片添加標(biāo)題：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標(biāo)題文檔</title> </head> <figure> <img src="file:///C|/Users/hasee/Pictures/12.jpg" title="daydayup" alt="dreamzuora logo" width="50%" height="50%" > <p>title：This is the picture of my blog</p> </figure> <body> </body> </html>當(dāng)然可以用css樣式來呈現(xiàn)它
css寫到一半放棄了，現(xiàn)在還沒學(xué)會(huì)。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> figure{display:block;margin:0 auto;padding:。。。</style> <title>無標(biāo)題文檔</title> </head> <body> </body> </html>總結(jié)
以上是生活随笔為你收集整理的html之figure元素和figcaption元素为图片声明标题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 神经网络算法实现
- 下一篇： c# MEF框架（一 MEF简介及简单的