web标准教程,帮你走进web标准设计的世界 第二讲

2020-05-09 06:58:47易采站长站整理

  </li>
</ul>

So easy !
像这种文字以列表形式存在,而且没有顺序性,也没有标题,我们通常可以使用ul和li的组合来描述

这个与上面一个唯一的不同点就是多了一个标题(“求购信息”),可能有人会想到用这样的组合完成:


<h4>求购信息</h4>
<ul>
<li>…</li>
  <li>…</li>
</ul>

当然是很好的,不过这里我要介绍里一个标签组合来实现这个架构:


<dl>
<dt>求购信息</dt>
<dd>
<a href=”#”>求个二手手机给老爹用</a>
</dd>
<dd>
<a href=”#”>求购二手显示器</a>
</dd>
<dd>
<a href=”#”>寻找自行车钥匙</a>
</dd>
<dd>
<a href=”#”>求购移动手机(简单功…</a>
</dd>
<dd>
<a href=”#”>求购天翼电信手机</a>
</dd>
</dl>

好乱啊,但其实你耐心一点就很容易了。
标签9:dl
使用指数:*****
功能:构造一个列表,与dt,dd配合使用
类型:块级元素
常用属性:id,class
例子:


<body>
<h4>一个定义列表:</h4>
<dl>
<dt>咖啡</dt>//相当于一个小标题
<dd>黑色的热饮料</dd>//该标题下面的内容
 <dd>黑色的热饮料</dd>
<dd>黑色的热饮料</dd>
<dt>Milk</dt>//一个dl中可以有多个dt
<dd>白色的冷饮料</dd>//一个dt中可以有多个dd
<dd>白色的冷饮料</dd>
<dd>白色的冷饮料</dd>
</dl>
</body>

至于尾部我就不讲了,相信你已经可以写出他的html部分了
下一讲我将为大家重点讲解表单元素和table元素。