10、HTML列表构建与元素嵌套全解析

HTML列表构建与元素嵌套全解析

一、HTML列表的构建

在HTML中构建列表其实很简单，只需两个步骤。

步骤一：将每个列表项放入 <li> 元素

要创建一个列表，需把每个列表项放在各自的 <li> 元素中，也就是用 <li> 开始标签和 </li> 结束标签将内容包裹起来。就像其他HTML元素一样，标签之间的内容可长可短，也能跨多行书写。

以Tony的旅行日志为例，在“journal.html”文件里，原本的内容如下：

<h2>August 20, 2012</h2>
    <img src="images/segway2.jpg">
<p>
Well I've made it 1200 miles already, and I passed 
through some interesting places on the way: 
</p>
<li>Walla Walla, WA</li>
<li>Magic City, ID</li>
<li>Bountiful, UT</li>
<li>Last Chance, CO</li>
<li>Why, AZ</li>
<li>Truth or Consequences, N