HTML列表

<ol>有序列表

<ul>无序列表

<li>列表项

---------------------

<dl>列表

<dt>列表项

<dd>描述

1.无序列表

使用标签:<ul><li>

属性:disc、circle、square

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>(默认方式--disc)实体的圆</title></head><body><ultype="disc"><li>ios</li><li>android</li><li>html5</li><li>swift</li></ul></body></html>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>(circle)空心圆</title></head><body><ultype="circle"><li>ios</li><li>android</li><li>html5</li><li>swift</li></ul></body></html>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>(square)实体方块</title></head><body><ultype="square"><li>ios</li><li>android</li><li>html5</li><li>swift</li></ul></body></html>

2.有序列表

使用标签:<ol><li>

属性:A、a、I、i、start

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>(A)大写字母ABC……</title></head><body><oltype="A"><li>ios</li><li>android</li><li>html5</li><li>swift</li></ol></body></html>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>(a)小写字母abc……</title></head><body><oltype="a"><li>ios</li><li>android</li><li>html5</li><li>swift</li></ol></body></html>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>(I)IIIIII……</title></head><body><oltype="I"><li>ios</li><li>android</li><li>html5</li><li>swift</li></ol></body></html>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>(i)iiiiii……</title></head><body><oltype="i"><li>ios</li><li>android</li><li>html5</li><li>swift</li></ol></body></html>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>(属性改为start,从10开始)101112……</title></head><body><olstart="10"><li>ios</li><li>android</li><li>html5</li><li>swift</li></ol></body></html>

3.嵌套列表

使用标签:<ul><ol><li>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>无序的嵌套列表</title></head><body><ul><li>宠物</li><ul><li>猫</li><li>狗</li></ul><li>人类</li><ul><li>英国人</li><li>中国人</li></ul><li>植物</li><ul><li>吊兰</li><li>牡丹</li></ul></ul></body></html>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>有序的嵌套列表</title></head><body><ol><li>宠物</li><ol><li>猫</li><li>狗</li></ol><li>人类</li><ol><li>英国人</li><li>中国人</li></ol><li>植物</li><ol><li>吊兰</li><li>牡丹</li></ol></ol></body></html>

4.自定义列表

使用标签:<dl><dt><dd>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>自定义列表</title></head><body><dl><dt>HelloWorld</dt><dd>aaa</dd><dt>HelloWorld</dt><dd>aaa</dd><dt>HelloWorld</dt><dd>aaa</dd></dl></body></html>