第二章圖片標(biāo)簽與路徑三種列表vip 2

2023/9/19章節(jié)二：圖片標(biāo)簽與路徑、列表標(biāo)簽主講老師：阿飛2023/9/191.img圖片標(biāo)簽2.三種列表標(biāo)簽2023/9/19一：img圖片標(biāo)簽（一）常見圖片格式圖片格式透明性無損耗性動畫Gif√（只支持全透明）√√Jpeg/jpg×××Png√（半/全透明都支持）√×2023/9/19一：img圖片標(biāo)簽（二）圖片標(biāo)簽寫法 <imgsrc=""alt=""width=""height=""/>圖片四要素 src="" alt="" width="" height=""提示屬性 title=""2023/9/19一：img圖片標(biāo)簽（三）路徑知識（相對路徑、絕對路徑）1.相對路徑：(RelativePath) 相對于該文件的路徑；2.絕對路徑：(AbsolutePath) 從磁盤出發(fā)的路徑； 從域名出發(fā)的路徑。2023/9/19一：img圖片標(biāo)簽（四）圖片位置設(shè)置

<imgsrc=""……align=""/>align屬性--設(shè)置圖片與后面文字的位置關(guān)系，值--top、bottom、middle、absmiddle、left、right2023/9/19二：三種列表標(biāo)簽（一）1.無序列表

無序列表是一個項(xiàng)目的列表，此列項(xiàng)目使用粗體圓點(diǎn)等符號進(jìn)行標(biāo)記。 <ul> <li>茶</li> <li>果汁</li> <li>牛奶</li> </ul>

項(xiàng)目符號：type="disc"實(shí)心圓 type="circle"空心圓 type="square"方塊符2023/9/19二：三種列表標(biāo)簽（二）無序列表的嵌套<ul> <li>茶 <ul> <li>紅茶</li> <li>綠茶</li> </ul> </li> <li>果汁</li> <li>牛奶</li></ul>2023/9/19二：三種列表標(biāo)簽（三）有序列表：有序列表也是一列項(xiàng)目，列表項(xiàng)目使用數(shù)字進(jìn)行標(biāo)記。有序列表始于<ol>標(biāo)簽。每個列表項(xiàng)始于<li>標(biāo)簽。<ol> <li>第一條：……</li> <li>第二條：……</li> <li>第三條：……</li></ol>項(xiàng)目符號：type="A"ABCDtype="a"abcdtype="1"1234默認(rèn)值type="I"IIIIIItype="i"iiiiii2023/9/19二：三種列表標(biāo)簽（四）有序列表的嵌套<ol> <li>第一條 <ul> <li>紅茶</li> <li>綠茶</li> </ul> </li> <li>第二條</li> <li>第三條</li></ol>2023/9/19二：三種列表標(biāo)簽（五）自定義列表不僅僅是一列項(xiàng)目，而是項(xiàng)目及其注釋的組合。自定義列表以<dl>標(biāo)簽開始。每個自定義列表項(xiàng)以<dt>開始。每個自定義列表項(xiàng)的定義以<dd>開始。<dl><dt>計(jì)算機(jī)</dt><dd>用來計(jì)算的儀器......</dd><dt>顯示器</dt><dd>以視覺方式顯示信息的裝置......</dd></dl>2023/9/19命名兩種命名方法：id="idname"idname唯一，只能出現(xiàn)一次class="classname1classname2"classname不唯一，并可以有多個，多個之間以空格隔開。命名規(guī)則： 只能使用字母、數(shù)字、_+-等符號； 以英文字母開頭； 英文嚴(yán)格區(qū)分大小寫； 見名知義； 駝峰命名法。2023/9/19作業(yè)：

利用框架整理今天知識筆記作業(yè)提交：

地