第2章 格式化和样式.ppt

HTML small 标签 定义和用法 small 标签呈现小号字体效果。 small 标签和它所对应的 big 标签一样，但它是缩小字体而不是放大。如果被包围的字体已经是字体模型所支持的最小字号，那么 small 标签将不起任何作用。 与 big 标签类似，small 标签也可以嵌套，从而连续地把文字缩小。每个 small 标签都把文本的字体变小一号，直到达到下限的一号字。 HTML sub 标签 定义和用法 sub 标签可定义下标文本。 包含在 sub 标签和其结束标签 /sub 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。 提示：无论是 sub 标签还是和它对应的?sup 标签，在数学等式、科学符号和化学公式中都非常有用。 HTML sup 标签 定义和用法 sup 标签可定义上标文本。 包含在 sup 标签和其结束标签 /sup 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。 提示：这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。如果和 a 标签结合起来使用，就可以创建出很好的超链接脚注。 HTML tt 标签 定义和用法 tt 标签呈现类似打字机或者等宽的文本效果。 tt 标签与?code?和?kbd?标签一样，tt 标签和必需的 /tt 结束标签告诉浏览器，要把其中包含的文本显示为等宽字体。对于那些已经使用了等宽字体的浏览器来说，这个标签在文本的显示上就没有什么特殊效果了。 样式：HTML CSS HTML中的样式 本例演示如何使用添加到 head 部分的样式信息对 HTML 进行格式化。 没有下划线的链接 本例演示如何使用样式属性做一个没有下划线的链接。 链接到一个外部样式表 本例演示如何 link 标签链接到一个外部样式表。 如何使用样式 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表： 外部样式表 内部样式表 内联样式 外部样式表 当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。 head link rel=stylesheet type=text/css href=mystyle.css /head 内部样式表 当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 style 标签定义内部样式表。 head style type=text/css body {background-color: red} p {margin-left: 20px} /style /head 内联样式 当特殊的样式需要应用到个别元素时，就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。 p style=color: red; margin-left: 20px This is a paragraph /p 第二章 格式化和样式 1.格式化例子 HTML 可定义很多供格式化输出的元素，比如粗体和斜体字。 文本格式化 此例演示如何在一个 HTML 文件中对文本进行格式化 预格式文本 此例演示如何使用 pre 标签对空行和空格进行控制。 “计算机输出”标签 此例演示不同的“计算机输出”标签的显示效果。 地址 此例演示如何在 HTML 文件中写地址。 1.格式化例子（续） 缩写和首字母缩写 此例演示如何实现缩写或首字母缩写。 文字方向 此例演示如何改变文字的方向。 块引用 此例演示如何实现长短不一的引用语。 删除字效果和插入字效果 此例演示如何标记删除文本和插入文本。 2.改变文本的外观和含义 很多标签都可以用来改变文本的外观，并为文本关联其隐藏的含义。总地来说，这些标签可以分成两类：基于内容的样式（content-based style）和物理样式（physical style）。 同时，W3C 为级联样式表（CSS）指定的标准现在已被绝大多数浏览器所支持，它提供了一种允许作者控制文档文本外观和布局的更为全面的方法。 3.基于内容的样式 基于内容的样式标签会告诉浏览器它所包含的文本具有特定的含义、上下文或者用法。然后浏览器就会把与该含义、上下文或者用法一致的格式应用在文本上。请注意这里面的区别。基于内容的标签赋予含义，而不是格式化。因此，它们对于自动处理来说非常重要；计算机并