有序列表:<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>