HTML5从入门到精通

HTML5从入门到精通

本文全部来自《HTML5从入门到精通》Faithe Wempen，清华大学出版社。文章内容全为各章要点，纯粹是为方便自己查阅。：

• 第一章 编辑和查看HTML文件
• 第二章 设置文档结构
• 第三章 用标记符来格式化文本
• 第四章 使用列表和背景
• 第五章 创建超文本链接和锚
• 第六章 样式表基础
• 第七章 使用样式表改变文本格式
• 第八章 使用样式表改变段落格式
• 第九章 显示图像
• 第十章 创建导航机制
• 第十一章 创建区域分布
• 第十二章 创建表格
• 第十三章 设置表格格式
• 第十四章 创建用户表单
• 第十五章 嵌入音频和视频
• 第十六章 加入Javascript和外部内容
• 第十七章 HTML和Microsoft Expression Web

---

---

第一章 编辑和查看HTML文件

要点

1. 包括记事本在内，任何文本编辑器都可以成为HTML编辑器
2. 大多数网页文件都有.htm和.html的文件扩展名。你可以用记事本打开它们。但首先要把“打开文件”对话框中的“文件类型”改成“所有文件”。每次用“打开文件”对话框，都要改这个设置。
3. 另一种用记事本打开网页的方法是，在windows资源管理器中右击该文件，在上下文菜单中选择“使用记事本打开”。
4. 要想用Web浏览器预览网页，可在浏览器的菜单中选择“文件”|“打开”命令。
5. 可以在windows资源管理器中，双击.htm或.html文件，默认的Web浏览器会自动运行并打开该网页。
6. 要想用Web浏览器查看在记事本中所做的更改，请在记事本中保存更改，然后再浏览器窗口单击“刷新”按钮。

第二章 设置文档结构

要点

1. 如果想指定文件类型为HTML5，则在文件开始处添加标记符。
2. 所有HTML代码（除了DOCTYPE）都包含在双标记符中。
3. head和body部分包含在成对出现的html和html标记符中。
4. head部分包括网页标题title和meta标记符。body部分包括所有显示在网页中的文字。
5. 每一段文字都包含在双标记符P中.大多数浏览器会显示时在段落之间加一个空行。
6. 如果只想换行而不开始一个新的段落，则使用单标记符br。
7. 如果是XHTML代码，单标记符要以一个空格和一个斜杠/结尾。空格是HTML要求的，斜杠是XHTML要求的。
8. 在head部分中用meta标记符来指定关键词和文档编码语言。
9. 在head部分中用title和/title标记符来封装显示在浏览器标题栏的文字。
10. 如果想将网页发布到服务器上，可以使用FTP工具或windows内置的FTP功能，也可以（通过一些工具）直接将文件保存到服务器上。但是，记事本软件不提供这个功能。

第三章 用标记符来格式化文本

要点

1. 大多数标记符用来定义功能，而不是定义格式的。他们指定文字的某种功能，例如该文字是标题还是引用，但是并不指定他们如何显示。
2. 标记符所包含文字的实际显示格式（显示的样式）是有几个因素控制的：浏览器的默认设置、每个用户自己的设置以及样式表。
3. 标记符h1到h6用来定义标题（由大到小）。
4. 当一个标题下面紧跟着一个子标题，应该用hgroup标记符来将他们集合在一起，这样当显示在屏幕上时，他们会被显示为一个单元。
5. 用b标记符将字体设置为粗体；用i标记符将字体设置为斜体。
6. 上标的标记符是sup；下标的标记符是sub；
7. 固定宽度文字的字体在水平方向上，无论什么字符，所占的空间是一样大的。这与比例字体正好相反。
8. 默认情况下，大多数网络文字都是比例字体。要指定固定宽度字体，需要使用kbd,code,samp标记符。HTML5不再支持过时的tt标记符来指定固定宽度字体。
9. 默认情况下，Web浏览器会去除多余的空格并忽略段落间的空行（用p标记符生成的段落除外）。如果要强制浏览器显示这些多余的空格和空行，则需要用pre标记符来封装这些文字。
10. 要设置一段引用，则使用blockquote标记符。该标记符具有cite=”URL”属性，但是大多数浏览器并不用它。
11. IE中，可以在“查看”菜单中设置默认字体的大小。这个设置只影响到你的IE的显示，而不影响网页本身。
12. IE中，你可以通过打开“Internet选项”对话框，针对不同的目的来选择默认字体。

第四章 使用列表和背景