- 1PS提示：因为图层已锁定，无法编辑图层的处理方法
- 2picacg苹果版怎么找不到|picacg ios版是不是下架了介绍
- 3Adobe Illustrator CS5 序列号大全
- 4ACDsee注册码免费分享（含ACDsee18、ACDsee10等版本）
- 5PDF浏览器能看3D文件吗？PDF浏览器看3D文件图文详细教程
- 6Potato(土豆聊天)怎么换头像|Potato app更改头像方法介绍
- 7Potato(马铃薯聊天)怎么注册不了|Potato不能注册处理方法介绍
- 8最新的Adobe Illustrator CS4序列号大全
- 9Intel i7-9700K性能跑分曝光：同代提升约12%
- 10qq邮件是否已读怎么看 QQ邮箱已经发出去的邮件怎么知道对方是否已经查看
- 11XP系统怎么清除缓存？
- 12AMD推土机架构回顾：虽陨落却是Zen成功的垫脚石
[摘要]本篇文章就给大家带来HTML学习之html列表介绍，通过简单的代码示例来介绍。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。一，效果图。二，代码。<!DOCTYPE html><html><head> <meta charset=&...
本篇文章就给大家带来HTML学习之html列表介绍，通过简单的代码示例来介绍。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。一，效果图。
二，代码。
<!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 style="list-style-type:disc">
<li>Apples</li>
<li>bananas</li>
<li>lemons</li>
<li>orange</li>
</ul>
<h4>circle bullets list:</h4>
<ul style="list-style-type:circle">
<li>Apples</li>
<li>bananas</li>
<li>lemons</li>
<li>orange</li>
</ul>
<h4>square bullets list:</h4>
<ul style="list-style-type:square">
<li>Apples</li>
<li>bananas</li>
<li>lemons</li>
<li>orange</li>
</ul>
<!--嵌套列表-->
<h4>A list inside a list:</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<ul>
<li>black tea</li>
<li>green tea</li>
</ul>
<li>Mike</li>
</ul>
<!--嵌套列表2-->
<h4>lists inside a list</h4>
<ul>
<li>coffee</li>
<li>tea
<ul>
<li>black tea</li>
<li>green tea
<ul>
<li>china</li>
<li>africa</li>
</ul>
</li>
</ul>
</li>
<li>mick</li>
</ul>
<!--自定义列表-->
<h4>A definition List</h4>
<dl>
<dt>coffee</dt>
<dd>-black hot drink</dd>
<dt>mike</dt>
<dd>-white cold drink</dd>
</body>
</html>参考资料：《菜鸟教程》
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问 HTML视频教程，Html5视频教程，bootstrap视频教程！
以上就是HTML学习之html列表介绍（代码实例）的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
推荐资讯 总人气榜
最新教程 本月人气
- 1《楚乔传》不提也罢弹幕是什么意思?不提也罢弹幕是什么梗?
- 2暴风影音传片助手是什么?暴风影音传片助手如何使用?_暴风影音_下载之家
- 3最新3组腾讯视频vip账号共享(2017.6.14)
- 4爱剪辑音频声音如何调节？
- 5爱剪辑如何循环音乐？爱剪辑循环音乐图文说明教程
- 6爱剪辑备份视频太慢如何办？
- 7泰剧爱妻百度云全集
- 8免费8组爱奇艺会员账号密码分享（2017.6.9）
- 9爱剪辑视频保存在什么地方？爱剪辑视频保存位置说明
- 10爱剪辑无法备份视频如何办？
- 11xlplayer mac在什么地方一个位置 xlplayer mac如何删除
- 12最新4组腾讯视频vip账号共享(2017.6.5)
- 1支付宝不能交水电费了吗 支付宝为什么不能交水电费了
- 2人人车怎么收费 人人车收费规范
- 3华为pay与微信支付哪一个好 微信支付与huawei pay比较区别
- 4平板电脑wifi无线网络设置图文说明教程【图文详细说明】
- 5百度专车怎么收费 百度专车收费规范介绍
- 6微信怎么投诉微商卖家 微信怎么投诉才能让对方封号
- 7ios9 bug隐藏无用应用方法
- 8猎豹浏览器抢票不受12306新版验证码影响
- 93星版iphone6s与台积电版iphone6s续航哪一个好
- 10宁夏银行手机银行怎么开通 宁夏银行手机银行开通图文说明教程
- 11酷狗怎么设置伴唱并录音 酷狗伴唱设置图文说明教程
- 12中兴grand x max+怎么？中兴grand x max+设置评测
相关文章
- HTML是什么？HTML页面的容易设计方法说明
- 现在学习前端有前途吗？前端工资待遇如何
- 前端好学吗？零基础html多久能学会？
- HTML中src与href的区别有哪一些？用法有何不同？
- html常用标签及属性有哪一些？新手如何使用HTML标签
- utf-8如何转gb2312？html编码转换方法说明
- 什么是HTML？一篇文章教你学会HTML
- 网站兼容性如何处理？兼容性处理的3种方式
- html中div br p3者有什么区别？
- div id class如何使用？div id class3者区别详细说明
- html中长度如何表示？html中几种经常见长度表示方法
- 当 position:sticky 遇到 bootstrap 浮动布局时候的踩坑记录
