第5章 修饰网页各种元素.pptVIP

* * * 第5章 修饰网页各种元素 虽然网页中的各种元素均可以通过可视化操作插入网页中，并且还可以通过相应的【属性】面板编辑这些元素。但是在操作过程中，难免还是会需要运用到这些元素的各种标签，比如选择表格等，所以了解HTML语言，才是真正地学会制作网页。 而网页制作最重要的方面之一就是格式控制，虽然HTML提供了各个网页元素的标签与参数来修饰网页，但是要想制作具有特殊效果的网页元素，例如模糊或者半透明图像等，就需要利用Dreamweaver中的CSS样式来实现。 * 本章知识要点: HTML信息 各种元素标签 CSS创建方法 CSS样式属性 * 5.1 网页各种元素标签 HTML为一种普通文件中某些字句加上标示的语言，其目的在于运用标签使文件达到预期的显示效果。HTML不是程序语言，只是标示语言，只要明白了各种标签的用法便了解了HTML。HTML的格式非常简单，只是由文字及 标签组合而成，任何文字编辑器都可以对其进行编辑，当然最好使用专业的网页编辑软件。 5.1.1 HTML信息 HTML是一种简单易学的标示语言，分为文档头与文档体两个部分，在文档头中对这个文档进行一些必要的定义，文档体才是要显示各种文档信息。 * 5.1.2 文本标签 在浏览器中，任何HTML标签都看不到，但是在浏览器中所看到的网页效果却都是由这些标签生成的。标签是用来分割和标识文本的元素，使用HTML标签可以设置链接、标题、段落、列表和字符加亮区域等。 * 5.1.3 图像标签 IMG标签并不能真正地将图像加入到HTML文档中，而是为标签中的src属性赋值，这个值是图像文件的文件名，也是图像文件在网页中的路径，这个路径可以是相对路径，也可以是网址。该标签属于空标签，即不需要关闭标签。网页的图像有两种，一种是插入式，一种是背景式。 * 【属性】面板显示 低解析图片显示 5.1.4 表格标签 因为一个最简洁的表格，也包括表格本身、行、列与单元格，所以表格标签也包括这些相应的标签。并且这些标签都是围堵标签，需要关闭标签。 * 标签 类型 译名或意义 作用 备注 表格标记 TABLE ? 表格标记 设定该表格的各项参数 CAPTION ? 表格标题 做成一行通列以填入表格标题 TR ? 表格列 设定该表格的列 TD ? 表格栏 设定该表格的栏 TH ? 表格标头 相等于TD，但其内之字体会变粗 5.1.5 链接标签 在所有超级链接中，大致上可以分为两大类：一类是最基本的超级链接，标签为A/A，另外一类为地图式链接，标签为MAP/MAP。 * 标签 类型 译名或意义 作用 备注 链接标签 A ? 链接标记 加入链接 BASE ? 基准标记 指定一个显式URL用于解析对于外部源的链接和引用，如图像和样式表。 影像地图 MAP ? 影像地图名称 设定影像地图名称 AREA ? 链接区域 设定各链接区域 5.2 CSS基础和应用 CSS（Cascading Style Sheets）即为级联样式表或层叠样式表，通常用名字或者HTML标签表示，在HTML文档中的CSS样式表可以控制大多数传统的文本格式。因为CSS样式在几乎所有的浏览器上都可以使用，所以可以轻松地控制页面的布局。 * 5.2.1 创建CSS规则 在网页中创建CSS规则，不仅方法众多，而且非常简单。下面从不同的途径介绍如何创建CSS规则。 1．自动创建CSS规则 2．在空白网页中创建CSS规则 3．直接创建具有CSS规则的网页 * 选项 作用 选择器类型 类 创建可作为class属性应用于文本范围或文本块的自定义样式，然后在“名称”文本框中输入样式名称。 标签 重定义特定 HTML 标签的默认格式设置，然后在“标签”文本框中输入一个HTML标签，或从下拉式菜单中选择一个标签。 高级 为具体某个标签组合或所有包含特定ID属性的标签定义格式设置，然后在“选择器”文本框中输入一个或多个HTML标签，或从下拉式菜单中选择一个标签。下拉式菜单中提供的选择器（称作伪类选择器）包括 a:link、a:visited、a:hover和a:active。 定义在 新建样式表文件 创建外部样式表时选择此选项。 仅对该文档 在当前文档中嵌入样式时选择此选项。 * 5.2.2 在网页中插入CSS CSS规则具有两种方式，一种是只定义在当前网页中，一种是建立独立的CSS文件。这时就需要根据不同的方式选择不同的应用，从可以在网页显示出效果。 * 5.3 CSS规则定义 无论是创建当前网页中的CSS样