圖片元素

圖片元素

img元素

alt 圖片說明

map屬性(地圖)

子元素 area

左上角為原點(diǎn)
circle圓形
取點(diǎn):長寬(上左),半徑
rect矩形
取點(diǎn):左上角,右下角
poly多邊形
取點(diǎn):所有點(diǎn)

用name配合使用,usemap連接主地圖,用法和錨點(diǎn)一致

figure和元素

figcaption標(biāo)題

例子:

  <figure>
        <figcaption>
  <h1>太陽系</h1>
        </figcaption>

        
        <img usemap="#slMpo" src="./img/solar.jpg" alt="太陽系">
    </figure>
  
    <map name="slMpo">
        <area shape="circle" coords="362,202,50"  alt="木星">
        <area shape="rect" coords="762,192,846,231"  alt="">
        <area shape="poly" coords="260,370,288,325321,347,292,326"  alt="">
    </map>

掌握以上常用的就行

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容