有序列表:ol ,无序列表:ul

素颜马尾好姑娘i 2021-09-18 14:44 590阅读 0赞

qq:581478349

20190325172437532.png

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <div>有序列表:</div>
  5. <div>type="a" 序号方式</div>
  6. <!--type="a" 序号方式-->
  7. <ol type="1">
  8. <li>数字排序</li>
  9. <li>222</li>
  10. <li>333</li>
  11. </ol>
  12. <ol type="a">
  13. <li>字母排序</li>
  14. <li>222</li>
  15. <li>333</li>
  16. </ol>
  17. <ol type="i">
  18. <li>阿拉伯数字</li>
  19. <li>222</li>
  20. <li>333</li>
  21. </ol>
  22. <div>start="3" 从第几个开始</div>
  23. <!--start="3" 从第几个开始-->
  24. <ol type="1" start="3">
  25. <li>111</li>
  26. <li>222</li>
  27. <li>333</li>
  28. </ol>
  29. <div> 无序列表:</div>
  30. <div>type="disc" 实心圆</div>
  31. <!--type="disc" 实心圆-->
  32. <ul type="disc">
  33. <li>111</li>
  34. <li>222</li> s
  35. <li>333</li>
  36. </ul>
  37. <div>type="square" 方块 </div>
  38. <!--type="square" 方块 -->
  39. <ul type="square">
  40. <li>111</li>
  41. <li>222</li>
  42. <li>333</li>
  43. </ul>
  44. <div>type="circle" 空心圆</div>
  45. <!--type="circl" 空心圆-->
  46. <ul type="circle">
  47. <li>111</li>
  48. <li>222</li>
  49. <li>333</li>
  50. </ul>
  51. </body>
  52. </html>

承接web开发V:20190220203507663.png20190220203509928.png

发表评论

表情:
评论列表 (有 0 条评论,590人围观)

还没有评论,来说两句吧...

相关阅读

    相关 HTML <ul> 无序列表

    ul的英文全称是unordered list,翻译成汉语就是无序列表的意思。 顾名思义,通过`< ul>`元素可以创建无法标记顺序的列表(也就是无序列表)。 所谓无序...

    相关 HTML <ol> 有序列表

    HTML `< ol>` 有序列表 ol的英文全称是ordered lists,翻译成汉语就是有序列表的意思。 顾名思义,使用`< ol>`标签可以创建有序列表,列表...