一，效果圖。

二，代碼。

 !DOCTYPE html html head meta charset= utf-8 title html 列表 /title /head body !--無序列表-- h4 An Unordered list /h4 ul li Cofferr /li li tea /li li Mide /li /ul !--有序列表-- ol start= 50 li Cooffee /li li Tea /li li Mike /li /ol !--自定義列表-- dl dt Coffer /dt dd --black hot drink /dd dt mike /dt dd --white cold drink /dd /dl !--不同類型的有序列表-- h4 Numbered list: /h4 ol li apples /li li bananas /li li lemons /li li orange /li /ol h4 letters list: /h4 ol type= A li apples /li li bananas /li li lemons /li li orange /li /ol  h4 Lowercase letters list: /h4  ol type= a  li apples /li  li bananas /li  li lemons /li  li orange /li  /ol  h4 Roman numbers list: /h4  ol type= I  li apples /li  li bananas /li  li lemons /li  li orange /li  /ol  h4 lowercase Roman numbers list: /h4  ol type= i  li apples /li  li bananas /li  li lemons /li  li orange /li  /ol  !--不同類型的無序列表--  p b Note: /b The type attribute of the ul tag is deprecated in HTML 4, and is not supported in HTML5. Therefore we have used the style attribute and the CSS list-style-type property, to define different types of unordered lists below: /p  h4 disc bullets list: /h4  ul >
參考資料：《菜鳥教程》
總結(jié)：以上就是本篇文的全部內(nèi)容，希望能對大家的學(xué)習(xí)有所幫助。更多相關(guān)教程請訪問 HTML視頻教程，Html5視頻教程，bootstrap視頻教程！
以上就是HTML學(xué)習(xí)之html列表介紹（代碼實例）的詳細(xì)內(nèi)容，html教程        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。