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