无序列表

属性名 示列 说明
type disc
circle
square		 实心圆点
空心圆点
实心方块		 
  2. <ul type="disc">
  3.   <li>海贼王</li>
  4.   <li>火影忍者</li>
  5. </ul>
  6. <ul type="circle">
  7.   <li>海贼王</li>
  8.   <li>火影忍者</li>
  9. </ul>
  10. <ul type="square">
  11.   <li>海贼王</li>
  12.   <li>火影忍者</li>
  13. </ul>

image.png

有序列表

属性名 示列 说明
type A
a
I
i
0		 ABCD
abcd
I II III IV
i ii iii iv
1 2 3 4		 
  1. <ol type="A">
  2.   <li>海贼王</li>
  3.   <li>火影忍者</li>
  4. </ol>
  5. <ol type="a">
  6.   <li>海贼王</li>
  7.   <li>火影忍者</li>
  8. </ol>
  9. <ol type="I">
  10.   <li>海贼王</li>
  11.   <li>火影忍者</li>
  12. </ol>
  13. <ol type="i">
  14.   <li>海贼王</li>
  15.   <li>火影忍者</li>
  16. </ol>
  17. <ol type="0">
  18.   <li>海贼王</li>
  19.   <li>火影忍者</li>
  20. </ol>

image.png

定义列表

属性名 示列 说明
type disc
circle
square		 实心圆点
空心圆点
实心方块		 
  1. <dl>
  2.   <dt>漫画</dt>
  3.   <dd>海贼王</dd>
  4.   <dt>电影</dt>
  5.   <dd>神话</dd>
  6. </dl>

image.png

无序列表嵌套

  1.   <ul type="disc" >
  2.     <li>海贼王</li>
  3.     <li>火影忍者</li>
  4.     <li>漫画
  5.       <ul type="circle">
  6.         <li>海贼王</li>
  7.         <li>火影忍者</li>
  8.       </ul>
  9.     </li>
  10.   </ul>

image.png

有序列表的嵌套

  1.   <ol type="A">
  2.     <li>海贼王</li>
  3.     <li>火影忍者</li>
  4.     <li>
  5.       <ol type="0">
  6.         <li>海贼王</li>
  7.         <li>火影忍者</li>
  8.       </ol>
  9.     </li>
  10.   </ol>

image.png