第三章 构建模块——Web页面建设
章节总结：
- 开始输入内容之前要规划好Web页面的结构。首先画出一个草图，然后创建一个略图，最后再写出HTML。
- 规划页面时，首先设计大的块元素，然后用内联元素完善。
- 记住，要尽可能使用元素来告诉浏览器你的内容的含义。
- 一定要使用与内容含义最接近的元素。例如，如果需要一个列表，就不要使用段落元素。
<p>、<blockquote>、<ol>、<ul>和<li>都是块元素。它们单独显示，在内容前后分别有一个换行（默认地）。<q>和<em>是内联元素。这些元素中的内容 与其包含元素的其余内容 放在一起。- 需要插入你自己的换行时，可以使用
<br>元素。 <br>是一个“void”元素。- void元素没有内容，只有一个标记组成。
- “空”元素没有内容。不过它有开始和结束标记。
例如：
<a href="void.html"> </a>（这不能被点击，也并没有什么意义） - 嵌套元素是指完全包含在另一个元素中的元素。如果元素能正确地嵌套，所有标记都能正确匹配。
- 要结合两个元素建立一个HTML列表：使用
<ol>和<li>建立有序列表，使用<ul>和<li>可以建立一个无序列表。 - 浏览器显示一个有序列表时，它会为列表创建序号，所以无需你费心。
- 可以在列表中建立嵌套列表，将
<ol>或<ul>元素放在<li>元素中。 - 要对HTML内容中的特殊字符使用字符实体。
我的体会：
一、引用及块元素、内联元素：
- 引用分为短引用
<q>（内联元素）与块引用<blockquote>（块元素），用来表示某种特定的内容。 - 块元素通常用作Web页面中的主要构件模块；而内联元素往往用来标记小段内容。
- 块元素特立独行；内联元素随波逐流。
- 块引用
<blockquote>用于较长的引用，需要单独显示。 - 只要使用块元素，浏览器就会使用换行符来分隔每一“块”。
二、换行及void元素：
- 浏览器不会显示空白符和换行，但HTML中
<br>可以作为换行符使用。 - 如果一个元素设计为没有任何实际内容，我们会使用简写来表示这个元素，如
<br>、<img>等void元素。 - 使用void元素时，只需使用一个开始标记。
【注意】处理XHTML时，
<br/>的语法更为严格。除非需要规划或编写与XHTML兼容的页面，否则HTML中都应该使用<br>。
三、列表及嵌套：
- 列表分为三种：有序列表、无序列表以及定义列表。
- 有序列表结构：
<ol>
<li>第一列</li>
<li>第二列</li>
<li>...</li>
<ol>
- 无序列表结构：
<ul>
<li>第一列</li>
<li>第二列</li>
<li>...</li>
<ul>
- 定义列表结构：
<dl><!--使用dl将他们圈起来成块-->
<dt>需要定义的概念</dt>
<dd>对概念的解释</dd>
</dl>
[注] ul = unordered list； ol = ordered list； li = list item；
<li>元素用来表示每个元素，而<ol>/<ul>则负责把它们归为一组。 且<ol>/<ul>里面只能包含<li>元素。- 嵌套：把一个元素放在另一个元素中。
例如：可把html的结构理解为如下的“层层嵌套”：
- 使用嵌套时，一定要确保标记匹配正确。
如:
<p> 正确的 <em> 嵌套 </em> </p>
<p> 错误的 <em> 嵌套 </p> </em>
四、字符实体及常用标记：
- 字符实体：一种简单缩写来指定一些特殊字符。
如当希望在Web页面中出现一些提到<html>元素时，直接输入会带来错误，此时需要使用字符实体。 - 一些常用的字符实体：
【注意】输入实体时，都会用到&
<：<
>：>
&：&
更详尽的字符实体清单可以点击这里访问获取：点我获取更多字符实体清单。
- 常用标记清单：
<a>：建立链接
<p>：建立段落
<q>：短引用
<blockquote>：长引用
<code>：显示计算机程序代码
<em>：强调某个要点（变化为斜体）
<strong>：特别强调某个文本
<time>：告诉浏览器这个内容是一个日期或时间，或者同时包含二者
<pre>：希望浏览器按照输入的方式原样显示文本
<br>：换行
<ul>：无序列表
<ol>：有序列表
<li>：列表的每一项
<img>：引用图片
… …
202
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
