第三章：Web页面建设

这章开头是为Tony的旅行日志做一个网页

认识<q>元素

想在html中加一段简短的引用,<q>元素正是你所需要的

<p>
Just the essentials.As LaoTzu would have said,<q>A journey of a thousand miles begins with one Segway.</q>
</p>

上边这节代码<q>中间的内容并没有双引号，由于<q>元素，所以页面上他会有双引号

已经说了，<q>是用于短引用，作为现有段落的一部分，那么较长的引用呢？<blockquote>元素！它需要单独显示

认识<blockquote>元素

<blockquote>元素用于较长的引用，是块元素

要插入<blockquote>元素，需要结束这个段落

<blockquote>元素中的内容显示出来会是自动缩进的，不过要知道只是一些浏览器会缩进，不要指望所有浏览器都有相同的显示

<p>
like this:
</p>

<blockquote>
Passing cars，When you can't seeMay get you,Aglimpse,Of eternity.
</blockquote>

<p>
end
</p>

认识<br>元素

<br>就是一个换行的元素，它不像<a>、<p>等这些元素要开闭，<br>不用闭，它就是这样，因为换个行没有必要还要关闭，这里只要告诉浏览器换个行就行，可以减少HTML的标记数量

<br>元素是一个没有任何内容的元素，但是它并不是唯一一个，比如<img>也没有实际内容元素，这样的元素叫做void元素

<blockquote>
Passing cars,<br>When you can't see,<br>May get
you,<br>Aglimpse,Of eternity.<br>
</blockquote>

这样则每行都缩进了。

HTML建列表

第一步：将列表项移出段落，每个列表项放在一个<li>元素中,<li>和</li>之间

第二步：用<ol>或<ul>元素包围列表项

              <ol>是有序列表，会自己给列表项编号，不用自己编，<ul>则是无序列表

<ul>
<li>cell phone</li>
<li>ipod</li>
<li>digital camera</li>
<li>a protein bar</li>
</ul>

<ol>和<ul>独立换行，<li>元素也是独立换行，所以他们是块元素。

注意：

<ol>,<ul>元素设计为只能包含<li>元素，所以不能把文本或者其他元素放在<ol>和<ul>元素里

不过可以在列表中再嵌套列表

<ul>
<li>cell phone
     <ul>
        <li>huawei</li>
        <li>sanxing</li>
     </ul>
</li>
<li>ipod</li>
<li>digital camera</li>
<li>a protein bar</li>
</ul>