第二章超文本标记语言html.pptVIP

第2章 HTML基础;第2章 HTML语言;2.1 HTML的基本结构;2.1.1 HTML标记及其属性;1.标记;2.1.1 HTML标记及其属性;2．标记的属性;2.1.2 HTML的基本构成标记 ;1．HTML文档标记HTML;2．HTML文件头标记Head;3．HTML文件标题标记Title;4．HTML文件主体标记Body;4．HTML文件主体标记Body;2.2 文字与页面格式;2.2.1 强制换行标记;1．强制换行标记br;2.2.2 段落标记;2．段落标记p ;1.注释标记 与许多计算机语言一样，HTML语言也提供了注释功能。浏览器遇到注释标记就会自动忽略此标记中的内容。 为HTML文档的不同部分加上说明，是为了便于日后的阅读和修改。注释标记的格式为： !--注释内容-- ;2.2.2 段落标记;2.2.3 文本标记;2.2.3 文本标记;2．字体设置标记Font;2.2.3 文本标记;2.2.3 文本标记;4．背景颜色;2.2.3 文本标记;2.2.3 文本标记;2.2.4 列表标记;1．有序列表标记;1．有序列表标记;1．有序列表标记;2.2.4 列表标记;2.2.4 列表标记;3．无序列表;2.2.5 层标记;2.2.5 层标记;2.2.6表单标记;2.2.6 表单标记;2.2.6 表单标记;2.2.6表单标记;1．发送与重置 ;2．文字输入与密码输入;3．复选框和单选按钮;4．选择列表框（selectable menu）;2.2.7 框架的应用;最常见的框架结构是Web型的联机帮助系统（其本质也就是网页），它们通常都采用一种目录式结构，左边是帮助主题，右边是帮助内容，当单击左边的超链接时，相应内容显示在右边的框架中。 例如，图2--23显示了Photopshop 7.0的帮助页面所应用的框架效果。 ;2.2.7 框架的应用;2.2.7 框架的应用;2.2.7 框架的应用;rows属性和cols属性说明;rows属性和cols属性说明;框架的嵌套;框架的初始化;框架与框架中文本的间距;2.3 图像标记;2.3.1 插入图像标记;2.3.2 插入视频标记;2.4 超级链接的应用;2.4.1 超级链接简介 ;2.4.1 超级链接简介 ;2.4.2 网页内部的链接（锚点）;2.4.3 网页外部的链接;2.4.4 图片超级链接;2.5 表格;一个好的网页往往版面规整，内容摆放井井有条，让人看了赏心悦目。而这样的版式经常是由表格来控制的，只不过不显示出表格的边框而已。而设置框架可以在同一个Web浏览器窗口中打开多个Web页，这是表格所不能做到的，因为在表格中不能放置HTML文档。 ;2.5.1 表格的基本构成;（2）caption 如果表格需要标题，那么就应该使用CAPTION标记符将表格标题包括在CAPTION和/CAPTION之间，如果使用了CAPTION标记符，它应该直接位于TABLE之后，可以用CAPTION标记符的align属性控制表格标题的显示位置，align属性可以有4种取值：top（标题放在表格上部）、bottom（标题放在表格下部）、left（标题放在表格上部的内侧）、right（标题放在表格上部的左侧），默认情况下使用top。;（3）tr TR标记符用于定义表格的行，对于每一个表格行，都对应于一对tr…/tr标记符。 格式为：TR……/TR;2.5.1 表格的基本构成 ;2.5.2 表格的属性;1．table的属性;2.5.2 表格的属性;bgcolor取值是十六进制RGB颜色或颜色常量名; align取值为left(左对齐)、center(居中)或right(右对齐)； valign取值为top(靠顶端对齐)、middle(居中间对齐)或bottom(靠底部对齐)。;2.5.2 表格的属性;3.定义表格单元格标记TD和TH的属性;3.定义表格单元格标记TD和TH的属性;3.定义表格单元格标记TD和TH的属性;2.5.2 表格的属性;2.5.3 表格的尺寸设置;2.5.3 表格的尺寸设置;2.5.4 边框与分隔线;1．frame属性;2.5.4 边框与分隔线;2.5.5 表格在页面中的对齐 ;2.5.6 表格内文字的对齐;2.5.6 表格内文字的对齐;2.5.7 设置单元格的大小;2.5.8 设置表格和单元格的背景;本章小节