第4章-网页设计 文本和图像综述.ppt

第4章 文本与图像;教学目标;教学内容;教学重点和难点;;;4.1文本样式（Text-style）;4.1文本样式（Text-style）;4.1文本样式（Text-style）;4.1文本样式（Text-style）;4.1文本样式（Text-style）;4.1文本样式（Text-style）;4.1文本样式（Text-style）;4.1文本样式（Text-style）;4.1文本样式（Text-style）;4.2 文本排版（Formatting text）样式;4.2 文本排版（Formatting text）样式;;;4.2 文本排版（Formatting text）样式;4.2 文本排版（Formatting text）样式;4.2 文本排版（Formatting text）样式;4.2 文本排版（Formatting text）样式;4.2 文本排版（Formatting text）样式;4.2 文本排版（Formatting text）样式;;;4.3 文本元素（Text）;;;4.3.3 输出 1. pre pre元素可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 2. code code标签用于表示计算机源代码或者其他机器可以阅读的文本内容。;3. kbd kbd标签定义键盘文本。它用来表示文本是从键盘上键入的。浏览器通常用等宽字体来显示该标签中包含的文本。kbd 标签经常用在计算机相关的文档和手册中。 4. var var标签表示变量的名称，或者由用户提供的值。这个标签经常与code和pre标签一起使用，用来显示计算机编程代码范例及类似方面的特定元素。用var标签标记的文本通常显示为斜体。;5. dfn dfn标签可标记那些对特殊术语或短语的定义。浏览器通常用斜体来显示dfn中的文本。但dfn标签尽量少用为妙，作为一种通用样式，尤其在技术文档中，当第一次出现新的术语时，应该将它们与普通文本分开，这样读者可以更好地理解文章当前的主题，之后就不要再对这个术语进行任何标记了。 ;6. samp samp标签表示一段用户对其没有什么其他解释的文本字符。samp标签并不经常使用，只有在要从正常的上下文中将某些短字符序列提取出来，对它们加以强调的极少情况下，才使用这个标签。;;;;4.5 图片;4.5 图片;4.5 图片;4.5 图片;;;4.6 背景的使用;4.6 背景的使用;;4.6 背景的使用;;;4.6 背景的??用;4.6 背景的使用;4.7 CSS3增强的文本功能;;;4.7 CSS3增强的文本功能;4.7 CSS3增强的文本功能;;4.7 CSS3增强的文本功能;4.8 CSS3增强的颜色功能;4.8 CSS3增强的颜色功能;4.8 CSS3增强的颜色功能;4.8 CSS3增强的颜色功能;小结;作业;