HTML5基础09----HTML5列表的使用

来源：互联网发布：阿里云文件上传demo 编辑：程序博客网时间：2024/06/08 05:39
<!DOCTYPE html><!--HTML5列表的使用--><html><head lang="zh">    <meta charset="UTF-8">    <title>这是一个列表</title></head><body><!--无序列表 disc实体圆，默认效果--><ul type="disc">    <li>苹果</li>    <li>苹果</li>    <li>苹果</li></ul><!--无序列表 空心圆--><ul type="circle">    <li>苹果</li>    <li>苹果</li>    <li>苹果</li></ul><!--无序列表 方块--><ul type="square">    <li>苹果</li>    <li>苹果</li>    <li>苹果</li></ul><!--有序列表1表示123...显示默认--><ol type="1">    <li>苹果</li>    <li>香蕉</li>    <li>苹果</li></ol><!--有序列表start="10"表示从10开始...--><ol start="10">    <li>苹果</li>    <li>香蕉</li>    <li>苹果</li></ol><!--有序列表A表示ABC...显示--><ol type="A">    <li>苹果</li>    <li>香蕉</li>    <li>苹果</li></ol><!--有序列表a表示abc...显示--><ol type="a">    <li>苹果</li>    <li>香蕉</li>    <li>苹果</li></ol><!--有序列表i表示i,ii,iii...显示--><ol type="i">    <li>苹果</li>    <li>香蕉</li>    <li>苹果</li></ol><!--有序列表I表示I,II,III...显示--><ol type="I">    <li>苹果</li>    <li>香蕉</li>    <li>苹果</li></ol><!--无序列表的嵌套--><ul type="square">    <li>四大名著</li>    <ul>        <li>水浒传</li>        <li>红楼梦</li>        <li>西游记</li>    </ul>    <li>水果</li>    <ul>        <li>香蕉</li>        <li>橘子</li>        <li>橙子</li>    </ul>    <li>人类</li></ul><!--有序列表的嵌套--><ol type="square">    <li>四大名著</li>    <ol>        <li>水浒传</li>        <li>红楼梦</li>        <li>西游记</li>    </ol>    <li>水果</li>    <ol>        <li>香蕉</li>        <li>橘子</li>        <li>橙子</li>    </ol>    <li>人类</li></ol><!--自定义列表--><dl>    <dt>水果</dt>        <dd>水果种类多</dd>    <dt>水果</dt>        <dd>水果种类多</dd>    <dt>水果</dt>        <dd>水果种类多</dd></dl></body></html>
0 0