HTML5列表
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>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。