一,效果图。
二,代码。
!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 >参考资料:《菜鸟教程》
总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。更多相关教程请访问 HTML视频教程,Html5视频教程,bootstrap视频教程!
以上就是HTML学习之html列表介绍(代码实例)的详细内容,html教程
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。
新闻热点
疑难解答