Html学习日记6

列表...

首先看一个演示(无序列表)...

• Probably In Life
• 我的QQ号：175203941
• 给我发邮件

无序列表:无序列表是一个项目的列表，此列项目使用 粗体圆点（典型的小黑圆圈）进行标记。无序列表始于 <ul> 标签 。每个列表项始于 <li>。
上面的列表的源码是这样的：
<ul>
<li><a href="http://sparkzee.blogspot.com">Probably In Life</a></li>
<li>我的QQ号：175203941</li>
<li><a mailto="lohnzhang@gmail.com">给我发邮件</a></li>
</ul>

有序列表:同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于<li> 标签。
看一个例子先，还是上面的内容...

1. Probably In Life
2. 我的QQ号：175203941
3. 给我发邮件

源代码如下：
<ol>
<li><a href="http://sparkzee.blogspot.com">Probably In Life</a></li>
<li>我的QQ号：175203941</li>
<li><a mailto="lohnzhang@gmail.com">给我发邮件</a></li>
</ol>
</br>

定义列表:自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以 <dl> 标签开始。每个自定义列表项以<dt> 开始。每个自定义列表项的定义以 <dd> 开始。 下面的一个例子：

My blog

Probably In Life

我的百度博客

My QQ/MSN

QQ:175203941

bradnakata@msn.com

源代码如下：

<dl>

<dt>My blog</dt>

<dd><a href="http://sparkzee.blogspot.com">Probably In Life</a></dd>

<dd><a href="http://hi.baidu.com/lohnzhang">我的百度博客</a></dd>

<dt>My QQ/MSN</dt>

<dd>QQ:175203941</dd>

<dd>bradnakata@msn.com</dd>

</dl>

更多：

Square:

• Probably In Life
• 我的QQ号：175203941
• 给我发邮件

源代码：

<ul type="square">

<li><a href="http://sparkzee.blogspot.com">Probably In Life</a></li>

<li>我的QQ号：175203941</li>

<li><a mailto="lohnzhang@gmail.com">给我发邮件</a></li>

</ul>



你也可以把"square"换成"circle"试试。
效果如下：

• Probably In Life
• 我的QQ号：175203941
• 给我发邮件

一个嵌套列表的演示：

• My blog
• Probably In Life
• 我的百度博客
• My QQ:175203941
• My MSN:bradnakata@msn.com

源码如下：

<ul>

<li>My blog</li>

<ul>

<li><a href="http://sparkzee.blogspot.com">Probably In Life</a></li>

<li><a href="http://hi.baidu.com/lohnzhang">我的百度博客</a></li>

</ul>

<li>My QQ:175203941</li>

<li>My MSN:bradnakata@msn.com</li>

</ul>



一个更加复杂的列表演示- -...

• My Blog
• Probably In Life
• 我的百度博客
• My IM
• QQ:175203941
• MSN
• bradnakata@msn.com
• someone@msn.com
• My E-mail:lohnzhang@gmail.com

他的源代码：
<ul>
<li>My Blog</li>
<ul>
<li><a href="http://sparkzee.blogspot.com">Probably In Life</a></li>
<li><a href="http://hi.baidu.com/lohnzhang">我的百度博客</a></li>
</ul>
<li>My IM</li>
<ul>
<li>QQ:175203941</li>
<li>MSN</li>
<ul>
<li>bradnakata@msn.com</li>
<li>someone@msn.com</li>
</ul>
<li>My E-mail:lohnzhang@gmail.com</li>
</ul>

终于看完网球王子了。。。 开始奋斗成长的烦恼。。。