h5中的列表
来源:互联网 发布:小米手环 知乎 编辑:程序博客网 时间:2024/03/29 21:05
有序列表:<ol> <li>..</li> </ol:
代码显示:
<ol> <li>填写信息</li> <li>收电子邮件</li> <li>注册成功</li></ol>
无序列表:<ul> <li>...</li> </ul>
代码显示:
<ul> <li>填写信息</li> <li>收电子邮件</li> <li>注册成功</li></ul>
从代码和显示结果可以看出二者的区别,ul是写项目的时候很常用的。
还有一种就是
定义列表:<dl> <dt>标题</dt> <dd>描述...</dd>:
代码显示:
<dl> <dt> <img src="../iamges/115.png"> </dt> <dd>商品名称</dd> <dd>商品价格</dd> <dd>商品简介</dd></dl><dl> <dt>烟台高校</dt> <dd>工商学院</dd> <dd>烟台大学</dd> <dd>鲁东大学</dd></dl>
跟其类似还有一种列表,不过不常见:
定义描述标签(组合标签)<figure> <img src=""alt/ <figcaption>标题 </figcaption> </figure>
代码显示:
<img src="../iamges/115.png"> <figcaption>人物头像</figcaption></figure>
分区标签<div></div>: div-ul(ol)-li 用于分类导航或菜单 div-dl-dt-dd 用于图文混编的场合 table-tr-td 用于图文布局或显示数据 form-table-tr-td 用于布局表单 行级元素:* span(文本),* img(图片),* em(强调),* strong(强烈强调),q(短引用), * a(超链接) i(倾斜),b(加粗),small(缩小字体)
<div> <ul> <li> <dl> <dt style="display:inline-block "> <img src="../iamges/4.png"> </dt> <div style="display:inline-block "> <dd>私募教父赵丹阳揭秘主盘砸盘手段,震怒整个私募界</dd> <dd>搜狐网</dd> </div> </dl> </li> </ul> <ul> <li> <dl> <dt> <img src="../iamges/5.png"> </dt> <dd>上午存款600万下午只剩600元 银行:请耐心等待答复</dd> <dd>重庆晨报 10 02</dd> </dl> </li> </ul></div><div> <dl> <dt style="display: inline-block"> <img src="images/star1.jpg" width="200px" height="200px"> </dt> <div style="display: inline-block"> <dd>拍卖Acer上网本</dd> <dd>奔腾,1G内存,200G硬盘</dd> <dd>跳楼疯抢价<span style="color: red;font-size: 60px">1</span>元</dd> </div> </dl></div>
0 0
- h5中的列表
- h5第三课 列表
- h5标签l列表简介
- H5中的canvas元素
- H5中的表单分组
- H5中的标记方法
- H5中的地图定位
- Canvas----h5中的画布
- h5中的一些配置
- h5中的表格
- h5中的表单
- H5中的快
- H5中的常用标签
- h5中的画布----Canvas
- H5学习之旅-H5列表(8)
- [H5]HTML5列表、块和布局
- H5实战(七):列表布局切换
- h5标题和列表的学习
- 剖析淘宝 TDDL ( TAOBAO DISTRIBUTE DATA LAYER )
- darwin streaming server 6.0.3 Linux编译
- LNMP添加、删除虚拟主机
- python数据分析学习笔记七
- HTTP、 HTTP1.1、 HTTP/2的区别
- h5中的列表
- 关于在高并发下生成订单号的策略
- [笔记]C++的空类
- 由python2.7的UnicodeEncodeError说Python的编码问题
- windows安装node.js
- 设计模式之---中介者模式
- hadoop测试wordcount出现的问题
- centos 网络配置
- 僵尸进程