H5学习之旅-H5列表（8）
程序员文章站
2022-03-31 22:22:28
...
列表的基本语法
ol：有序列表
ul：无序列表
li：列表项
dl：列表
dt：列表项
dd：列表描述
常用列表
1.无序列表：使用标签 ul，li 属性：disc（默认实心圆） circle （空心圆）square （方块）
2.有序列表：使用标签ol，li 属性：A（大写字母） a （小写字母）l （大写罗马数字）i （小写罗马数字）start （设置开始阿拉伯数字）
3.混合列表 : 使用标签 ul ol li
4.自定义列表 ： 使用标签 dl dt dd
！！！！！！代码实例
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5表格</title></head><body>
<ul type="square">
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
</ul>
<ol type="I">
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
</ol>
<ul type="square">
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
</ul>
<dl>
<dt>hello world</dt>
<dd>can you feel me</dd>
<dt>hello world</dt>
<dd>can you feel me</dd>
<dt>hello world</dt>
<dd>can you feel me</dd>
</dl></body></html>
效果图
列表的基本语法
ol：有序列表
ul：无序列表
li：列表项
dl：列表
dt：列表项
dd：列表描述
常用列表
1.无序列表：使用标签 ul，li 属性：disc（默认实心圆） circle （空心圆）square （方块）
2.有序列表：使用标签ol，li 属性：A（大写字母） a （小写字母）l （大写罗马数字）i （小写罗马数字）start （设置开始阿拉伯数字）
3.混合列表 : 使用标签 ul ol li
4.自定义列表 ： 使用标签 dl dt dd
！！！！！！代码实例
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5表格</title></head><body>
<ul type="square">
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
</ul>
<ol type="I">
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
</ol>
<ul type="square">
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
<li>香蕉</li>
<ol>
<li>水谷</li>
<li>水谷</li>
</ol>
</ul>
<dl>
<dt>hello world</dt>
<dd>can you feel me</dd>
<dt>hello world</dt>
<dd>can you feel me</dd>
<dt>hello world</dt>
<dd>can you feel me</dd>
</dl></body></html>
效果图
以上就是H5学习之旅-H5列表（8）的内容，更多相关内容请关注PHP中文网（www.php.cn）！