HTML5从入门到精通
本文全部来自《HTML5从入门到精通》Faithe Wempen,清华大学出版社。文章内容全为各章要点,纯粹是为方便自己查阅。:
- 第一章 编辑和查看HTML文件
- 第二章 设置文档结构
- 第三章 用标记符来格式化文本
- 第四章 使用列表和背景
- 第五章 创建超文本链接和锚
- 第六章 样式表基础
- 第七章 使用样式表改变文本格式
- 第八章 使用样式表改变段落格式
- 第九章 显示图像
- 第十章 创建导航机制
- 第十一章 创建区域分布
- 第十二章 创建表格
- 第十三章 设置表格格式
- 第十四章 创建用户表单
- 第十五章 嵌入音频和视频
- 第十六章 加入Javascript和外部内容
- 第十七章 HTML和Microsoft Expression Web
第一章 编辑和查看HTML文件
要点
- 包括记事本在内,任何文本编辑器都可以成为HTML编辑器
- 大多数网页文件都有.htm和.html的文件扩展名。你可以用记事本打开它们。但首先要把“打开文件”对话框中的“文件类型”改成“所有文件”。每次用“打开文件”对话框,都要改这个设置。
- 另一种用记事本打开网页的方法是,在windows资源管理器中右击该文件,在上下文菜单中选择“使用记事本打开”。
- 要想用Web浏览器预览网页,可在浏览器的菜单中选择“文件”|“打开”命令。
- 可以在windows资源管理器中,双击.htm或.html文件,默认的Web浏览器会自动运行并打开该网页。
- 要想用Web浏览器查看在记事本中所做的更改,请在记事本中保存更改,然后再浏览器窗口单击“刷新”按钮。
第二章 设置文档结构
要点
- 如果想指定文件类型为HTML5,则在文件开始处添加标记符。
- 所有HTML代码(除了DOCTYPE)都包含在双标记符中。
- head和body部分包含在成对出现的html和html标记符中。
- head部分包括网页标题title和meta标记符。body部分包括所有显示在网页中的文字。
- 每一段文字都包含在双标记符P中.大多数浏览器会显示时在段落之间加一个空行。
- 如果只想换行而不开始一个新的段落,则使用单标记符br。
- 如果是XHTML代码,单标记符要以一个空格和一个斜杠/结尾。空格是HTML要求的,斜杠是XHTML要求的。
- 在head部分中用meta标记符来指定关键词和文档编码语言。
- 在head部分中用title和/title标记符来封装显示在浏览器标题栏的文字。
- 如果想将网页发布到服务器上,可以使用FTP工具或windows内置的FTP功能,也可以(通过一些工具)直接将文件保存到服务器上。但是,记事本软件不提供这个功能。
第三章 用标记符来格式化文本
要点
- 大多数标记符用来定义功能,而不是定义格式的。他们指定文字的某种功能,例如该文字是标题还是引用,但是并不指定他们如何显示。
- 标记符所包含文字的实际显示格式(显示的样式)是有几个因素控制的:浏览器的默认设置、每个用户自己的设置以及样式表。
- 标记符h1到h6用来定义标题(由大到小)。
- 当一个标题下面紧跟着一个子标题,应该用hgroup标记符来将他们集合在一起,这样当显示在屏幕上时,他们会被显示为一个单元。
- 用b标记符将字体设置为粗体;用i标记符将字体设置为斜体。
- 上标的标记符是sup;下标的标记符是sub;
- 固定宽度文字的字体在水平方向上,无论什么字符,所占的空间是一样大的。这与比例字体正好相反。
- 默认情况下,大多数网络文字都是比例字体。要指定固定宽度字体,需要使用kbd,code,samp标记符。HTML5不再支持过时的tt标记符来指定固定宽度字体。
- 默认情况下,Web浏览器会去除多余的空格并忽略段落间的空行(用p标记符生成的段落除外)。如果要强制浏览器显示这些多余的空格和空行,则需要用pre标记符来封装这些文字。
- 要设置一段引用,则使用blockquote标记符。该标记符具有cite=”URL”属性,但是大多数浏览器并不用它。
- IE中,可以在“查看”菜单中设置默认字体的大小。这个设置只影响到你的IE的显示,而不影响网页本身。
- IE中,你可以通过打开“Internet选项”对话框,针对不同的目的来选择默认字体。
第四章 使用列表和背景
要点
- 要创建一个编号(顺序)列表,使用ol标记符,而项目符号(无序)列表则使用ul标记符。
- 在ol或ul标记符中,用li来定义每一个列表项。这些标记符都是双标记符。HTML并不要求结束符/li