打开APP
userphoto
未登录

开通VIP，畅享免费电子书等14项超值服

开通VIP

首页

好书

留言交流

下载APP

联系客服
html有序列表和无序列表
userphoto 关注

编写有序列表，代码如下：

  1. <html>  
  2. <h2>数字显示</h2>  
  3. <ol>  
  4. <li>第一天</li>  
  5. <li>第二天</li>  
  6. <li>第三天</li>  
  7. <li>第四天</li>  
  8. </ol>  
  9.   
  10. <h2>字母显示</h2>  
  11. <ol type="a">  
  12. <li>第一天</li>  
  13. <li>第二天</li>  
  14. <li>第三天</li>  
  15. <li>第四天</li>  
  16. </ol>  
  17.   
  18. <h2>小写罗马数字显示</h2>  
  19. <ol type="i">  
  20. <li>第一天</li>  
  21. <li>第二天</li>  
  22. <li>第三天</li>  
  23. <li>第四天</li>  
  24. </ol>  
  25.   
  26. <h2>大写罗马数字显示</h2>  
  27. <ol type="I">  
  28. <li>第一天</li>  
  29. <li>第二天</li>  
  30. <li>第三天</li>  
  31. <li>第四天</li>  
  32. </ol>  
  33.   
  34. <h2>数字显示,自己确定开始数字</h2>  
  35. <ol start="5">  
  36. <li>第一天</li>  
  37. <li>第二天</li>  
  38. <li>第三天</li>  
  39. <li>第四天</li>  
  40. </ol>  
  41. <html>  


 

显示效果为：

无序列表的代码如下：

  1. <html>  
  2. ********默认为实心圆*********  
  3. <ul>  
  4. <li>第一天</li>  
  5. <li>第二天</li>  
  6. <li>第三天</li>  
  7. <li>第四天</li>  
  8. </ul>  
  9.   
  10. ********空心圆显示*********  
  11. <ul type="circle">  
  12. <li>第一天</li>  
  13. <li>第二天</li>  
  14. <li>第三天</li>  
  15. <li>第四天</li>  
  16. </ul>  
  17.   
  18. ********实心矩形显示*********  
  19. <ul type="square">  
  20. <li>第一天</li>  
  21. <li>第二天</li>  
  22. <li>第三天</li>  
  23. <li>第四天</li>  
  24. </ul>  
  25. </html>  


 

显示效果为：

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。
打开APP，阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序，算一算2024你的财运
html中ul，ol和li的区别
笔记 HTML 语言 Sample1
HTML代码，常用的标签
HTML网页制作教程第五章：建立列表 - HTML教程 - 网站制作教程网
html语言剖析（四）清单标记
盘点HTML中常见的ul ol 列表和常见的列表标记图标
更多类似文章 >>
生活服务
热点新闻
留言交流
回顶部
联系我们
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权！
如果VIP功能使用有故障，
可点击这里联系客服！

联系客服