html li列表
来源:互联网 发布:淘宝上怎么看购买旺旺 编辑:程序博客网 时间:2024/06/08 08:20
html中li表示列表标签
html中有有序列表(ol),无序列表(ul)和自定义列表(dl)。
无序列表:
<ul> <li item="1">item 1</li> <li item="2">item 2</li> <li item="3">item 3</li></ul>
效果如下:
有序列表:
<ol> <li item="1">item 1</li> <li item="2">item 2</li> <li item="3">item 3</li></ol>
自定义列表:
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl> <dt>小米</dt> <dd>小米手机就是便宜</dd> <dt>华为</dt> <dd>华为手机高端销量</dd></dl>
效果如下:
1、无序列表和有序列表都可以设置不同的type。
无序列表:type="值" 可以是disc(为默认值 是一个实心圆点),circle(是一个空心圆),square(是一个实心正方形)等等。
有序列表:type="值" 可以是数字排序1,字母大写A,小写a,罗马字母大写I,小写i等等。
2、列表也可嵌套列表
<ol type="A"> <li item="1"> <ol type="I"> <li>item 11</li> <li>item 12</li> <li>item 13</li> </ol> </li> <li item="2">item 2</li> <li item="3">item 3</li></ol>
上述外层是以大写字母A开始排序,第一条数据又是一个列表,以大写罗马字母I开始排序。
阅读全文
0 0
- HTML 列表<li>
- html li列表
- html标签ul li 的列表图片
- JS组装 HTML片段 列表 ul li
- HTML学习---------1.15 列表标签ul-li
- 动态生成html的<ul><li>列表项的算法
- 怎么设在html中无序列表<li>之间的距离
- HTML学习---------1.16 有序列表标签ol-li
- ul li列表排序
- 动态拼接LI列表
- day3_列表li
- li列表无缝滚动
- HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
- HTML 标记ol li
- Html 自定义li 图标
- HTML的<li>标签
- Html-3.<li> 标签
- ul li 新闻列表样式
- 通过经纬度获取地理位置信息
- 通过修改注册表,以延长软件Beyond Compare的试用期
- 有没有人知道安卓呼起视频通话的方法
- 2.3线性表的链式表示和实现(1)未弄完待更改
- visual c++ 2015 使用ado.net例程, 向数据库表插入一行并查询行数。
- html li列表
- Fiddler抓包7-post请求(json)
- 第十周项目一__验证算法(2)
- Hibernate与 MyBatis的比较
- android 打包资料
- C++通过TinyXml解析xml文档
- Android Studio 无法通过usb识别手机
- java中Map集合的常用遍历方法及HashMap的应用实例
- macbook pro安装mysql server