H5学习之旅-H5列表（8）

最新推荐文章于 2024-03-05 21:39:00 发布

weixin_30653023

最新推荐文章于 2024-03-05 21:39:00 发布

阅读量59

点赞数

原文链接：http://www.cnblogs.com/fengsehng/p/6048550.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>

效果图

这里写图片描述

转载于:https://www.cnblogs.com/fengsehng/p/6048550.html

weixin_30653023

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5学习之旅-H5列表（8）

列表的基本语法ol：有序列表ul：无序列表li：列表项dl：列表dt：列表项dd：列表描述常用列表1.无序列表：使用标签 ul，li 属性：disc（默认实心圆） circle （空心圆）square （方块）2.有序列表：使用标签ol，li 属性：A（大写字母） a （小写字母）l （大写罗马数字）i （小写罗马数字）start （设置开始...
复制链接

扫一扫